// Personal Wellbeing Action Plan — intuitive, private, downloadable function PlanPhase({ state, update, go }) { const p = state.plan; const [editing, setEditing] = useState(null); const setField = (key, value) => update("plan", { [key]: value }); const fields = [ { key: "trigger", label: "My biggest current trigger", hint: "what tends to set me off" }, { key: "signal", label: "My earliest warning signal", hint: "what my body or mood does first" }, { key: "reset", label: "My reset tool", hint: "the technique I'll use in the moment", fixedValue: "60-second breathing — 4 in, 6 out, ×3" }, { key: "simplify", label: "One thing to simplify or release", hint: "what I'll stop overcomplicating" }, { key: "boundary", label: "One boundary to strengthen", hint: "the sentence I'll actually use" }, { key: "recovery", label: "One recovery habit", hint: "sleep, movement, quiet, something restorative" }, { key: "support", label: "One support person", hint: "who I can reach out to" }, { key: "commitment", label: "My 7-day commitment", hint: "one specific thing I will do this week" }, ]; const downloadPlan = () => { const safe = (v) => (v && v.trim()) ? v.trim() : "____________________"; const today = new Date().toLocaleDateString("en-GB", { day: "numeric", month: "long", year: "numeric" }); const html = ` My Personal Wellbeing Plan
My Wellbeing Plan

Same pressure. Different carrying pattern.

${today}
Everyone carries pressure differently. This plan is what I intuitively chose during today's session — a starting shape, not a final answer. I'll keep using it for the next seven days and adjust as I learn what works for me.
${fields.map(f => `
${f.label}
${f.fixedValue || safe(p[f.key])}
`).join("")} ${state.guided.anchorWord ? `
My anchor word
"${state.guided.anchorWord}"
` : ""}
Insight becomes change when written into a plan.
The Stress Reset
`; const w = window.open("", "_blank"); if (!w) { // fallback: download as html file const blob = new Blob([html], { type: "text/html" }); const url = URL.createObjectURL(blob); const a = document.createElement("a"); a.href = url; a.download = "My-Wellbeing-Plan.html"; a.click(); return; } w.document.write(html); w.document.close(); setTimeout(() => { try { w.print(); } catch (e) {} }, 400); }; const renderField = (f) => { const value = f.fixedValue || p[f.key]; const isFixed = !!f.fixedValue; const isEditing = editing === f.key; return (
!isFixed && !isEditing && setEditing(f.key)}>
{f.label}
{isEditing ? ( setField(f.key, e.target.value)} onBlur={() => setEditing(null)} onKeyDown={(e) => e.key === "Enter" && setEditing(null)} autoFocus /> ) : (
{value || `${f.hint} — tap to add`} {isFixed && · set}
)}
); }; const filledCount = fields.filter(f => f.fixedValue || (p[f.key] && p[f.key].trim())).length; return (
Your Wellbeing Plan

This is the plan you built.

Everyone is different. Including you.

There is no template that fits every person. Your stress, your warning signs, your boundaries, your support — they belong to you.

Over the last 70 minutes, you've been intuitively assembling your own plan: noticing what you carry, what calms your body, what you can simplify, what you need to protect. The page below is just gathering it up. Tap any line to refine it.

{fields.map(renderField)}
{filledCount} of {fields.length} filled in
Insight becomes change when written into a plan.
go("close")}>Continue
); } window.PlanPhase = PlanPhase;