/* Portco door: My Company, Assessment (QRAP), Playbooks (read). */ /* ---- Build the full question taxonomy once ---- */ const ELEMENT_SUFFIX = [ { k: "Strategy and ownership", q: sp => `Is there clear ownership and a defined strategy for ${sp.toLowerCase()}?` }, { k: "Process and documentation", q: sp => `Are ${sp.toLowerCase()} processes documented and standardized across the organization?` }, { k: "Tools and systems", q: sp => `Are the right tools and systems in place to support ${sp.toLowerCase()}?` }, { k: "Measurement and KPIs", q: sp => `Is ${sp.toLowerCase()} measured with clear KPIs and reviewed each quarter?` }, { k: "Continuous improvement", q: sp => `Is ${sp.toLowerCase()} continuously reviewed and improved against benchmarks?` }, ]; const QUESTIONS = VCP.PILLARS.map(p => ({ pillar: p.key, subpillars: p.subpillars.map(sp => ({ name: sp, elements: ELEMENT_SUFFIX.map((suf, i) => { const worked = p.key === "Operational" && sp === "Process Optimization" && i === 0; return { id: `${p.key}|${sp}|${i}`, element: worked ? VCP.workedQuestion.element : suf.k, question: worked ? VCP.workedQuestion.question : suf.q(sp), descriptors: worked ? VCP.workedQuestion.descriptors : VCP.genericDescriptors, }; }), })), })); const TOTAL_Q = QUESTIONS.reduce((a, p) => a + p.subpillars.length * 5, 0); function seedAnswers() { const helios = VCP.companyById("helios"); const ans = {}; let h = 7; QUESTIONS.forEach(p => { const base = helios.pillars[p.pillar][0]; p.subpillars.forEach(sp => { sp.elements.forEach(el => { // leave one subpillar unanswered so badges + Find Next + Submit are demonstrable if (p.pillar === "Buy and Build" && sp.name === "Add-On Acquisitions") return; h = (h * 1103515245 + 12345) & 0x7fffffff; const jitter = ((h % 10) / 10 - 0.45); let s = Math.round(Math.max(1, Math.min(5, base + jitter))); ans[el.id] = { score: s }; }); }); }); return ans; } function Assessment({ state, go }) { const co = VCP.companyById(state.companyId || "helios"); const isFirm = state.door === "firm"; const [answers, setAnswers] = useState(seedAnswers); const [submitted, setSubmitted] = useState(false); const [view, setView] = useState("current"); // current | history const dl = state.deeplink || {}; const [pillar, setPillar] = useState(dl.pillar || "Operational"); const [sub, setSub] = useState(null); const [saveState, flash] = useSaveFlash(); const [highlight, setHighlight] = useState(dl.subpillar ? null : null); const pillarDef = QUESTIONS.find(p => p.pillar === pillar); const subDef = pillarDef.subpillars.find(s => s.name === (sub || (dl.pillar === pillar && dl.subpillar) || pillarDef.subpillars[0].name)) || pillarDef.subpillars[0]; const isAnswered = id => answers[id] && (answers[id].score != null || answers[id].na); const answeredCount = Object.keys(answers).filter(isAnswered).length; const pct = Math.round((answeredCount / TOTAL_Q) * 100); const unansweredInPillar = p => QUESTIONS.find(x => x.pillar === p).subpillars.reduce((a, s) => a + s.elements.filter(e => !isAnswered(e.id)).length, 0); const unansweredInSub = (p, sName) => QUESTIONS.find(x => x.pillar === p).subpillars.find(s => s.name === sName).elements.filter(e => !isAnswered(e.id)).length; const setAnswer = (id, patch) => { if (submitted || isFirm) return; setAnswers(a => ({ ...a, [id]: { ...a[id], ...patch } })); flash(); }; const selectLevel = (id, lvl) => { const cur = answers[id]; if (cur && cur.score === lvl && !cur.na) setAnswer(id, { score: null }); else setAnswer(id, { score: lvl, na: false }); }; const setNA = id => { const cur = answers[id]; if (cur && cur.na) setAnswer(id, { na: false, score: null }); else setAnswer(id, { na: true, score: null }); }; const findNext = () => { for (const p of QUESTIONS) for (const s of p.subpillars) for (const e of s.elements) if (!isAnswered(e.id)) { setPillar(p.pillar); setSub(s.name); setHighlight(e.id); return; } window.vcpToast?.("Everything is answered"); }; const submit = () => { setSubmitted(true); window.vcpToast?.("Assessment submitted · scores rolling up to the firm"); }; if (view === "history") return setView("current")} onBack={() => setView("history")} go={go} state={state} setView={setView} />; return
setView("history")}>History} /> {(submitted || isFirm) &&
{isFirm ? "Read-only · firm inspecting the company's submitted answers." : "Submitted · this questionnaire is now read-only."}
} {/* pillar tabs */}
{QUESTIONS.map(p => { const u = unansweredInPillar(p.pillar); const on = pillar === p.pillar; return ; })}
{/* subpillar pills */}
{pillarDef.subpillars.map(s => { const u = unansweredInSub(pillar, s.name); const on = subDef.name === s.name; return ; })}
{/* question cards */}
{subDef.elements.map((el, idx) => selectLevel(el.id, lvl)} onNA={() => setNA(el.id)} onComment={txt => setAnswer(el.id, { comment: txt })} />)}
{/* fixed progress bar */}
Progress{answeredCount}/{TOTAL_Q} · {pct}%
{!isFirm && !submitted && Find next unanswered} {!isFirm && {submitted ? "Submitted" : "Submit assessment"}} {isFirm && go({ door: "firm", route: "co-valuecreation", companyId: co.id, deeplink: null })}>Back to firm view}
; } function QuestionCard({ el, num, ans, highlight, readOnly, onSelect, onNA, onComment }) { const [comment, setComment] = useState(ans && ans.comment || ""); const levels = [1, 2, 3, 4, 5]; const selected = ans && ans.score; const na = ans && ans.na; return
{String(num).padStart(2, "0")}
{el.element}
{el.question}
{(selected != null || na) && }
{levels.map(lvl => { const on = selected === lvl; return ; })}
{(selected != null || na) && !readOnly && setComment(e.target.value)} onBlur={() => onComment(comment)} placeholder="Add a comment (optional)" style={{ marginTop: 10, width: "100%", border: "1px solid var(--line)", borderRadius: 8, padding: "8px 10px", background: "var(--surface)", outline: "none", fontSize: 12.5 }} />} {readOnly && comment &&
Comment: {comment}
}
; } function AssessmentHistory({ co, setView, state }) { const rows = [{ q: "25Q2", status: "Open", state: 0 }, { q: "25Q1", status: "Submitted", state: 1 }, { q: "24Q4", status: "Submitted", state: 1 }, { q: "24Q3", status: "Submitted", state: 1 }]; return
setView("current")}>Current questionnaire} />
{rows.map((r, i) =>
Quarterly assessment {r.q}
{co.name}
{r.status} setView("current")}>{r.state === 0 ? "Continue" : "View"}
)}
; } /* ---- Portco home: My Company ---- */ function PortcoHome({ state, go }) { const c = VCP.companyById(state.companyId || "helios"); const fin = VCP.heliosFinancials; const tasks = VCP.allTasks.filter(t => t.company === c.id); return

{c.name}

{c.status}
{c.sector} · {c.fundLabel} · in the Northbridge Value Creation Platform
You are in your own company's view. Your numbers are read-only; your assessment and plan are yours to update.
At a glance · {state.period}
} mod="C" />
Your value-creation plan
go({ route: "pc-assessment" })}>Assessment
{VCP.PILLAR_KEYS.slice(0, 5).map(p =>
{p}
)}
Open work assigned to your team
{tasks.slice(0, 5).map(t =>
{t.priority[0].toUpperCase()} {t.name} {t.due}
)}
Documents shared with you
; } function PlaybooksRead({ state, go }) { return
; } Object.assign(window, { Assessment, PortcoHome, PlaybooksRead, QuestionCard, AssessmentHistory, QUESTIONS, TOTAL_Q });