Everything you've entered is stored securely. You can close this window and pick up exactly where you left off whenever you sign back in.
)}
{qOpen && setQOpen(false)} />}
);
}
// ── nav button ─────────────────────────────────────────────────────────────
function NavBtn({ dir, label, disabled, title, onClick }) {
return (
);
}
// expose internal pieces defined below via hoisting (function declarations)
// ── brief / orientation ─────────────────────────────────────────────────────
function IntkBrief({ client, onBegin, onSignOut }) {
const Stage = ({ n, on, dim, tag, title, body, chips }) => {
const [hover, setHover] = useState(false);
const active = on || (dim && hover); // a dimmed stage brightens to "enabled" on hover
const dimmed = dim && !hover;
const RAIL = 38;
return (
setHover(true)} onMouseLeave={() => setHover(false)}
style={{ paddingBottom: n < 3 ? 36 : 0 }}>
{/* header row — the number is vertically centred against the eyebrow + title block */}
{n}
{tag}
{title}
{/* body row — connector runs under the number, body text aligns under the header text */}
{n < 3 && }
{body}
{chips &&
{chips.map(c => {c})}
}
);
};
return (
{client.name}
AI Readiness Program
Before you begin
This questionnaire helps Linea understand how {client.name} operates: your teams, tools, and where time is spent. Your answers shape the assessment we build for you.
Start at your convenience
Your progress saves automatically. You can finish later at any time.
);
}
// ── the left ledger spine ─────────────────────────────────────────────────
function IntkSpine({ client, active, go, state, status, stage2Unlocked, reportDelivered, sectionCount, onOpenReport, onSignOut, onChangePassword, onHome, questionCount, onQuestions }) {
const stage1 = ['A', 'B', 'C'];
const s1Done = stage1.filter(id => { const c = sectionCount(id); return c.done >= c.total && c.total > 0; }).length;
const stage1Submitted = ['stage1_submitted', 'stage2_unlocked', 'stage2_submitted', 'delivered'].indexOf(status) >= 0;
const Node = ({ id, label, locked, dashed }) => {
const c = id.length === 1 && 'ABCD'.indexOf(id) >= 0 ? sectionCount(id) : null;
const isActive = active === id;
const done = c ? (c.done >= c.total && c.total > 0) : false;
const part = c ? (c.done > 0 && c.done < c.total) : false;
// Empty/locked dots are filled with the nav background (not transparent) so
// the vertical spine line never shows through the centre of a dot.
const dotBg = locked ? C.paper2 : (done ? C.good : (isActive || part ? C.blue : C.paper2));
const dotBd = locked ? '1.5px dashed ' + C.dim : (done || isActive || part ? 'none' : '1.5px solid ' + C.dim);
const meta = locked ? null : (c ? (done ? 'Complete' : (part ? c.done + ' of ' + c.total + ' answered' : 'Not started')) : null);
return (