@viberaven/cli 1.1.0 → 1.1.1

package/README.md

@@ -51,29 +51,11 @@ npx -y viberaven prompt --gap <id>
 npx -y viberaven audit --vercel-supabase
 ```
 
-Provider dashboard checks are not cleared by repo-code edits. Billing/product configuration, DNS, webhooks, credentials, quotas, and live provider verification must be completed or verified in the provider dashboard or through read-only provider evidence.
-
-## VibeRaven Production Protocol
-
-VibeRaven 1.1.0 introduces the Production Protocol for AI-built apps.
-
-Run the canonical agent command:
-
-```bash
-npx -y viberaven --agent-mode
-```
-
-Then have the AI coding agent read:
-
-- `.viberaven/prp.json`
-- `.viberaven/mission-map.md`
-- `.viberaven/context-map.json`
-
-The agent should fix `nextActions` in order and must not claim production-ready while `decision.status` is `blocked`.
-
-## Production Copilot Loop
-
-VibeRaven runs a batch-disciplined loop until the production gate clears. Do not stop at "scan complete."
+Provider dashboard checks are not cleared by repo-code edits. Billing/product configuration, DNS, webhooks, credentials, quotas, and live provider verification must be completed or verified in the provider dashboard or through read-only provider evidence.
+
+## Production Copilot Loop
+
+VibeRaven runs a batch-disciplined loop until the production gate clears. Do not stop at "scan complete."
 
 1. **Scan** — Run `--agent-mode`. Read `.viberaven/agent-tasklist.md` and parse `VIBERAVEN_NEXT_ACTION` from stdout for `batchSize`, `batchApplied`, `scanNow`, and `stalled`.
 2. **Batch heals** — For each repo-code task where `requiresUserAction: false`, apply up to `batchSize` heals per batch (free=3, pro=10) via `viberaven_heal_apply { gap: "<gapId>", yes: true }` or `--heal --apply --gap <id> --yes`. When `scanNow: true`, verify before applying more heals.

package/assets/report/station.css

@@ -5402,15 +5402,152 @@ body.station-results-active .studio-node__logo:not(.provider-logo--brand) svg pa
   background: rgba(3, 8, 13, 0.94);
 }
 
-.studio-top-rail__build,
-.studio-top-rail__brand {
-  color: rgba(63, 224, 244, 0.9);
-}
-
-.studio-workspace {
-  position: relative;
-  grid-template-columns: 52px minmax(0, 1fr);
-}
+.studio-top-rail__build,
+.studio-top-rail__brand {
+  color: rgba(63, 224, 244, 0.9);
+}
+
+.studio-launch-hero {
+  display: grid;
+  grid-template-columns: minmax(0, 1fr) minmax(180px, 0.78fr);
+  gap: 14px;
+  align-items: stretch;
+  padding: 12px 14px;
+  border-bottom: 1px solid rgba(32, 214, 237, 0.16);
+  background:
+    radial-gradient(circle at 8% 20%, rgba(63, 224, 244, 0.15), transparent 34%),
+    linear-gradient(135deg, rgba(5, 18, 28, 0.96), rgba(2, 8, 13, 0.98));
+}
+
+.studio-launch-hero__main,
+.studio-launch-hero__next {
+  display: grid;
+  min-width: 0;
+  align-content: center;
+}
+
+.studio-launch-hero__main {
+  gap: 8px;
+}
+
+.studio-launch-hero__next {
+  gap: 7px;
+  padding: 10px 11px;
+  border: 1px solid rgba(63, 224, 244, 0.16);
+  border-radius: 8px;
+  background: rgba(1, 6, 10, 0.62);
+}
+
+.studio-launch-hero__wordmark {
+  margin: 0;
+  color: rgba(232, 250, 255, 0.92);
+  font-size: 11px;
+  font-weight: 900;
+  letter-spacing: 0.14em;
+  text-transform: uppercase;
+}
+
+.studio-launch-hero__decision {
+  display: inline-flex;
+  align-items: center;
+  width: max-content;
+  max-width: 100%;
+  min-height: 30px;
+  padding: 6px 11px;
+  border: 1px solid rgba(239, 68, 68, 0.35);
+  border-radius: 999px;
+  background: rgba(40, 12, 12, 0.46);
+  color: #fecaca;
+  font-size: 12px;
+  font-weight: 900;
+  letter-spacing: 0.08em;
+  line-height: 1;
+  text-transform: uppercase;
+  overflow-wrap: anywhere;
+}
+
+.studio-launch-hero__decision--warning {
+  border-color: rgba(245, 158, 11, 0.42);
+  background: rgba(40, 28, 8, 0.5);
+  color: #fde68a;
+}
+
+.studio-launch-hero__decision--clear {
+  border-color: rgba(74, 222, 128, 0.38);
+  background: rgba(8, 32, 18, 0.52);
+  color: #bbf7d0;
+}
+
+.studio-launch-hero__gauge {
+  height: 8px;
+  overflow: hidden;
+  border-radius: 999px;
+  background: rgba(255, 255, 255, 0.08);
+}
+
+.studio-launch-hero__gauge-fill {
+  display: block;
+  height: 100%;
+  border-radius: inherit;
+  background: #ef4444;
+  transition: width 0.35s var(--vr-ease-out);
+}
+
+.studio-launch-hero__gauge-fill--warning {
+  background: #f59e0b;
+}
+
+.studio-launch-hero__gauge-fill--clear {
+  background: #4ade80;
+}
+
+.studio-launch-hero__next-label {
+  color: rgba(232, 250, 255, 0.58);
+  font-size: 9px;
+  font-weight: 900;
+  letter-spacing: 0.12em;
+  line-height: 1;
+  text-transform: uppercase;
+}
+
+.studio-launch-hero__next strong {
+  min-width: 0;
+  color: rgba(248, 252, 255, 0.95);
+  font-size: 12px;
+  font-weight: 850;
+  line-height: 1.25;
+  overflow-wrap: anywhere;
+}
+
+.studio-launch-hero__verify {
+  justify-self: start;
+  min-height: 30px;
+  padding: 0 10px;
+  border: 1px solid rgba(63, 224, 244, 0.32);
+  border-radius: 7px;
+  background: rgba(63, 224, 244, 0.1);
+  color: rgba(232, 250, 255, 0.92);
+  font: 800 10px/1 var(--font-ui);
+  letter-spacing: 0.07em;
+  text-transform: uppercase;
+}
+
+.studio-launch-hero__verify:hover,
+.studio-launch-hero__verify:focus-visible {
+  border-color: rgba(63, 224, 244, 0.52);
+  background: rgba(63, 224, 244, 0.16);
+}
+
+@media (max-width: 620px) {
+  .studio-launch-hero {
+    grid-template-columns: minmax(0, 1fr);
+  }
+}
+
+.studio-workspace {
+  position: relative;
+  grid-template-columns: 52px minmax(0, 1fr);
+}
 
 .studio-nav-rail {
   border-right-color: rgba(32, 214, 237, 0.14);

package/assets/report/station.js

@@ -6670,18 +6670,99 @@ function applyScanStage(stage) {
   }
 }
 
-function setTextById(id, text) {
-  const element = document.getElementById(id);
-  if (element) {
-    element.textContent = String(text || '');
-  }
-}
-
-function setResultsBar(score) {
-  const bar = document.getElementById('mc-results-bar');
-  if (!bar) {
-    return;
-  }
+function setTextById(id, text) {
+  const element = document.getElementById(id);
+  if (element) {
+    element.textContent = String(text || '');
+  }
+}
+
+function normalizeLaunchHeroDecision(value) {
+  const raw = readString(value).toLowerCase();
+  if (raw === 'clear') {
+    return 'CLEAR';
+  }
+  if (raw === 'warning' || raw === 'warn') {
+    return 'WARNING';
+  }
+  if (raw === 'blocked' || raw === 'block' || raw === 'not_clear' || raw === 'needs_work' || raw === 'fail' || raw === 'failed') {
+    return 'BLOCKED';
+  }
+  return '';
+}
+
+function resolveLaunchHeroDecision(payload, score, gaps) {
+  const explicitDecision = isRecord(payload)
+    ? normalizeLaunchHeroDecision(payload.decision) ||
+      normalizeLaunchHeroDecision(payload.gateStatus) ||
+      normalizeLaunchHeroDecision(payload.status) ||
+      (isRecord(payload.productionGate) ? normalizeLaunchHeroDecision(payload.productionGate.status) : '') ||
+      (isRecord(payload.gateResult)
+        ? normalizeLaunchHeroDecision(payload.gateResult.status) ||
+          (isRecord(payload.gateResult.gate) ? normalizeLaunchHeroDecision(payload.gateResult.gate.status) : '')
+        : '')
+    : '';
+  if (explicitDecision) {
+    return explicitDecision;
+  }
+
+  const gapCount = Array.isArray(gaps) ? gaps.length : 0;
+  if (Array.isArray(gaps) && gaps.some(function (gap) { return isRecord(gap) && readString(gap.severity).toLowerCase() === 'critical'; })) {
+    return 'BLOCKED';
+  }
+  if (gapCount > 0) {
+    return 'WARNING';
+  }
+  if (score >= 90 && gapCount === 0) {
+    return 'CLEAR';
+  }
+  if (score >= 70) {
+    return 'WARNING';
+  }
+  return 'BLOCKED';
+}
+
+function resolveLaunchHeroNextAction(decision, gaps) {
+  const firstGap = Array.isArray(gaps) && isRecord(gaps[0]) ? gaps[0] : null;
+  const firstTitle = firstGap ? readString(firstGap.title) : '';
+  if (firstTitle) {
+    return firstTitle;
+  }
+  if (decision === 'CLEAR') {
+    return 'Share the VibeRaven proof card.';
+  }
+  if (decision === 'WARNING') {
+    return 'Run verify after applying the remaining fixes.';
+  }
+  return 'Run a scan to map production gaps.';
+}
+
+function updateLaunchHero(decision, score, nextAction) {
+  const normalizedDecision = decision === 'CLEAR' || decision === 'WARNING' ? decision : 'BLOCKED';
+  const normalizedScore = Math.max(0, Math.min(100, Math.round(Number(score) || 0)));
+  const toneClass = normalizedDecision === 'CLEAR'
+    ? 'clear'
+    : normalizedDecision === 'WARNING'
+      ? 'warning'
+      : 'blocked';
+  const decisionEl = document.getElementById('studio-launch-decision');
+  if (decisionEl) {
+    decisionEl.className = 'studio-launch-hero__decision studio-launch-hero__decision--' + toneClass;
+    decisionEl.textContent = (normalizedDecision === 'CLEAR' ? '\u25c6 ' : '\u25c7 ') + normalizedDecision;
+  }
+  const gaugeFill = document.getElementById('studio-launch-gauge-fill');
+  if (gaugeFill) {
+    gaugeFill.className = 'studio-launch-hero__gauge-fill studio-launch-hero__gauge-fill--' + toneClass;
+    gaugeFill.style.width = normalizedScore + '%';
+  }
+  setTextById('studio-launch-next-action', nextAction || resolveLaunchHeroNextAction(normalizedDecision, []));
+}
+
+function setResultsBar(score) {
+  const bar = document.getElementById('mc-results-bar');
+  if (!bar) {
+    return;
+  }
   bar.style.width = score + '%';
   bar.setAttribute('aria-valuenow', String(score));
   bar.classList.remove('mc-bar-fill--amber', 'mc-bar-fill--green');
@@ -6747,13 +6828,14 @@ function renderMissionControl(payload, options) {
     }
     clearProductionChrome();
     setSection('spec-update', null);
-    if (specNotes instanceof HTMLElement) {
-      specNotes.hidden = true;
-    }
-    announceMissionControlReadout(payload, 0, true);
-    showMcState('results');
-    return;
-  }
+    if (specNotes instanceof HTMLElement) {
+      specNotes.hidden = true;
+    }
+    updateLaunchHero('BLOCKED', 0, 'Fix the scan failure, then run verify.');
+    announceMissionControlReadout(payload, 0, true);
+    showMcState('results');
+    return;
+  }
 
   // Success path — new schema
   if (mcResults instanceof HTMLElement) {
@@ -6776,9 +6858,11 @@ function renderMissionControl(payload, options) {
     mainBar.setAttribute('aria-valuenow', String(score));
     mainBar.classList.remove('mc-bar-fill--amber', 'mc-bar-fill--green');
   }
-
-  const gaps = Array.isArray(payload.gaps) ? payload.gaps : [];
-  const fullSummary = typeof payload.summary === 'string' ? payload.summary.replace(/\s+/g, ' ').trim() : '';
+
+  const gaps = Array.isArray(payload.gaps) ? payload.gaps : [];
+  const launchDecision = resolveLaunchHeroDecision(payload, score, gaps);
+  updateLaunchHero(launchDecision, score, resolveLaunchHeroNextAction(launchDecision, gaps));
+  const fullSummary = typeof payload.summary === 'string' ? payload.summary.replace(/\s+/g, ' ').trim() : '';
   /* Cap only for pathological payload size; normal summaries show in full in the panel. */
   const maxSummary = 4000;
   const summary = fullSummary.length > maxSummary ? fullSummary.slice(0, maxSummary - 1).replace(/\s+\S*$/, '') + '\u2026' : fullSummary;