@beastmode-develeap/beastmode 0.1.109 → 0.1.110

package/dist/web/board.html

@@ -15,7 +15,7 @@
 }
 </script>
 <!--BOARD_DATA-->
-<script>window.__BUILD_STAMP__ = "20260418-075248-39e5267";</script>
+<script>window.__BUILD_STAMP__ = "20260418-082837-7de1d16";</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">
@@ -5585,6 +5585,79 @@ function HelpPage() {
 // Settings Page
 // ================================================================
 
+// Gap 15: opt-in anonymous telemetry status surface. Reads
+// /api/telemetry/status (proxied to the board, which reads the daemon's
+// last heartbeat). Always renders — shows "Disabled" with a red dot
+// when telemetry is off, full metrics when on. See docs/telemetry.md.
+function TelemetrySettings() {
+  const [status, setStatus] = useState(null);
+  const [loading, setLoading] = useState(true);
+  const [loadError, setLoadError] = useState(null);
+
+  useEffect(() => {
+    api('GET', '/api/telemetry/status')
+      .then(data => { setStatus(data); setLoading(false); })
+      .catch(e => { setLoadError(e && e.message ? e.message : String(e)); setLoading(false); });
+  }, []);
+
+  const enabled = !!(status && status.enabled);
+  const dotColor = enabled ? 'var(--success)' : 'var(--danger)';
+  const eventTypes = (status && Array.isArray(status.collect_events)) ? status.collect_events : [];
+
+  return html`
+    <div class="settings-section">
+      <h3>Telemetry</h3>
+      ${loading ? html`<p style="font-size:13px;color:var(--text-muted);">Loading telemetry status...</p>` : null}
+      ${loadError ? html`<p style="font-size:13px;color:var(--danger);">Telemetry status unavailable: ${loadError}</p>` : null}
+      ${!loading && !loadError ? html`
+        <div class="setting-row">
+          <div>
+            <div class="setting-label">Status</div>
+            <div class="setting-desc">Anonymous pipeline metrics (no code, no PII)</div>
+          </div>
+          <div class="setting-control">
+            <span style="display:inline-block;width:8px;height:8px;border-radius:50%;background:${dotColor};" />
+            <span class="mono" style="font-weight:600;color:${enabled ? 'var(--success)' : 'var(--danger)'};">${enabled ? 'Enabled' : 'Disabled'}</span>
+          </div>
+        </div>
+        ${enabled ? html`
+          <div class="setting-row">
+            <div><div class="setting-label">Anonymous ID</div></div>
+            <div class="setting-control"><span class="mono">${(status && status.anonymous_id_prefix) || ''}</span></div>
+          </div>
+          <div class="setting-row">
+            <div>
+              <div class="setting-label">Sentry</div>
+              <div class="setting-desc">Error reporting SDK</div>
+            </div>
+            <div class="setting-control"><span class="mono">${status && status.sentry_configured ? 'Configured' : 'Not configured'}</span></div>
+          </div>
+          <div class="setting-row">
+            <div><div class="setting-label">Events buffered</div></div>
+            <div class="setting-control"><span class="mono">${status && status.events_buffered != null ? status.events_buffered : 0}</span></div>
+          </div>
+          <div class="setting-row">
+            <div><div class="setting-label">Events collected</div></div>
+            <div class="setting-control"><span class="mono">${status && status.events_total != null ? status.events_total : 0}</span></div>
+          </div>
+          <div class="setting-row">
+            <div><div class="setting-label">Last flush</div></div>
+            <div class="setting-control"><span class="mono">${(status && status.last_flush_at) || 'Never'}</span></div>
+          </div>
+          <div class="setting-row">
+            <div><div class="setting-label">Event types</div></div>
+            <div class="setting-control"><span class="mono" style="text-align:right;">${eventTypes.length > 0 ? eventTypes.join(', ') : '—'}</span></div>
+          </div>
+        ` : null}
+      ` : null}
+      <p style="font-size:12px;color:var(--text-muted);margin-top:12px;">
+        Configure via <span class="mono">config/beastmode.daemon.json</span> (<span class="mono">telemetry</span> section) or
+        the <span class="mono">BEASTMODE_TELEMETRY_ENABLED</span> env var. See <span class="mono">docs/telemetry.md</span>.
+      </p>
+    </div>
+  `;
+}
+
 function SettingsPage() {
   const [config, setConfig] = useState(null);
   const [loading, setLoading] = useState(true);
@@ -6031,6 +6104,9 @@ function SettingsPage() {
           </div>
         </div>
       </div>
+
+      <!-- Telemetry Section (Gap 15) -->
+      <${TelemetrySettings} />
       </div>
     </div>
   `;

package/dist/web/build-stamp.txt

@@ -1 +1 @@
-20260418-075248-39e5267
+20260418-082837-7de1d16

package/package.json

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