@beastmode-develeap/beastmode 0.1.301 → 0.1.302

package/dist/web/board.html

@@ -15,7 +15,7 @@
 }
 </script>
 <!--BOARD_DATA-->
-<script>window.__BUILD_STAMP__ = "20260519-160800-f4fed5f";</script>
+<script>window.__BUILD_STAMP__ = "20260525-101559-660ede4";</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">
@@ -11643,6 +11643,204 @@ function LearningsPage({ selectedProject }) {
   `;
 }
 
+// ================================================================
+// Investigator Status Bar + Activity Drawer (Story S2, item #660)
+// ================================================================
+
+// Explicit terminal-state status selector for the investigator status bar.
+// Blocked and Escalated are STICKY — they win regardless of timestamps and can
+// only be displaced by a newer InvestigatorResolved. System-scan events
+// (InvestigatorObserved for item #0 / null) are ignored entirely.
+// Does NOT use Array.reduce() so there is no risk of a newer scan timestamp
+// silently winning a comparator-based fold.
+function _computeInvestigatorStatus(events) {
+  if (!events || events.length === 0) return null;
+  let bestTerminal = null;   // most-recent Blocked or Escalated
+  let bestActivity = null;   // most-recent non-terminal, non-scan event
+  for (const e of events) {
+    const ts = e.timestamp || '';
+    const isTerminal = e.type === 'InvestigatorBlocked' || e.type === 'InvestigatorEscalated';
+    const isResolution = e.type === 'InvestigatorResolved';
+    const isSystemScan = !e.item_id || e.item_id === '0' || e.item_id === 0
+      || (e.payload && e.payload.summary === 'Investigator system scan');
+    if (isTerminal) {
+      if (!bestTerminal || ts > (bestTerminal.timestamp || '')) bestTerminal = e;
+    } else if (isResolution) {
+      if (bestTerminal && ts > (bestTerminal.timestamp || '')) bestTerminal = null;
+      if (!bestActivity || ts > (bestActivity.timestamp || '')) bestActivity = e;
+    } else if (!isSystemScan) {
+      if (!bestActivity || ts > (bestActivity.timestamp || '')) bestActivity = e;
+    }
+  }
+  return bestTerminal || bestActivity;
+}
+
+function InvestigatorStatusBar({ events, onOpenDrawer, drawerOpen }) {
+  // events is pre-filtered (system scans excluded at accumulation time in App).
+  // _computeInvestigatorStatus adds a second layer of defence.
+  const latest = _computeInvestigatorStatus(events);
+
+  let text = 'Investigator: idle';
+  let dotColor = 'var(--text-muted)';
+  let textColor = 'var(--text)'; // --text-muted fails 3.0 WCAG ratio on --bg-card in light theme
+
+  if (latest) {
+    const ts = latest.timestamp ? new Date(latest.timestamp).getTime() : 0;
+    const ageMs = Date.now() - ts;
+    const tooOld = !ts || ageMs > 600000;
+    const item = latest.item_id || '';
+    const resolvedFading = latest.type === 'InvestigatorResolved' && ageMs > 60000;
+    if (tooOld || resolvedFading) {
+      text = 'Investigator: idle';
+    } else if (latest.type === 'InvestigatorObserved') {
+      text = item ? `Investigator: observing #${item}` : 'Investigator: observing (system scan)';
+      dotColor = 'var(--accent)';
+      textColor = 'var(--text)';
+    } else if (latest.type === 'InvestigatorActed' || latest.type === 'InvestigatorHypothesized') {
+      text = `Investigator: acting on #${item}`;
+      dotColor = 'var(--accent)';
+      textColor = 'var(--text)';
+    } else if (latest.type === 'InvestigatorEscalated') {
+      text = `Investigator: escalated on #${item}`;
+      dotColor = 'var(--danger)';
+      textColor = 'var(--danger)';
+    } else if (latest.type === 'InvestigatorBlocked') {
+      const isHold = latest && latest.payload && latest.payload.reason === 'operator_hold';
+      text = isHold ? `Investigator: held by operator on #${item}` : `Investigator: blocked on #${item}`;
+      dotColor = 'var(--warning)';
+      textColor = 'var(--warning)';
+    } else if (latest.type === 'InvestigatorResolved') {
+      text = `Investigator: resolved #${item}`;
+      dotColor = 'var(--success)';
+      textColor = 'var(--success)';
+    }
+  }
+
+  return html`
+    <button
+      data-testid="investigator-status"
+      aria-label="Open investigator activity drawer"
+      aria-expanded=${drawerOpen ? 'true' : 'false'}
+      onClick=${onOpenDrawer}
+      style="display:flex;align-items:center;gap:8px;padding:6px 10px;margin-bottom:12px;font-size:12px;color:${textColor};background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;font-family:inherit;">
+      <span style="width:8px;height:8px;border-radius:50%;background:${dotColor};display:inline-block;" />
+      ${text}
+    </button>
+  `;
+}
+
+function InvestigatorActivityDrawer({ open, onClose, events, severity, onSeverityChange }) {
+  const order = { debug: 0, info: 1, notice: 2, warn: 3 };
+  const threshold = severity === 'all' ? 0 : severity === 'info+' ? 1 : 2;
+  const now = Date.now();
+
+  const filtered = (events || [])
+    .filter(e => {
+      const ts = e && e.timestamp ? new Date(e.timestamp).getTime() : 0;
+      if (!ts || now - ts > 600000) return false;
+      const raw = e && e.payload ? e.payload.severity : undefined;
+      const lvl = (raw in order) ? order[raw] : 2;
+      return lvl >= threshold;
+    })
+    .sort((a, b) => {
+      const ta = a.timestamp || '';
+      const tb = b.timestamp || '';
+      if (ta !== tb) return ta < tb ? 1 : -1;
+      // Same second: higher id comes first (later-inserted = newer)
+      return (parseInt(b.id) || 0) - (parseInt(a.id) || 0);
+    });
+
+  const [expanded, setExpanded] = useState({});
+
+  return html`
+    ${open ? html`
+      <div
+        data-testid="investigator-drawer-backdrop"
+        onClick=${onClose}
+        style="position:fixed;inset:0;background:rgba(0,0,0,0.3);z-index:199;" />
+    ` : null}
+    <aside
+      data-testid="investigator-drawer"
+      style="position:fixed;top:0;right:0;height:100vh;width:min(480px,90vw);background:var(--bg-card);border-left:1px solid var(--border);box-shadow:var(--shadow-sm);transform:translateX(${open ? '0' : '100%'});transition:transform 200ms ease-out;z-index:200;display:flex;flex-direction:column;">
+      <header style="padding:12px 16px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:12px;">
+        <strong style="flex:1;color:var(--text);">Investigator activity</strong>
+        <select
+          data-testid="investigator-severity-filter"
+          value=${severity}
+          onChange=${(e) => onSeverityChange(e.target.value)}
+          style="background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-sm);padding:2px 6px;">
+          <option value="notice+">notice+</option>
+          <option value="info+">info+</option>
+          <option value="all">all</option>
+        </select>
+        <button
+          data-testid="investigator-drawer-close"
+          aria-label="Close drawer"
+          onClick=${onClose}
+          style="background:transparent;border:none;color:var(--text-muted);cursor:pointer;font-size:18px;">${'×'}</button>
+      </header>
+      <div style="flex:1;overflow-y:auto;padding:8px 0;">
+        ${filtered.length === 0 ? html`
+          <div
+            data-testid="investigator-empty-state"
+            style="padding:24px 16px;color:var(--text);font-size:13px;text-align:center;">
+            No investigator activity in the last 10 minutes.
+          </div>
+        ` : filtered.map(e => {
+          const isExpanded = !!expanded[e.id];
+          const shortType = (e.type || '').replace(/^Investigator/, '');
+          const ts = (e.timestamp || '').slice(11, 19);
+          const summary = e && e.payload && e.payload.summary ? e.payload.summary : '';
+          return html`
+            <div
+              data-testid="investigator-event-row"
+              data-event-id=${e.id}
+              data-event-type=${e.type}
+              style="padding:8px 16px;border-bottom:1px solid var(--border);font-size:12px;color:var(--text);">
+              <div style="display:flex;align-items:center;gap:4px;">
+                <span style="color:var(--text-muted);font-variant-numeric:tabular-nums;">${ts}</span>
+                <span style="color:var(--text-muted);" aria-hidden="true"> · </span>
+                <span style="font-weight:600;">${shortType}</span>
+                <span style="color:var(--text-muted);" aria-hidden="true"> · </span>
+                ${e.item_id
+                  ? html`<a href="#/item/${e.item_id}" style="color:var(--accent);text-decoration:none;">#${e.item_id}</a>`
+                  : html`<span style="color:var(--text-muted);">system</span>`}
+                <span style="color:var(--text-muted);" aria-hidden="true"> · </span>
+                <span style="flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-muted);">${summary}</span>
+                ${e && e.payload && e.payload.details && e.payload.details.kb_hit ? html`
+                  <span
+                    data-testid="investigator-kb-badge"
+                    data-kb-signature=${(e.payload.details.kb_signature) || ''}
+                    style="flex-shrink:0;font-size:11px;padding:2px 6px;border-radius:var(--radius-sm);background:var(--accent);color:var(--bg);font-weight:600;white-space:nowrap;">
+                    known failure shape, fixed ${e.payload.details.kb_success_count || 0} times
+                  </span>
+                ` : null}
+                <button
+                  data-testid="investigator-event-expand"
+                  aria-expanded=${isExpanded ? 'true' : 'false'}
+                  onClick=${() => setExpanded(prev => ({ ...prev, [e.id]: !prev[e.id] }))}
+                  style="flex-shrink:0;background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:0 4px;">
+                  ${isExpanded ? '▾' : '▸'}
+                </button>
+              </div>
+              ${isExpanded ? html`
+                <pre
+                  data-testid="investigator-event-details"
+                  style="margin:8px 0 0 0;padding:8px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:11px;overflow-x:auto;">${`type: ${e.type}\n${JSON.stringify(e.payload, null, 2)}`}</pre>
+              ` : null}
+            </div>
+          `;
+        })}
+      </div>
+    </aside>
+  `;
+}
+// Expose so verifiers and future patches can assert exactly one live reference
+try { window.__InvestigatorActivityDrawer = InvestigatorActivityDrawer; } catch (_) {}
+
+// Expose on window so the verifier can inspect/test without navigating component trees.
+try { window.__InvestigatorActivityDrawer = InvestigatorActivityDrawer; } catch (_) {}
+
 // ================================================================
 // Factory Status Bar
 // ================================================================
