/* global React */ const { useState, useEffect, useRef } = React; /* ============================================================ ICONS — thin line set, currentColor ============================================================ */ const Ic = { arrow: (p) => , eye: (p) => , shield: (p) => , layers: (p) => , gap: (p) => ?, target: (p) => , warn: (p) => , minus: (p) => , check: (p) => , mic: (p) => , spark: (p) => , chevR: (p) => , chevL: (p) => , upload: (p) => , doc: (p) => , flask: (p) => , x: (p) => , user: (p) => , play: (p) => , }; /* ============================================================ ATOMS ============================================================ */ function Logo({ light }) { const ink = light ? 'var(--silver-ink)' : 'var(--ink)'; return (
Proben
MEETING READINESS
); } function Pill({ children, color = 'var(--lime)', dot = true, style }) { return ( {dot && } {children} ); } function Btn({ children, kind = 'lime', icon, iconR, sm, onClick, style, disabled }) { return ( ); } function Card({ children, style, glow, onClick, className = '' }) { return (
{children}
); } /* small signal chip used on the readiness map */ function SignalChip({ label, score, note, tone = 'good', muted, style }) { const col = tone === 'good' ? 'var(--good)' : tone === 'amber' ? 'var(--amber)' : tone === 'risk' ? 'var(--risk)' : 'var(--muted)'; return (
{label} {muted ? '—' : Number(score).toFixed(1)}
{note}
); } /* circular score ring */ function ScoreRing({ value, max = 10, size = 132, stroke = 9, label }) { const r = (size - stroke) / 2; const c = 2 * Math.PI * r; const pct = value / max; const col = value >= 7.5 ? 'var(--c-good)' : value >= 6 ? 'var(--c-mid)' : value >= 4.5 ? 'var(--c-warn)' : 'var(--c-bad)'; return (
{value.toFixed(1)}
{label || ('/ ' + max)}
); } /* horizontal score bar */ function ScoreBar({ label, value, max = 10, muted }) { const pct = muted ? 0 : (value / max) * 100; const col = value >= 7.5 ? 'var(--c-good)' : value >= 6 ? 'var(--c-mid)' : value >= 4.5 ? 'var(--c-warn)' : 'var(--c-bad)'; return (
{label} {muted ? 'Not yet' : value.toFixed(1)}
); } /* ============================================================ SAMPLE SCENARIO DATA (shared across all variants) ============================================================ */ const SCENARIO = { type: 'Strategy review', role: 'Product Manager', objective: 'Push back on a roadmap pivot and get approval for a narrow validation.', stakeholderName: 'Dana', stakeholderRole: 'VP Product', attitude: 'Skeptical', cares: 'Business impact, timing, team capacity', situation: 'Leadership wants to pivot the roadmap toward a new horizontal feature. I think we should run a narrow 2-week validation on the enterprise segment first, because it is already blocked. I need Dana to approve the validation without reopening the whole roadmap.', concern: 'I may sound defensive and may not have enough evidence.', when: 'Tomorrow', }; const SIGNALS = [ { label: 'Goal clarity', score: 8.0, tone: 'good', note: 'Goal is clear' }, { label: 'Argument structure', score: 6.8, tone: 'amber', note: 'Sharper trade-off needed' }, { label: 'Evidence strength', score: 6.0, tone: 'amber', note: 'Decision threshold missing' }, { label: 'Stakeholder align.', score: 5.5, tone: 'risk', note: 'VP may challenge timing' }, { label: 'Risk handling', score: 5.2, tone: 'risk', note: 'Executive pushback likely' }, { label: 'Delivery / voice', score: null, tone: 'muted', note: 'Record answer to evaluate' }, ]; const TOP_RISKS = [ { t: 'Weak decision threshold', d: 'You ask to “validate” but never define what result would justify the pivot — or kill it.', cause: 'The discussion may reopen the whole roadmap.' }, { t: 'Missing evidence for business impact', d: 'No number ties the enterprise block to revenue, so the ask reads as opinion.', cause: 'Dana asks for data you don’t have on hand.' }, { t: 'Stakeholder pushback likely', d: 'Dana cares about timing and capacity; expect a direct challenge on “why now”.', cause: 'You get defensive and lose the room.' }, ]; const TOP_FIXES = [ { t: 'Add a business-impact number', d: 'Enterprise segment blocked → €1.2M/yr upside → 2-week validation, low engineering risk.', why: 'Without a revenue, cost, or risk number, the ask sounds like an opinion.', ex: 'Enterprise activation is already blocked, so I propose a two-week validation before we commit roadmap capacity.', objection: 'Why now?', answer: 'Because the delay already has a measurable opportunity cost — about €1.2M a year.', impact: [['Strategic context', '+0.8'], ['Evidence', '+0.6']] }, { t: 'Clarify the decision threshold', d: 'Define what result makes the 2-week validation worth continuing — and what kills it.', why: 'Without a threshold, the meeting can turn into a broad roadmap debate.', ex: 'If enterprise activation doesn’t improve by 12% after two weeks, we stop and keep the current roadmap.', objection: 'What if the result is inconclusive?', answer: 'Then we don’t scale it — the validation protects capacity, it doesn’t expand scope.', impact: [['Decision ask', '+1.2'], ['Stakeholder risk', '+0.7']] }, { t: 'Reframe pushback as risk management', d: 'Position the validation as removing a hidden cost, not disagreeing with the pivot.', why: 'Aligns you with Dana instead of sounding defensive against leadership.', ex: 'I’m not raising this to add scope — it’s to remove a hidden cost we can settle in two weeks.', objection: 'Isn’t this just delaying the roadmap?', answer: 'No — it runs in parallel and only changes the plan if the data clearly justifies it.', impact: [['Stakeholder risk', '+0.9'], ['Decision ask', '+0.4']] }, ]; const FOLLOWUPS = [ 'Why now?', 'What does this delay?', 'Do we have enough data?', 'What is the expected business impact?', 'Who owns the validation?', ]; /* ---- context-aware additions (MVP3) ---- */ const SIGNALS_CTX = [ { label: 'Goal clarity', score: 8.0, tone: 'good', note: 'Goal is clear' }, { label: 'Decision ask', score: 6.4, tone: 'amber', note: 'Ask not specific enough' }, { label: 'Strategic context fit', score: 5.8, tone: 'risk', note: 'Not tied to a priority' }, { label: 'Evidence strength', score: 6.0, tone: 'amber', note: 'Business impact missing' }, { label: 'Stakeholder align.', score: 5.5, tone: 'risk', note: 'VP may challenge timing' }, { label: 'Risk handling', score: 5.2, tone: 'risk', note: 'Executive pushback likely' }, { label: 'Delivery / voice', score: null, tone: 'muted', note: 'Record answer to evaluate' }, ]; const MISSING_CONTEXT = [ { t: 'Current company priority', d: 'You mention enterprise activation, but don’t tie it to this quarter’s stated priority.', fix: 'Name the Q3 enterprise-growth objective this supports.' }, { t: 'A business metric', d: 'No revenue, cost, or risk number anchors the impact.', fix: 'Add the €1.2M/yr at risk and the projected activation uplift.' }, { t: 'Trade-off vs. current roadmap', d: 'You don’t say what this competes with or displaces.', fix: 'State that the validation runs without disrupting the core roadmap.' }, ]; const FOLLOWUPS_CTX = [ 'Why now?', 'Which company objective does this move?', 'What does this delay or displace?', 'What is the expected business impact?', 'Who owns the validation?', 'What would make us stop?', 'What happens if we do nothing?', ]; /* expose to other babel scripts */ Object.assign(window, { Ic, Logo, Pill, Btn, Card, SignalChip, ScoreRing, ScoreBar, SCENARIO, SIGNALS, SIGNALS_CTX, MISSING_CONTEXT, TOP_RISKS, TOP_FIXES, FOLLOWUPS, FOLLOWUPS_CTX, useState, useEffect, useRef });