Something hard has happened. Take a breath — I'll lead.
Show me what's nextSign in
Take your time. Nothing is on a clock here.
);
}
/* ---------- 1. Intake ---------- */
// v1 spec: branching tree, not a flat form. Order = severity (worst-case first).
// Order: relationship → when → state of death → will → (executor|informal_lead) → inmotion → helpers? → paperwork?
const INTAKE_QUESTIONS = [
{
id: 'relationship',
title: 'Who did you lose?',
sub: "There's no good way to ask this. I'll keep it brief.",
kind: 'options',
// worst-case ordering: child first
options: ['My child', 'My spouse or partner', 'My parent', 'My sibling', 'My grandparent', 'Another close relative (in-law, aunt or uncle, cousin)', 'A close friend', 'Someone else'],
mascot: true,
},
{
id: 'when',
title: 'When did they die?',
sub: 'Roughly is fine. The exact date can come later.',
kind: 'date-options',
options: ['Today or yesterday', 'This week', 'This month', 'Earlier — I\'m catching up'],
},
{
id: 'state_death',
title: 'Where did the death occur?',
sub: "Paperwork is state-specific. If they were traveling, use where it actually happened.",
kind: 'location',
// first location input — no smart suggestions, no permission prompts. Clean typeahead picker.
// International toggle swaps US states for ISO countries.
},
{
id: 'will',
title: 'Is there a will, or anything written down?',
sub: "A note on a fridge counts. Not knowing is also an answer.",
kind: 'options',
// uncertainty-first ordering
options: ["I don't know yet", 'Nothing that I know of', "Something written, not formal", 'Yes, a formal will'],
},
{
id: 'executor',
title: 'Do you know who the executor is?',
sub: 'The person legally responsible. Often, but not always, the coordinator.',
kind: 'options',
options: ["Don't know yet", "Yes, but I don't have contact info", "Yes — that's me", 'Yes — someone else in the family'],
skipIf: (a) => a.will !== 'Yes, a formal will' && a.will !== 'Something written, not formal',
},
{
id: 'informal_lead',
title: 'Has the family agreed informally on who\'s handling things?',
sub: "Without a will, it usually falls to whoever steps up. That's a different question than 'executor.'",
kind: 'options',
options: ['Not yet', "Yes — that's me", 'Yes — someone else in the family'],
skipIf: (a) => a.will !== 'Nothing that I know of',
},
{
id: 'inmotion',
title: "What's already in motion?",
sub: 'Pick everything that\'s underway — even if you\'re not sure it\'s done right.',
kind: 'multi',
exclusiveOption: "No — we're just starting",
options: [
'No — we\'re just starting',
'Funeral home is contacted',
'Death certificates ordered',
'Attorney involved',
'Employer told',
'Bank told',
],
},
{
// Question (i) — religious/cultural traditions. Optional, prominent skip.
// Spec rule: "Function, Not Identity" — we ask about timing + practices, not belief.
// Time-sensitive picks (Jewish, Islamic, Hindu, Sikh) elevate funeral-home + travel tasks
// to Right Now and set tradition_time_sensitive: true on the family seed.
id: 'tradition',
title: 'Are there religious or cultural traditions to follow?',
sub: "Many traditions (Jewish, Islamic, Hindu, Sikh, and others) require burial or cremation within a specific window, or have specific rituals. If that applies, I'll prioritize the right tasks. If not, this question is safe to skip.",
kind: 'tradition',
},
{
id: 'inner_circle',
title: "Who's in your inner circle?",
sub: "These are the people closest to them who already know what's happened. You can invite them later to help, if they want to. Skipping is fine — names can come back to you over the next few days.",
kind: 'inner_circle',
},
{
id: 'paperwork',
title: 'How are you with paperwork?',
sub: 'No wrong answer. This shapes how much I do beside you.',
kind: 'options',
mascot: true,
options: ["I'm overwhelmed", "I don't know yet", "I'd rather have help", "I'll handle it"],
// inferable when user is confident about will + executor
skipIf: (a) => (a.will === 'Yes, a formal will' && (a.executor === "Yes — that's me" || a.executor === 'Yes — someone else in the family')),
},
];
// returns the visible ordered list of questions given current answers
const visibleQuestions = (answers) => INTAKE_QUESTIONS.filter((q) => !q.skipIf || !q.skipIf(answers));
/* US states + DC + 5 territories */
const US_STATES = [
'Alabama','Alaska','Arizona','Arkansas','California','Colorado','Connecticut','Delaware',
'District of Columbia','Florida','Georgia','Hawaii','Idaho','Illinois','Indiana','Iowa',
'Kansas','Kentucky','Louisiana','Maine','Maryland','Massachusetts','Michigan','Minnesota',
'Mississippi','Missouri','Montana','Nebraska','Nevada','New Hampshire','New Jersey','New Mexico',
'New York','North Carolina','North Dakota','Ohio','Oklahoma','Oregon','Pennsylvania','Rhode Island',
'South Carolina','South Dakota','Tennessee','Texas','Utah','Vermont','Virginia','Washington',
'West Virginia','Wisconsin','Wyoming',
'Puerto Rico','Guam','U.S. Virgin Islands','American Samoa','Northern Mariana Islands',
];
const COUNTRIES = [
'Australia','Austria','Belgium','Brazil','Canada','China','Denmark','Egypt','France','Germany',
'Greece','Hong Kong','India','Indonesia','Ireland','Israel','Italy','Japan','Mexico','Netherlands',
'New Zealand','Nigeria','Norway','Philippines','Poland','Portugal','Singapore','South Africa',
'South Korea','Spain','Sweden','Switzerland','Taiwan','Thailand','Turkey','United Arab Emirates',
'United Kingdom','Vietnam','Other',
];
/* Clean typeahead — no smart suggestions, no permission prompts.
Beneath the typeahead: a quick-selector grid of every option, filterable by typing. */
function LocationPicker({ value, onChange }) {
// value: { scope: 'us' | 'intl', place: string }
const v = value || { scope: 'us', place: '' };
const [query, setQuery] = useState(v.place || '');
const list = v.scope === 'us' ? US_STATES : COUNTRIES;
const matches = query
? list.filter((s) => s.toLowerCase().includes(query.toLowerCase()))
: list;
const swapScope = () => {
const next = v.scope === 'us' ? 'intl' : 'us';
onChange({ scope: next, place: '' });
setQuery('');
};
return (
A note for international: the workflow is different abroad. I'll surface the embassy step (Consular Report of Death, DS-2060) and what we have so far — for the rest, the US embassy in {v.place} is the authoritative source. I'll be honest about what I don't know.
);
}
/* Inner Circle list-builder — final intake step.
Per spec: name + relationship-to-deceased only. NO contact info. Skipping is valid.
Entries seed Contact records with notification_status: known-aware. */
const INNER_CIRCLE_RELATIONS = [
'Their child',
'Their spouse or partner',
'Their parent',
'Their sibling',
'Their grandchild',
'Their grandparent',
'Another close relative',
'A close friend',
'Someone else',
];
function InnerCirclePicker({ value, onChange }) {
const entries = Array.isArray(value) ? value : [];
const [draftName, setDraftName] = useState('');
const [draftRel, setDraftRel] = useState('');
const [adding, setAdding] = useState(entries.length === 0);
const commit = () => {
if (!draftName.trim() || !draftRel) return;
onChange([...entries, { name: draftName.trim(), relation: draftRel }]);
setDraftName('');
setDraftRel('');
setAdding(false);
};
const remove = (i) => onChange(entries.filter((_, idx) => idx !== i));
return (
{entries.length > 0 && (
{entries.map((e, i) => (
{e.name[0]?.toUpperCase()}
{e.name}
{e.relation}
))}
)}
{adding ? (
setDraftName(e.target.value)}
placeholder="First name is enough"
className="w-full mt-1.5 rounded-xl border border-[#3D2B3C]/15 bg-white px-3 py-2.5 text-[14px] text-[#3D2B3C] focus:outline-none focus:border-[#3D2B3C]"
/>
Add to list
{entries.length > 0 && (
{ setAdding(false); setDraftName(''); setDraftRel(''); }} size="sm" variant="ghost">Cancel
)}
Just a name and how they're related. No phone, no email — those come later, only if you want to invite them.
) : (
)}
{entries.length === 0
? 'Skipping is fine — names can come back to you over the next few days.'
: `${entries.length} ${entries.length === 1 ? 'person' : 'people'} on your inner circle list.`}
);
}
/* Tradition picker — question (i).
Value shape:
null
| { share: 'skip' }
| { share: 'yes', traditionId: string, custom?: string }
Time-sensitive picks (jewish/islamic/hindu/sikh) drive downstream task prioritization
via a derived `tradition_time_sensitive` flag computed at intake-complete. */
const TRADITION_OPTIONS = [
{ id: 'jewish', label: 'Jewish', note: 'typically burial within 24–48 hours', timeSensitive: true },
{ id: 'islamic', label: 'Islamic', note: 'within 24 hours', timeSensitive: true },
{ id: 'hindu', label: 'Hindu', note: 'same day or within 24 hours', timeSensitive: true },
{ id: 'sikh', label: 'Sikh', note: 'within 3 days', timeSensitive: true },
{ id: 'catholic', label: 'Catholic / other Christian', note: 'not usually time-constrained', timeSensitive: false },
{ id: 'buddhist', label: 'Buddhist', note: 'varies', timeSensitive: false },
{ id: 'other', label: 'Another tradition', note: 'tell me a bit', timeSensitive: null, custom: true },
{ id: 'unsure', label: 'Not sure yet — let me come back to this', timeSensitive: null },
];
function TraditionPicker({ value, onChange, onAutoAdvance }) {
const v = value || null;
const share = v?.share || null;
const traditionId = v?.share === 'yes' ? v.traditionId : null;
const custom = v?.share === 'yes' ? (v.custom || '') : '';
const selected = TRADITION_OPTIONS.find((o) => o.id === traditionId);
if (!share) {
return (
{/* the pill itself — hides while panel is open */}
);
}
function CompanionMenu({ onPick }) {
const opts = [
{
id: 'breath',
title: "Help — I'm feeling overwhelmed",
sub: "Let's slow down together for a minute.",
dot: '#F4A88E',
},
{
id: 'talk',
title: 'I need to talk to someone',
sub: 'A person, not me. I can point you.',
dot: '#B8A4C9',
},
{
id: 'ask',
title: 'I have a question',
sub: 'Anything. The dumb ones too.',
dot: '#9CA88C',
},
];
return (
);
}
function CompanionTalk({ onBack }) {
const cards = [
{
tag: 'right now',
title: '988 — Suicide & Crisis Lifeline',
sub: 'Free, 24/7. Call or text 988. Grief counselors trained for loss.',
tint: '#F4A88E',
},
{
tag: 'this week',
title: 'A grief counselor',
sub: "I'll surface a few in your state when you're ready. No appointment needed today.",
tint: '#B8A4C9',
},
{
tag: 'someone you know',
title: 'Call Sarah, or a friend',
sub: 'The person you would have called before any of this. They want to hear from you.',
tint: '#9CA88C',
},
];
return (
A person, not me.
Pick whatever feels closest to right.
{cards.map((c) => (
))}
);
}
function CompanionAsk({ onBack }) {
const [q, setQ] = useState('');
const [phase, setPhase] = useState('idle'); // idle | thinking | answer
const suggestions = [
'How many death certificates?',
'What if there\'s no will?',
"Can I do this tomorrow?",
];
const ask = (text) => {
setQ(text);
setPhase('thinking');
setTimeout(() => setPhase('answer'), 1100);
};
return (
{/* greeting — small, time-of-day, never a calendar dump */}
Tuesday morning · for Sarah
{/* THE ONE THING (or the clear-day acknowledgement) */}
{!todayClear ? (
<>
One thing for today
) : (
Today's clear.
When you're ready, here's what's coming up.
)}
{/* THE DISCLOSURE — opt-in to see beyond today */}
{!expanded && (
{tasks.length - 1} more on your list. They'll wait.
)}
{/* INVITE NUDGE — coordinator is a tracker, family claims tasks.
On desktop this lives in the sidebar beneath the Family section instead. */}
You don't have to assign anything.
When the family joins, they'll see the same list and claim what they can do. I'll quietly nudge the rest.
Invite the family
{/* EXPANDED — only when the user asks for it */}
{expanded && (
<>
Right now · today
{now.length} unclaimed
{now.map((t) => )}
This week
{week.length} items
{week.map((t) => )}
This month
{month.length} items
{month.map((t) => )}
Later · weeks from now
{later.length} items
{later.map((t) => )}
)}
{done} of {tasks.length} done · paced for you, not against you
{/* AMBIENT MASCOT — floating bottom-right companion. Persistent after intro. */}
{/* INTRO BREATH OVERLAY — first arrival only. Mascot says the line, user breathes,
then morphs down into the floating bottom-right companion. */}
{breathPhase !== 'done' && (
Take a breath. Let’s just take it one step at a time. We’ll be here the whole way.
)}
);
}
function SingularTaskCard({ task, onOpen, family }) {
const assignee = task.assigneeId ? family.find((f) => f.id === task.assigneeId) : null;
return (
);
}
/* ---------- 4. Task detail (Death Certificates) ---------- */
const TASK_CONTENT = {
certs: {
n: 2,
title: 'Order death certificates',
sub: 'Yes, you really do need around forty of them. No, I don\'t know why either.',
why:
'Almost every account closure, pension claim, and title transfer wants an official certified copy. Photocopies aren\'t accepted. The funeral home usually orders the first batch — most families discover within two weeks they need more.',
need: ['The deceased\'s full legal name', "Date and county of death", 'Your relationship to them', "A credit card", "A mailing address"],
steps: [
{ h: 'Confirm what the funeral home already ordered.', b: 'Most order 10 by default. Ask them what their count was — Karen can call if you\'d rather.' },
{ h: 'Order another 30–35 from the county Vital Records office.', b: 'In California it\'s the County Recorder. Online order, $26 each, mailed in 2–3 weeks.' },
{ h: 'Use a single mailing address — yours.', b: 'You\'ll be the one handing them out. Store them in a single labelled folder.' },
{ h: 'Keep the receipt.', b: 'Estate-deductible. Slot it into the documents list once the count clears.' },
],
confusion: [
{ q: 'Do I need certified copies, or are PDFs okay?', a: 'Certified, raised-seal, paper. Some banks accept faxed certifieds; almost none accept PDF.' },
{ q: 'Will I really need 40?', a: 'Median is 35. People with multiple bank accounts, multiple insurance policies, or a house in their name push past 40.' },
{ q: 'What if I order too many?', a: 'You can\'t. They don\'t expire and you\'ll find more places that want one.' },
],
helpWhen: 'If something on the death certificate is wrong — name spelled wrong, wrong cause of death, wrong date — that\'s a separate process called amendment. I\'ll walk you through it.',
},
employer: {
n: 6,
title: "Notify the employer",
sub: 'One call, one email, one form. They\'ve done this before.',
why:
"The employer holds the last paycheck, unused vacation, life insurance through work, the 401(k), and sometimes a small bereavement payment. Most companies have a person whose job this is, and they will not be surprised by your call.",
need: ['The deceased\'s employer and HR contact (or main phone)', "Their employee ID or last four of SSN", "A death certificate (most accept emailed PDFs initially)"],
steps: [
{ h: 'Call the HR / benefits line first.', b: 'Tell them what happened. Ask what their bereavement process looks like and who your point of contact will be.' },
{ h: 'Ask specifically about: final paycheck, unused PTO, employer life insurance, 401(k), and COBRA.', b: 'These are the five things every survivor should know about. Most HR teams will walk you through them.' },
{ h: 'Send the death certificate when they ask.', b: 'Almost always email-first, mail later. Save what you send and to whom.' },
{ h: 'Get the contact in writing.', b: 'A name and a direct email. You will need them again in three weeks.' },
],
confusion: [
{ q: 'What if they were self-employed?', a: 'Different track — we\'ll route this through the business closure path instead. Mark this not applicable when you\'re ready.' },
{ q: 'What about coworkers?', a: 'That\'s yours to decide. Some employers handle the announcement; some leave it to family. Ask.' },
],
helpWhen: 'If the employer pushes back on releasing benefits, that\'s an attorney call. I keep a short list of estate attorneys who do these calls cheaply.',
},
};
function TaskDetailScreen({ taskId, task, family, onBack, onMarkDone, onAssign }) {
const c = TASK_CONTENT[taskId];
if (!c) return null;
const assignee = task.assigneeId ? family.find((f) => f.id === task.assigneeId) : null;
return (
§ {String(c.n).padStart(2, '0')}
Task · do this slowly
{c.title}
{c.sub}
{/* assignment + actions */}
{task.done ? '✓ Done' : 'Mark done'}
Mark not applicable