@@ -11954,6 +12152,67 @@ function App() {
     setMobileMenuOpen(false);
   }, [hash]);
 
+  // Investigator status indicator + activity drawer (Story S2, item #660).
+  const [investigatorDrawerOpen, setInvestigatorDrawerOpen] = useState(false);
+  // All investigator events — fed to the activity drawer.
+  const [investigatorEvents, setInvestigatorEvents] = useState([]);
+  // Non-scan investigator events only — fed to the status bar.
+  // System-scan events (InvestigatorObserved for item #0) are excluded here so
+  // they can never appear in the status bar's input even before _computeInvestigatorStatus runs.
+  const [investigatorStatusEvents, setInvestigatorStatusEvents] = useState([]);
+  const [investigatorSeverity, setInvestigatorSeverity] = useState('notice+');
+
+  useEffect(() => {
+    let since = new Date(Date.now() - 600000).toISOString();
+    const fetchEvents = async () => {
+      try {
+        // Same precedence as api() lines 4004-4015 and ItemDetailSidebar line 5649:
+        // URL ?board= first, then localStorage (excluding the literal 'all'),
+        // else no scope (default board). Without this scoping the UI showed
+        // events from the project board while the verifier was scoped to a
+        // verify-board (bug #698 blocking #660).
+        let board = '';
+        try {
+          board = new URLSearchParams(window.location.search).get('board') || '';
+          if (!board) {
+            const ls = localStorage.getItem('beastmode-selected-project') || '';
+            board = (ls && ls !== 'all') ? ls : '';
+          }
+        } catch (_) { board = ''; }
+        const boardParam = board ? `&board=${encodeURIComponent(board)}` : '';
+        const rows = await api('GET', `/api/events?since=${encodeURIComponent(since)}&limit=500${boardParam}`);
+        const incoming = (rows || []).filter(e => typeof (e && e.type) === 'string' && e.type.startsWith('Investigator'));
+        if (incoming.length > 0) {
+          const latest = incoming.reduce((a, b) => ((a.timestamp || '') > (b.timestamp || '') ? a : b));
+          if (latest.timestamp) since = latest.timestamp;
+          // All events → drawer
+          setInvestigatorEvents(prev => {
+            const seen = new Set(prev.map(e => e.id));
+            const novel = incoming.filter(e => !seen.has(e.id));
+            return novel.length ? [...prev, ...novel] : prev;
+          });
+          // Non-scan events only → status bar (system scan = InvestigatorObserved for item #0)
+          const statusIncoming = incoming.filter(e => {
+            if (!e || e.type !== 'InvestigatorObserved') return true;
+            if (!e.item_id || e.item_id === '0' || e.item_id === 0) return false;
+            if (e.payload && e.payload.summary === 'Investigator system scan') return false;
+            return true;
+          });
+          if (statusIncoming.length > 0) {
+            setInvestigatorStatusEvents(prev => {
+              const seen = new Set(prev.map(e => e.id));
+              const novel = statusIncoming.filter(e => !seen.has(e.id));
+              return novel.length ? [...prev, ...novel] : prev;
+            });
+          }
+        }
+      } catch (_) { /* fail-open: keep prior state */ }
+    };
+    fetchEvents();
+    const id = setInterval(fetchEvents, 3000);
+    return () => clearInterval(id);
+  }, []);
+
   return html`
     <div class="layout">
       <button class="mobile-menu-btn" onClick=${() => setMobileMenuOpen(!mobileMenuOpen)} aria-label="Menu">
@@ -11965,8 +12224,18 @@ function App() {
                    mobileOpen=${mobileMenuOpen} />
       <main class="main">
         <${FactoryStatusBar} />
+        <${InvestigatorStatusBar}
+          events=${investigatorStatusEvents}
+          onOpenDrawer=${() => setInvestigatorDrawerOpen(true)}
+          drawerOpen=${investigatorDrawerOpen} />
         ${page}
       </main>
+      <${InvestigatorActivityDrawer}
+        open=${investigatorDrawerOpen}
+        onClose=${() => setInvestigatorDrawerOpen(false)}
+        events=${investigatorEvents}
+        severity=${investigatorSeverity}
+        onSeverityChange=${setInvestigatorSeverity} />
       <${OnboardingTour} />
     </div>
   `;

package/dist/web/build-commit.txt

@@ -1 +1 @@
-f4fed5f75c0aba44ea439890f1a099fabe9ada73
+660ede40db3cd8674e904cbe496dfdab19e03d3e

package/dist/web/build-stamp.txt

@@ -1 +1 @@
-20260519-160800-f4fed5f
+20260525-101559-660ede4

package/package.json

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