/* global React, MotionCanvas */
const { useState, useEffect, useCallback, useMemo, useRef } = React;
/* ------------------ Questions ------------------ */
const DIMENSIONS = [
{ id: 'focus', name: 'Focus', hint: 'Do you know where AI should go first?' },
{ id: 'data', name: 'Data', hint: 'Can you measure what AI changes?' },
{ id: 'team', name: 'Team', hint: 'Can your people execute it?' },
{ id: 'momentum', name: 'Momentum', hint: 'Can you compound the wins?' },
];
// Each question belongs to a dimension. Scale questions: higher answer = higher dim score.
// Choice questions: each choice has a score 0–4. Slider: defined bands.
const QUESTIONS = [
// ---------- FOCUS ----------
{
dim: 'focus', type: 'binary', weight: 1.2,
prompt: 'Do you have a written list of your top 3 AI opportunities, ranked by expected ROI?',
sub: 'Not "we\'ve talked about it." Written down, shared, and updated.',
choices: [
{ label: 'Yes', score: 4 },
{ label: 'No', score: 0 },
],
},
{
dim: 'focus', type: 'choice',
prompt: 'How do AI initiatives currently get picked at your company?',
sub: 'The honest answer, not the aspirational one.',
choices: [
{ label: 'Whoever\'s loudest in the meeting', score: 0 },
{ label: 'The CEO reads something and forwards it', score: 1 },
{ label: 'Whatever vendor demos most compellingly', score: 1 },
{ label: 'We have a loose prioritization, often bypassed', score: 2 },
{ label: 'Other', score: 2, other: true },
],
},
{
dim: 'focus', type: 'scale',
prompt: 'We can name a specific business metric that AI will move in the next 90 days.',
sub: 'Revenue per rep, close time, NPS, churn — something concrete.',
},
// ---------- DATA ----------
{
dim: 'data', type: 'scale', weight: 1.1,
prompt: 'If we deployed an AI tool tomorrow, we could measure its impact within 30 days.',
sub: 'Baseline data exists, is clean, and is queryable without a six-week data project.',
},
{
dim: 'data', type: 'choice',
prompt: 'Your customer and operational data lives in…',
choices: [
{ label: 'Spreadsheets, email threads, and people\'s heads', score: 0 },
{ label: 'A few tools that don\'t talk to each other', score: 1 },
{ label: 'A CRM + an ERP, roughly in sync', score: 2 },
{ label: 'Systems connected, but the numbers sometimes disagree', score: 3 },
{ label: 'A single source of truth we trust for decisions', score: 4 },
],
},
{
dim: 'data', type: 'scale',
prompt: 'Our leadership team looks at the same dashboard every week and agrees on what it says.',
},
// ---------- TEAM ----------
{
dim: 'team', type: 'choice',
prompt: 'How many people on your team have shipped something AI-powered to production?',
choices: [
{ label: 'Zero — we\'re exploring', score: 0 },
{ label: 'One person, one side-project', score: 1 },
{ label: '2–3 people, mostly internal tools', score: 2 },
{ label: 'A small team, customer-facing', score: 3 },
{ label: 'AI-native across multiple functions', score: 4 },
],
},
{
dim: 'team', type: 'scale',
prompt: 'Our engineers use AI coding tools daily and can articulate where they help and where they don\'t.',
sub: 'Past the demo phase. Actual muscle memory.',
},
{
dim: 'team', type: 'scale',
prompt: 'When we commit to an initiative, we finish it. Our backlog is not a graveyard.',
},
// ---------- MOMENTUM ----------
{
dim: 'momentum', type: 'slider', weight: 1.1,
prompt: 'How many weeks pass between deciding to try something and actually shipping v1?',
sub: 'Your typical internal initiative, from "yes" to "in production".',
min: 0, max: 24, step: 1, default: 8, unit: 'weeks',
bands: [
{ max: 2, score: 4 }, { max: 4, score: 3 }, { max: 8, score: 2 }, { max: 16, score: 1 }, { max: 999, score: 0 }
],
},
{
dim: 'momentum', type: 'scale',
prompt: 'We\'ve killed an initiative in the last 12 months because it wasn\'t working.',
sub: 'Discipline to stop is rarer than discipline to start.',
},
{
dim: 'momentum', type: 'choice',
prompt: 'The last time you tried a new AI tool, you…',
choices: [
{ label: 'Never actually rolled it out', score: 0 },
{ label: 'Rolled out but adoption stalled', score: 1 },
{ label: 'Got partial adoption, mixed results', score: 2 },
{ label: 'Shipped it and measured impact', score: 3 },
{ label: 'Shipped, measured, iterated to v2', score: 4 },
],
},
];
const SCALE_LABELS = ['Strongly disagree', 'Disagree', 'Neutral', 'Agree', 'Strongly agree'];
/* ------------------ Scoring ------------------ */
function scoreAnswers(answers) {
// Each dimension gets a weighted average of its question scores, 0–4.
const byDim = {};
DIMENSIONS.forEach(d => { byDim[d.id] = { sum: 0, w: 0 }; });
QUESTIONS.forEach((q, i) => {
const a = answers[i];
if (a == null) return;
const w = q.weight || 1;
let s = 0;
if (q.type === 'scale') {
s = q.reverse ? (4 - a) : a; // a is 0–4
} else if (q.type === 'choice' || q.type === 'binary') {
s = q.choices[a].score;
} else if (q.type === 'slider') {
const band = q.bands.find(b => a <= b.max);
s = band ? band.score : 0;
}
byDim[q.dim].sum += s * w;
byDim[q.dim].w += w;
});
const dims = DIMENSIONS.map(d => {
const { sum, w } = byDim[d.id];
const score04 = w > 0 ? sum / w : 0;
return { id: d.id, name: d.name, score: score04, pct: Math.round((score04/4)*100) };
});
const overall = Math.round(dims.reduce((a,d) => a + d.pct, 0) / dims.length);
return { dims, overall };
}
function bandFor(score) {
if (score >= 80) return { label: 'Accelerating', read: 'You have direction. Most of your peers are still picking tools. You\'re past that — ready to compound wins and widen the lead.' };
if (score >= 60) return { label: 'Directional', read: 'You have a vector, but the magnitude is small. The next 90 days decide whether this becomes compounding or a series of one-off wins.' };
if (score >= 40) return { label: 'Searching', read: 'Real activity, unclear trajectory. You\'re spending on AI. You\'re not yet investing in it. The difference is measurement and follow-through.' };
if (score >= 20) return { label: 'Curious', read: 'Lots of energy, no direction. The risk isn\'t that AI fails — it\'s that the exhaustion from shallow attempts makes it harder to try again later.' };
return { label: 'Uncommitted', read: 'You\'re ahead of the people pretending. Now the work is to pick one thing that matters and measure it.' };
}
function recommendationsFor(result) {
const weak = [...result.dims].sort((a,b) => a.pct - b.pct);
const primary = weak[0];
const secondary = weak[1];
const recs = {
focus: [
{ title: 'Start with a Direction memo', body: 'One page. Top 3 AI opportunities, scored on revenue impact × feasibility. Nothing else ships until this exists.' },
{ title: 'Kill two initiatives', body: 'You can\'t add focus. You can only remove noise. Pick the two lowest-signal projects and stop them this week.' },
],
data: [
{ title: 'Baseline before building', body: 'Pick one metric that AI should move. Instrument it. Two weeks of clean data beats six months of tool evaluation.' },
{ title: 'Unify the source of truth', body: 'Until your leadership team sees one dashboard and agrees, AI outputs will be contested. Fix this first.' },
],
team: [
{ title: 'Name an AI accountable', body: 'One senior person, 40% of their time, empowered to kill bad projects. Without an owner, AI belongs to everyone and no one.' },
{ title: 'Dev tooling baseline', body: 'Every engineer on Cursor or Copilot within 30 days. Measure throughput before and after. No opinions, just numbers.' },
],
momentum: [
{ title: 'Pick a 4-week target', body: 'One AI initiative, one metric, shipped in 4 weeks. The goal isn\'t impact — it\'s proving your org can close a loop.' },
{ title: 'Write the stop-rule', body: 'Before you start the next initiative, write down the condition that would cause you to kill it. Momentum requires the courage to stop.' },
],
};
return [
recs[primary.id][0],
recs[secondary.id][0],
recs[primary.id][1],
];
}
/* ------------------ App ------------------ */
function DirectionScore() {
const [phase, setPhase] = useState('intro'); // intro | quiz | lead | done
const [idx, setIdx] = useState(0);
const [answers, setAnswers] = useState(() => Array(QUESTIONS.length).fill(null));
const [others, setOthers] = useState({});
const [lead, setLead] = useState({ name: '', email: '', company: '', role: '', size: '' });
// persist
useEffect(() => {
try {
const raw = localStorage.getItem('ds_state');
if (raw) {
const s = JSON.parse(raw);
if (s && Array.isArray(s.answers) && s.answers.length === QUESTIONS.length) {
setAnswers(s.answers);
setIdx(s.idx || 0);
setPhase(s.phase || 'intro');
if (s.others) setOthers(s.others);
if (s.lead) setLead(s.lead);
}
}
} catch {}
}, []);
useEffect(() => {
try { localStorage.setItem('ds_state', JSON.stringify({ phase, idx, answers, others, lead })); } catch {}
}, [phase, idx, answers, others, lead]);
const setAnswer = useCallback((i, v) => {
setAnswers(a => { const next = a.slice(); next[i] = v; return next; });
}, []);
const next = useCallback(() => {
if (idx < QUESTIONS.length - 1) setIdx(i => i + 1);
else setPhase('lead');
}, [idx]);
const prev = useCallback(() => {
if (idx > 0) setIdx(i => i - 1);
else setPhase('intro');
}, [idx]);
const restart = () => {
setAnswers(Array(QUESTIONS.length).fill(null));
setOthers({});
setLead({ name: '', email: '', company: '', role: '', size: '' });
setIdx(0);
setPhase('intro');
};
// progress by dimension
const progress = useMemo(() => {
const map = {};
DIMENSIONS.forEach(d => { map[d.id] = { total: 0, done: 0 }; });
QUESTIONS.forEach((q, i) => {
map[q.dim].total++;
if (answers[i] != null) map[q.dim].done++;
});
return DIMENSIONS.map(d => ({ ...d, ...map[d.id] }));
}, [answers]);
const currentDim = phase === 'quiz' ? QUESTIONS[idx].dim : null;
return (
How much direction does your AI effort actually have?
Twelve questions. No email wall. No lead magnet. You get a number, a read, and three specific moves — calibrated against the operators we\'ve worked with at the $20M–$250M band.
Length12 questions · ~4 minutes
OutputScore 0–100, dimensional read, top-3 moves
PrivacyRuns in your browser. Nothing sent.
HonestyScores are blunt. That\'s the point.
{hasProgress && }
ƒ(x) · Direction
);
}
/* ------------------ Question ------------------ */
function Question({ q, idx, total, answer, otherText, onOtherText, onAnswer, onNext, onPrev }) {
const autoAdvance = useRef(null);
useEffect(() => {
const onKey = (e) => {
if (e.key === 'Enter' && answer != null) { e.preventDefault(); onNext(); return; }
if (e.key === 'Backspace' && e.metaKey) { e.preventDefault(); onPrev(); return; }
if (e.key === 'ArrowLeft') { e.preventDefault(); onPrev(); return; }
if (e.key === 'ArrowRight' && answer != null) { e.preventDefault(); onNext(); return; }
// number keys for scale/choice
const n = parseInt(e.key, 10);
if (!isNaN(n) && n >= 1) {
if (q.type === 'scale' && n >= 1 && n <= 5) { onAnswer(n - 1); }
else if (q.type === 'choice' && n >= 1 && n <= q.choices.length) { onAnswer(n - 1); }
else if (q.type === 'binary' && (n === 1 || n === 2)) { onAnswer(n - 1); }
}
if (q.type === 'binary') {
if (e.key.toLowerCase() === 'y') onAnswer(0);
if (e.key.toLowerCase() === 'n') onAnswer(1);
}
};
window.addEventListener('keydown', onKey);
return () => window.removeEventListener('keydown', onKey);
}, [q, answer, onAnswer, onNext, onPrev]);
const handleAnswer = (v) => {
onAnswer(v);
// auto-advance after a short delay for scale/binary and non-"other" choice
const isOther = q.type === 'choice' && q.choices[v]?.other;
if (q.type !== 'slider' && !isOther) {
clearTimeout(autoAdvance.current);
autoAdvance.current = setTimeout(() => onNext(), 420);
}
};
return (
{q.type === 'slider'
? <>Drag to answer · Enter to continue
: q.type === 'binary'
? <>Y / N to answer · Enter to continue
: <>1–{q.type === 'scale' ? '5' : q.choices.length} to answer · Enter to continue}