@beastmode-develeap/beastmode 0.1.298 → 0.1.300

package/dist/web/board.html

@@ -15,7 +15,7 @@
 }
 </script>
 <!--BOARD_DATA-->
-<script>window.__BUILD_STAMP__ = "20260517-110542-fd318ea";</script>
+<script>window.__BUILD_STAMP__ = "20260519-132227-d6f9484";</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">
@@ -2762,6 +2762,21 @@ input[type="range"]::-webkit-slider-thumb {
 .badge-info { background: var(--info-subtle); color: var(--info); }
 .badge-muted { background: var(--surface-elevated); color: var(--text-muted); }
 .badge-accent { background: var(--accent-subtle); color: var(--accent); }
+.badge-view-only, .view-only-badge {
+  display: inline-block;
+  padding: 2px 6px;
+  border-radius: 3px;
+  font-size: 10px;
+  font-weight: 600;
+  background: rgba(99, 102, 241, 0.15);
+  color: #818cf8;
+  border: 1px solid rgba(99, 102, 241, 0.3);
+  margin-left: 6px;
+  cursor: help;
+  vertical-align: middle;
+  text-transform: uppercase;
+  letter-spacing: 0.03em;
+}
 .badge-restart {
   display: inline-block;
   padding: 2px 6px;
@@ -8595,6 +8610,7 @@ function EnvironmentPanel({ projectName }) {
 
 function CodebaseGuidePanel({ projectName }) {
   const [status, setStatus] = useState('idle');
+  const [failureReason, setFailureReason] = useState(null);
   const [guideContent, setGuideContent] = useState(null);
   const [expanded, setExpanded] = useState(false);
   const [error, setError] = useState(null);
@@ -8604,9 +8620,11 @@ function CodebaseGuidePanel({ projectName }) {
       const data = await api('GET', '/api/projects/' + projectName + '/analyze/status');
       const next = (data && data.status) ? data.status : 'idle';
       setStatus(next);
+      setFailureReason((data && data.failure_reason) || null);
       return next;
     } catch (e) {
       setStatus('idle');
+      setFailureReason(null);
       return 'idle';
     }
   }, [projectName]);
@@ -8649,6 +8667,7 @@ function CodebaseGuidePanel({ projectName }) {
       setError(null);
       setGuideContent(null);
       setExpanded(false);
+      setFailureReason(null);
       await api('POST', '/api/projects/' + projectName + '/analyze?force=true', {});
       setStatus('running');
     } catch (e) {
@@ -8660,6 +8679,8 @@ function CodebaseGuidePanel({ projectName }) {
     status === 'complete' ? '✓ Analyzed'
     : status === 'cached' ? '✓ Analyzed'
     : status === 'running' ? '⏳ Analyzing…'
+    : status === 'failed' && failureReason === 'timeout' ? '⚠ Timed out'
+    : status === 'failed' && failureReason === 'heartbeat_timeout' ? '⚠ Lost contact'
     : status === 'failed' ? '✗ Failed'
     : '—';
   const pillBg =
@@ -8679,7 +8700,7 @@ function CodebaseGuidePanel({ projectName }) {
       <div style="display:flex;align-items:center;justify-content:space-between;gap:8px;">
         <div style="display:flex;align-items:center;gap:8px;">
           <span style="font-size:12px;color:var(--text-secondary);">Codebase Guide</span>
-          <span data-testid=${'guide-status-pill-' + projectName} style=${pillStyle}>${pillLabel}</span>
+          <span data-testid=${'guide-status-pill-' + projectName} style=${pillStyle} title=${status === 'failed' && failureReason ? ('Failure: ' + failureReason) : ''}>${pillLabel}</span>
         </div>
         <div style="display:flex;gap:6px;">
           ${canShowContent ? html`
@@ -9723,6 +9744,10 @@ function RestartBadge({field, restartFields}) {
   return html`<span class="badge-restart" title="Changing this field requires a daemon restart to take effect">restart required</span>`;
 }
 
+function ViewOnlyBadge() {
+  return html`<span class="view-only-badge badge-view-only" title="This section is read-only in the UI — configure via beastmode init or config/beastmode.daemon.json">view only</span>`;
+}
+
 // 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
@@ -9744,7 +9769,7 @@ function TelemetrySettings({restartFields}) {
 
   return html`
     <div class="settings-section">
-      <h3 style="display:flex;align-items:center;gap:8px">Telemetry <${RestartBadge} field="telemetry" restartFields=${restartFields} /></h3>
+      <h3 style="display:flex;align-items:center;gap:8px">Telemetry <${RestartBadge} field="telemetry" restartFields=${restartFields} /><${ViewOnlyBadge} /></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`
@@ -9753,16 +9778,21 @@ function TelemetrySettings({restartFields}) {
             <div class="setting-label">Status</div>
             <div class="setting-desc">Anonymous pipeline metrics (no code, no PII)</div>
           </div>
-          <div class="setting-control">
+          <div class="setting-control" style="display:flex;align-items:center;gap:8px;">
             <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>
+            <select class="form-input" disabled value=${enabled ? 'enabled' : 'disabled'}>
+              <option value="enabled">Enabled</option>
+              <option value="disabled">Disabled</option>
+            </select>
           </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 class="setting-row">
+          <div><div class="setting-label">Anonymous ID</div></div>
+          <div class="setting-control">
+            <input type="text" class="form-input" disabled value=${(status && status.anonymous_id_prefix) || ''} placeholder="(unset)" />
           </div>
+        </div>
+        ${enabled ? html`
           <div class="setting-row">
             <div>
               <div class="setting-label">Sentry</div>
@@ -9936,7 +9966,7 @@ function SettingsPage() {
 
       <!-- Pipeline Section -->
       <div class="settings-section">
-        <h3>Pipeline</h3>
+        <h3 style="display:flex;align-items:center;gap:8px">Pipeline <${RestartBadge} field="pipeline" restartFields=${restartFields} /></h3>
         <div class="setting-row">
           <div>
             <div class="setting-label">Preset</div>
@@ -9944,7 +9974,25 @@ function SettingsPage() {
           </div>
           <div class="setting-control">
             <select class="form-input" style="width:160px" value=${pipeline.preset || 'full'}
-                    onChange=${e => updateField('pipeline.preset', e.target.value)}>
+                    onChange=${e => {
+                      const newPreset = e.target.value;
+                      const currentPreset = pipeline.preset || 'full';
+                      if (newPreset === currentPreset) return;
+                      const ok = window.confirm(
+                        `Switch preset from "${currentPreset}" to "${newPreset}"?\n\n` +
+                        `Fields you have explicitly edited keep your values. ` +
+                        `Other pipeline defaults (threshold, max iterations) will be ` +
+                        `updated to match the "${newPreset}" preset.`
+                      );
+                      if (!ok) {
+                        e.target.value = currentPreset;
+                        return;
+                      }
+                      updateField('pipeline.preset', newPreset);
+                      api('PATCH', '/api/config', { pipeline: { preset: newPreset } })
+                        .then(result => { if (result && !result.confirm_required) setConfig(result); })
+                        .catch(() => {});
+                    }}>
               ${PRESET_OPTIONS.map(p => html`<option key=${p} value=${p}>${p}</option>`)}
             </select>
           </div>
@@ -9990,7 +10038,7 @@ function SettingsPage() {
 
       <!-- Concurrency Section -->
       <div class="settings-section">
-        <h3>Concurrency</h3>
+        <h3 style="display:flex;align-items:center;gap:8px">Concurrency <${RestartBadge} field="max_slots" restartFields=${restartFields} /></h3>
         <div class="setting-row">
           <div>
             <div class="setting-label">Max Slots</div>
@@ -10017,7 +10065,7 @@ function SettingsPage() {
 
       <!-- Models Section -->
       <div class="settings-section">
-        <h3>Models</h3>
+        <h3 style="display:flex;align-items:center;gap:8px">Models <${RestartBadge} field="models" restartFields=${restartFields} /></h3>
         ${['spec', 'planner', 'coder', 'coder_iteration', 'verifier', 'reviewer', 'healing', 'precheck'].map(stage => html`
           <div class="setting-row" key=${stage}>
             <div><div class="setting-label" style="text-transform:capitalize">${stage.replace(/_/g, ' ')}</div></div>
@@ -10034,7 +10082,7 @@ function SettingsPage() {
 
       <!-- Resilience Section -->
       <div class="settings-section">
-        <h3>Resilience</h3>
+        <h3 style="display:flex;align-items:center;gap:8px">Resilience <${RestartBadge} field="retry" restartFields=${restartFields} /></h3>
         <div class="setting-row">
           <div>
             <div class="setting-label">Max Failures</div>
@@ -10074,7 +10122,7 @@ function SettingsPage() {
 
       <!-- Cost Section -->
       <div class="settings-section">
-        <h3>Cost Optimization</h3>
+        <h3 style="display:flex;align-items:center;gap:8px">Cost Optimization <${RestartBadge} field="cost" restartFields=${restartFields} /></h3>
         <div class="setting-row">
           <div>
             <div class="setting-label">Model Tiering</div>
@@ -10118,16 +10166,29 @@ function SettingsPage() {
 
       <!-- Human Gates Section -->
       <div class="settings-section">
-        <h3>Human Gates</h3>
+        <h3 style="display:flex;align-items:center;gap:8px">Human Gates <${RestartBadge} field="human_gates" restartFields=${restartFields} /></h3>
+        <div class="setting-row">
+          <div>
+            <div class="setting-label">Standalone Spec Approval</div>
+            <div class="setting-desc">Require human approval for non-epic-child specs after Phase 1</div>
+          </div>
+          <div class="setting-control">
+            <label class="toggle-switch">
+              <input type="checkbox" checked=${humanGates.standalone_spec_approval !== false}
+                     onChange=${e => updateField('human_gates.standalone_spec_approval', e.target.checked)} />
+              <span class="toggle-slider"></span>
+            </label>
+          </div>
+        </div>
         <div class="setting-row">
           <div>
-            <div class="setting-label">Spec Approval</div>
-            <div class="setting-desc">Require human approval for specs</div>
+            <div class="setting-label">Epic Child Spec Approval</div>
+            <div class="setting-desc">Require human approval for epic-child story specs (default off)</div>
           </div>
           <div class="setting-control">
             <label class="toggle-switch">
-              <input type="checkbox" checked=${humanGates.spec_approval !== false}
-                     onChange=${e => updateField('human_gates.spec_approval', e.target.checked)} />
+              <input type="checkbox" checked=${!!humanGates.epic_child_spec_approval}
+                     onChange=${e => updateField('human_gates.epic_child_spec_approval', e.target.checked)} />
               <span class="toggle-slider"></span>
             </label>
           </div>
@@ -10161,7 +10222,7 @@ function SettingsPage() {
       </div>
       <!-- Storage Section -->
       <div class="settings-section">
-        <h3>Storage</h3>
+        <h3 style="display:flex;align-items:center;gap:8px">Storage <${RestartBadge} field="runs_path" restartFields=${restartFields} /></h3>
         <div class="setting-row">
           <div>
             <div class="setting-label">Runs Path</div>
@@ -10185,22 +10246,10 @@ function SettingsPage() {
                    onInput=${e => updateField('archive_after_days', parseInt(e.target.value) || 0)} />
           </div>
         </div>
-        <div class="setting-row">
-          <div>
-            <div class="setting-label">Archive To (S3)</div>
-            <div class="setting-desc">S3 bucket for archived runs (empty = local archive only)</div>
-          </div>
-          <div class="setting-control">
-            <input type="text" class="form-input" style="width:280px"
-                   value=${config.archive_s3_bucket || ''}
-                   placeholder="s3://bucket-name/prefix (v2)"
-                   onInput=${e => updateField('archive_s3_bucket', e.target.value)} />
-          </div>
-        </div>
       </div>
       <!-- Migration Safety Section -->
       <div class="settings-section">
-        <h3>Migration Safety</h3>
+        <h3 style="display:flex;align-items:center;gap:8px">Migration Safety <${RestartBadge} field="migration_safety" restartFields=${restartFields} /></h3>
         <div class="setting-row">
           <div>
             <div class="setting-label">Enabled</div>
@@ -10244,7 +10293,7 @@ function SettingsPage() {
 
       <!-- Alerts Section -->
       <div class="settings-section">
-        <h3>Alerts</h3>
+        <h3 style="display:flex;align-items:center;gap:8px">Alerts <${RestartBadge} field="alerts" restartFields=${restartFields} /></h3>
         <div class="setting-row">
           <div>
             <div class="setting-label">Webhook URL</div>

package/dist/web/build-commit.txt

@@ -1 +1 @@
-fd318eaec11e30ebe601cbd90b2b8c3f7cb3b7cd
+d6f948461dac646344ad82bf131b34770c530704

package/dist/web/build-stamp.txt

@@ -1 +1 @@
-20260517-110542-fd318ea
+20260519-132227-d6f9484

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@beastmode-develeap/beastmode",
-  "version": "0.1.298",
+  "version": "0.1.300",
   "description": "BeastMode Dark Factory — turn intent into verified software",
   "type": "module",
   "bin": {
@@ -23,6 +23,7 @@
     "test": "vitest run",
     "test:watch": "vitest",
     "lint": "tsc --noEmit",
+    "audit:settings": "tsx ../scripts/audit-settings.ts",
     "prepublishOnly": "npm run build"
   },
   "keywords": [
@@ -56,6 +57,7 @@
     "@types/node": "^22.19.15",
     "@types/semver": "^7.7.1",
     "tsup": "^8.5.1",
+    "tsx": "^4.20.0",
     "typescript": "^5.9.3",
     "vitest": "^3.2.4"
   }