[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_352":353,"_354":355},"routes/_app.x.$handle.$name",{"_101":100,"_32":46,"_109":91,"_27":54,"_13":14,"_110":-5,"_11":111,"_112":113,"_114":115,"_116":117,"_118":119,"_20":-5,"_120":-5,"_121":-5,"_122":25,"_123":124,"_125":60,"_126":-5,"_127":-5,"_128":129},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_44":45,"_32":46,"_39":47,"_48":-5,"_49":25,"_50":51,"_52":51,"_53":54,"_55":-5,"_18":56,"_57":58,"_59":60,"_61":-5,"_62":-5,"_63":64,"_65":66,"_67":68,"_69":70,"_71":72,"_73":-5,"_74":75,"_76":75,"_77":78,"_79":78,"_80":78,"_81":75,"_82":75,"_83":84,"_85":86,"_87":88,"_89":25},"version",65,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":23,"_24":25,"_26":25,"_27":28,"_29":28},"file",{"_30":31,"_32":33,"_34":35,"_36":38,"_39":40,"_41":14,"_42":43,"_24":25},"previous",{"_30":31,"_32":33,"_34":35,"_36":37},"deleted",false,"deletedHere","path","frontend/components/App.tsx","latestPath","fileId","c49ea906-af04-11f1-a47d-1607ee4eb77e","name","App.tsx","fileType","script","content","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useCallback, useEffect, useMemo, useState } from \"https://esm.sh/react@18.2.0\";\nimport type { ButtonHTMLAttributes, FormEvent, ReactNode } from \"https://esm.sh/react@18.2.0\";\nimport { canCleanupDemoData, DEMO_CLEANUP_CONFIRMATION, type Account, type AppData, type PlannedCompletion, type PlannedTransaction, type Reserve, type Transaction } from \"../../shared/types.ts\";\nimport { householdDate } from \"../../shared/finance.ts\";\n\ntype View = \"overview\" | \"activity\" | \"planned\" | \"reserves\" | \"accounts\";\ntype Editor =\n | { type: \"account\"; item?: Account }\n | { type: \"transaction\"; item?: Transaction }\n | { type: \"planned\"; item?: PlannedTransaction }\n | { type: \"reserve\"; item?: Reserve }\n | { type: \"correction\"; item: PlannedCompletion }\n | { type: \"reconciliation\"; item: Account }\n | null;\n\ninterface Session {\n authenticated: boolean;\n authorized: boolean;\n username?: string;\n}\n\nconst nav: { id: View; label: string }[] = [\n { id: \"overview\", label: \"Overview\" },\n { id: \"activity\", label: \"Activity\" },\n { id: \"planned\", label: \"Planned\" },\n { id: \"reserves\", label: \"Reserves\" },\n { id: \"accounts\", label: \"Accounts\" },\n];\n\nexport function App() {\n const [session, setSession] = useState(null);\n const [data, setData] = useState(null);\n const [view, setView] = useState(\"overview\");\n const [editor, setEditor] = useState(null);\n const [busy, setBusy] = useState(false);\n const [error, setError] = useState(\"\");\n\n const load = useCallback(async () => {\n const nextSession = await api(\"/api/session\", undefined, false);\n setSession(nextSession);\n if (nextSession.authorized) setData(await api(\"/api/data\"));\n }, []);\n\n useEffect(() => {\n load().catch((err) => setError(messageOf(err)));\n }, [load]);\n\n const mutate = useCallback(async (path: string, method: string, body?: unknown) => {\n setBusy(true);\n setError(\"\");\n try {\n await api(path, { method, body: body == null ? undefined : JSON.stringify(body) });\n setEditor(null);\n setData(await api(\"/api/data\"));\n } catch (err) {\n setError(messageOf(err));\n throw err;\n } finally {\n setBusy(false);\n }\n }, []);\n\n const cleanupDemo = useCallback(() => {\n const confirmation = window.prompt(`Type ${DEMO_CLEANUP_CONFIRMATION} exactly to permanently remove all synthetic demo data.`);\n if (confirmation == null) return;\n if (confirmation !== DEMO_CLEANUP_CONFIRMATION) {\n setError(`Confirmation did not match ${DEMO_CLEANUP_CONFIRMATION}. Nothing was removed.`);\n return;\n }\n void mutate(\"/api/demo\", \"DELETE\", { confirmation }).catch(() => undefined);\n }, [mutate]);\n\n if (!session) return ;\n if (!session.authenticated) {\n return (\n \n

\n \n

Know what is safe to spend.

A private household cash-flow view. Your data stays behind your Val Town account.

\n Log in with Val Town\n

\n \n );\n }\n if (!session.authorized) {\n return

Account not authorized

Signed in as {session.username}. Only the app owner and explicitly allowed family accounts can access this data.

;\n }\n if (!data) return ;\n\n return (\n

\n \n

\n {session.username}\n \n

\n \n

\n\n

\n {error &&

{error}

}\n {data.accounts.length === 0 ? (\n mutate(\"/api/demo\", \"POST\")}\n onAccount={() => setEditor({ type: \"account\" })}\n onCleanupDemo={cleanupDemo}\n />\n ) : view === \"overview\" ? (\n setEditor({ type: \"transaction\" })}\n onAddPlanned={() => setEditor({ type: \"planned\" })}\n onCleanupDemo={cleanupDemo}\n />\n ) : view === \"activity\" ? (\n setEditor({ type: \"transaction\" })} onEdit={(item) => setEditor({ type: \"transaction\", item })} onDelete={(id) => confirmed(\"Delete this transaction and reverse its balance effect?\") && mutate(`/api/transactions/${id}`, \"DELETE\")} />\n ) : view === \"planned\" ? (\n setEditor({ type: \"planned\" })} onEdit={(item) => setEditor({ type: \"planned\", item })} onComplete={(item) => mutate(`/api/planned/${item.id}/complete`, \"POST\", { date: today(), accountId: item.accountId ?? data.accounts[0]?.id })} onUndo={(item) => confirmed(\"Undo this completion and restore the unpaid occurrence?\") && mutate(`/api/planned-completions/${item.id}/undo`, \"POST\", { expectedEffectiveTransactionId: item.effectiveTransaction!.id })} onCorrect={(item) => setEditor({ type: \"correction\", item })} onDeactivate={(id) => confirmed(\"Deactivate this planned item while preserving its history?\") && mutate(`/api/planned/${id}/deactivate`, \"POST\")} onDelete={(id) => confirmed(\"Delete this planned item?\") && mutate(`/api/planned/${id}`, \"DELETE\")} />\n ) : view === \"reserves\" ? (\n setEditor({ type: \"reserve\" })} onEdit={(item) => setEditor({ type: \"reserve\", item })} onDelete={(id) => confirmed(\"Delete this reserve?\") && mutate(`/api/reserves/${id}`, \"DELETE\")} />\n ) : (\n setEditor({ type: \"account\" })} onEdit={(item) => setEditor({ type: \"account\", item })} onReconcile={(item) => setEditor({ type: \"reconciliation\", item })} onDelete={(id) => confirmed(\"Delete this empty account?\") && mutate(`/api/accounts/${id}`, \"DELETE\")} />\n )}\n

\n\n {editor && (\n setEditor(null)} onSave={async (payload) => {\n const item = editor.item;\n if (editor.type === \"correction\") {\n await mutate(`/api/planned-completions/${editor.item.id}/correct`, \"POST\", {\n ...(payload as Record),\n expectedEffectiveTransactionId: editor.item.effectiveTransaction!.id,\n });\n return;\n }\n if (editor.type === \"reconciliation\") {\n await mutate(`/api/accounts/${editor.item.id}/reconcile`, \"POST\", payload);\n return;\n }\n const base = editor.type === \"transaction\" ? \"/api/transactions\" : editor.type === \"planned\" ? \"/api/planned\" : editor.type === \"reserve\" ? \"/api/reserves\" : \"/api/accounts\";\n await mutate(item ? `${base}/${item.id}` : base, item ? \"PUT\" : \"POST\", payload);\n }} />\n )}\n \n

\n );\n}\n\nfunction Overview({ data, onAddTransaction, onAddPlanned, onCleanupDemo }: { data: AppData; onAddTransaction: () => void; onAddPlanned: () => void; onCleanupDemo: () => void }) {\n const d = data.dashboard;\n return (\n

\n {data.demoDataState === \"demo-only\" && (\n

Synthetic demo data

This dataset contains demo records only. Cleanup permanently removes all of them.

\n \n

\n )}\n

HOUSEHOLD CASH FLOW

Your money this month

As of {prettyDate(d.asOfDate)}

\n\n

Safe to spend

{money(d.safeToSpendCents)}

Cash now, plus expected income, minus unpaid commitments and protected reserves through {prettyDate(d.monthEnd)}.

\n\n

\n \n \n \n \n

\n\n

\n \n

\n {d.upcoming.length === 0 ? Nothing else is planned this month. : d.upcoming.slice(0, 8).map((item, index) => (\n

\n \n

{item.description}

{item.kind}

\n \n

\n ))}\n

\n \n

\n \n \n {d.requiredGoalContributionsCents > 0 && }\n

\n );\n}\n\nfunction Activity({ data, onAdd, onEdit, onDelete }: { data: AppData; onAdd: () => void; onEdit: (item: Transaction) => void; onDelete: (id: string) => void }) {\n const accounts = useMemo(() => Object.fromEntries(data.accounts.map((a) => [a.id, a.name])), [data.accounts]);\n return

{data.transactions.length === 0 ? No transactions yet. : data.transactions.map((item) => onEdit(item) : undefined} onDelete={item.source === \"manual\" ? () => onDelete(item.id) : undefined} />)}

;\n}\n\nfunction Planned({ data, onAdd, onEdit, onComplete, onUndo, onCorrect, onDeactivate, onDelete }: { data: AppData; onAdd: () => void; onEdit: (item: PlannedTransaction) => void; onComplete: (item: PlannedTransaction) => void; onUndo: (item: PlannedCompletion) => void; onCorrect: (item: PlannedCompletion) => void; onDeactivate: (id: string) => void; onDelete: (id: string) => void }) {\n const accounts = useMemo(() => Object.fromEntries(data.accounts.map((a) => [a.id, a.name])), [data.accounts]);\n return

{data.plannedTransactions.length === 0 ? No planned items yet. : data.plannedTransactions.map((item) => { const hasHistory = data.plannedCompletions.some((completion) => completion.plannedTransactionId === item.id); return

{item.description}

{item.recurrence === \"once\" ? \"One-off\" : `Every ${item.intervalCount > 1 ? `${item.intervalCount} ` : \"\"}${item.recurrence.replace(\"ly\", \"\")}${item.intervalCount > 1 ? \"s\" : \"\"}`}{!item.isActive && Inactive}

Next: {prettyDate(item.nextDate)}

onEdit(item)}>Edit{hasHistory ? item.isActive && onDeactivate(item.id)}>Deactivate : onDelete(item.id)}>Delete}{item.isActive && onComplete(item)}>Mark {item.kind === \"expense\" ? \"paid\" : \"received\"}}

; })}

{data.plannedCompletions.length > 0 &&

{data.plannedCompletions.map((completion) => { const transaction = completion.effectiveTransaction; const original = completion.originalTransaction; return

{transaction?.description ?? original.description}

{completion.status} · due {prettyDate(completion.occurrenceDate)}{transaction ? ` · effective ${prettyDate(transaction.date)} · ${accounts[transaction.accountId] ?? \"Unknown account\"}` : \"\"}

{completion.status !== \"completed\" &&

Original: {prettyDate(original.date)} · {accounts[original.accountId] ?? \"Unknown account\"} · {money(original.amountCents)}

}

{transaction && }{completion.adjustable &&

onCorrect(completion)}>Correct onUndo(completion)}>Undo

}

; })}

};\n}\n\nfunction Reserves({ data, onAdd, onEdit, onDelete }: { data: AppData; onAdd: () => void; onEdit: (item: Reserve) => void; onDelete: (id: string) => void }) {\n return

{data.reserves.length === 0 ? No reserves yet. : data.reserves.map((item) => { const progress = item.targetAmountCents == null ? 0 : Math.min(100, item.fundedAmountCents / item.targetAmountCents * 100); return

{item.name}

{item.note || \"Protected funds\"}

{money(item.fundedAmountCents)}

{item.targetAmountCents != null && item.targetDate &&

{Math.floor(progress)}% fundedGoal {money(item.targetAmountCents)} by {prettyDate(item.targetDate)}

{!item.isActive ? \"Inactive goal\" : item.requiredContributionCents > 0 ? `Still protect ${money(item.requiredContributionCents)} this month` : item.fundedAmountCents >= item.targetAmountCents ? \"Goal funded\" : \"This month's contribution is funded\"}

}

onEdit(item)}>Edit onDelete(item.id)}>Delete

; })}

;\n}\n\nfunction Accounts({ data, onAdd, onEdit, onReconcile, onDelete }: { data: AppData; onAdd: () => void; onEdit: (item: Account) => void; onReconcile: (item: Account) => void; onDelete: (id: string) => void }) {\n const accounts = useMemo(() => Object.fromEntries(data.accounts.map((account) => [account.id, account.name])), [data.accounts]);\n return

{data.accounts.map((item) =>

{item.type}

{item.name}

{money(item.balanceCents)}

onEdit(item)}>Edit{item.isActive && onReconcile(item)}>Reconcile} onDelete(item.id)}>Delete

)}

{data.accountReconciliations.length > 0 &&

{data.accountReconciliations.map((item) =>

{accounts[item.accountId] ?? \"Unknown account\"}

{prettyDate(item.date)} · {money(item.previousBalanceCents)} → {money(item.actualBalanceCents)}{item.note ? ` · ${item.note}` : \"\"}

)}

};\n}\n\nfunction EditorModal({ editor, data, busy, onClose, onSave }: { editor: NonNullable; data: AppData; busy: boolean; onClose: () => void; onSave: (payload: unknown) => Promise }) {\n const item = editor.item;\n const baseDate = today();\n const initial = editor.type === \"correction\" ? { amount: euros(Math.abs(editor.item.effectiveTransaction?.amountCents ?? 0)), date: editor.item.effectiveTransaction?.date ?? baseDate, accountId: editor.item.effectiveTransaction?.accountId ?? data.accounts[0]?.id ?? \"\" } : editor.type === \"reconciliation\" ? { actualBalance: euros(editor.item.balanceCents), date: baseDate, note: \"\" } : editor.item ? itemToForm(editor.type, editor.item) : editor.type === \"account\" ? { name: \"\", type: \"checking\", balance: \"0.00\", isActive: true } : editor.type === \"transaction\" ? { description: \"\", kind: \"expense\", amount: \"\", date: baseDate, accountId: data.accounts[0]?.id ?? \"\" } : editor.type === \"planned\" ? { description: \"\", kind: \"expense\", amount: \"\", nextDate: baseDate, recurrence: \"monthly\", intervalCount: \"1\", endDate: \"\", accountId: data.accounts[0]?.id ?? \"\", isActive: true } : { name: \"\", funded: \"\", note: \"\", hasGoal: false, target: \"\", targetDate: \"\", isActive: true };\n const [form, setForm] = useState>(initial);\n const [formError, setFormError] = useState(\"\");\n const set = (key: string) => (event: FormEvent) => {\n const target = event.currentTarget as HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement;\n setForm((current) => ({ ...current, [key]: target instanceof HTMLInputElement && target.type === \"checkbox\" ? target.checked : target.value }));\n };\n const submit = async (event: FormEvent) => {\n event.preventDefault();\n setFormError(\"\");\n try {\n const amountCents = editor.type === \"account\"\n ? parseMoney(String(form.balance), true)\n : editor.type === \"reconciliation\"\n ? parseMoney(String(form.actualBalance), true)\n : editor.type === \"reserve\"\n ? parseMoney(String(form.funded))\n : parseMoney(String(form.amount));\n const payload = editor.type === \"correction\" ? { amountCents, date: form.date, accountId: form.accountId }\n : editor.type === \"reconciliation\" ? { actualBalanceCents: amountCents, date: form.date, note: form.note }\n : editor.type === \"account\" ? { name: form.name, type: form.type, balanceCents: amountCents, isActive: form.isActive ?? true }\n : editor.type === \"transaction\" ? { description: form.description, kind: form.kind, amountCents, date: form.date, accountId: form.accountId }\n : editor.type === \"planned\" ? { description: form.description, kind: form.kind, amountCents, nextDate: form.nextDate, recurrence: form.recurrence, intervalCount: Number(form.intervalCount), endDate: form.endDate || null, accountId: form.accountId || null, isActive: form.isActive ?? true }\n : { name: form.name, fundedAmountCents: amountCents, targetAmountCents: form.hasGoal ? parseMoney(String(form.target)) : null, targetDate: form.hasGoal ? form.targetDate : null, note: form.note, isActive: form.isActive ?? true };\n await onSave(payload);\n } catch (err) {\n setFormError(messageOf(err));\n }\n };\n const title = editor.type === \"correction\" ? \"Correct completion\" : editor.type === \"reconciliation\" ? `Reconcile ${editor.item.name}` : `${item ? \"Edit\" : \"Add\"} ${editor.type === \"planned\" ? \"planned item\" : editor.type}`;\n return (\n

e.target === e.currentTarget && onClose()}>\n

{title}

\n {editor.type === \"account\" && <>{!item && }}\n {editor.type === \"transaction\" && <>

}\n {editor.type === \"planned\" && <>

}\n {editor.type === \"correction\" && <>}\n {editor.type === \"reconciliation\" && <>

Current BudgetApp balance: {money(editor.item.balanceCents)}

</Field></>}\n          {editor.type === \"reserve\" && <><Field label=\"Reserve name\"><input required maxLength={80} value={String(form.name)} onInput={set(\"name\")} className={inputClass} /></Field><MoneyField label=\"Already funded\" value={String(form.funded)} onInput={set(\"funded\")} /><label className=\"flex items-center gap-3 text-sm\"><input type=\"checkbox\" checked={Boolean(form.hasGoal)} onChange={set(\"hasGoal\")} className=\"h-4 w-4 accent-green-800\" /> Set a target and deadline</label>{form.hasGoal && <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2\"><MoneyField label=\"Target amount\" value={String(form.target)} onInput={set(\"target\")} /><Field label=\"Target date\"><input type=\"date\" required value={String(form.targetDate)} onInput={set(\"targetDate\")} className={inputClass} /></Field></div>}<Field label=\"Note (optional)\"><textarea maxLength={300} rows={3} value={String(form.note)} onInput={set(\"note\")} className={inputClass} /></Field></>}\n          {item && (editor.type === \"account\" || editor.type === \"planned\" || editor.type === \"reserve\") && <label className=\"flex items-center gap-3 text-sm\"><input type=\"checkbox\" checked={Boolean(form.isActive)} onChange={set(\"isActive\")} className=\"h-4 w-4 accent-green-800\" /> Active</label>}\n          {formError && <p className=\"text-sm text-red-700\">{formError}</p>}\n          <div className=\"mt-2 flex justify-end gap-2\"><Button secondary type=\"button\" onClick={onClose}>Cancel</Button><Button type=\"submit\" disabled={busy}>{busy ? \"Saving…\" : \"Save\"}</Button></div>\n        </form>\n      </div>\n    </div>\n  );\n}\n\nfunction EmptyStart({ busy, canCleanupDemo, onDemo, onAccount, onCleanupDemo }: { busy: boolean; canCleanupDemo: boolean; onDemo: () => void; onAccount: () => void; onCleanupDemo: () => void }) {\n  return <div className=\"mx-auto max-w-xl rounded-3xl border border-stone-200 bg-white p-7 text-center sm:p-12\"><div className=\"mx-auto flex h-14 w-14 items-center justify-center rounded-2xl bg-lime-200 text-2xl text-green-950\">€</div><h1 className=\"mt-6 text-2xl font-semibold\">Start with your current cash</h1><p className=\"mx-auto mt-3 max-w-md text-stone-500\">{canCleanupDemo ? \"Synthetic demo records remain without an account. Remove them before starting with real data.\" : \"Add a real account balance, or load clearly synthetic data to explore the workflow first.\"}</p><div className=\"mt-7 flex flex-col justify-center gap-2 sm:flex-row\"><Button onClick={onAccount}>Add account</Button>{canCleanupDemo ? <Button secondary onClick={onCleanupDemo} disabled={busy}>Remove demo data</Button> : <Button secondary onClick={onDemo} disabled={busy}>{busy ? \"Loading…\" : \"Load synthetic demo\"}</Button>}</div></div>;\n}\n\nfunction Page({ title, subtitle, action, onAction, children }: { title: string; subtitle: string; action: string; onAction: () => void; children: ReactNode }) {\n  return <div><div className=\"mb-6 flex flex-col justify-between gap-4 sm:flex-row sm:items-end\"><div><h1 className=\"text-3xl font-semibold tracking-tight\">{title}</h1><p className=\"mt-2 text-sm text-stone-500\">{subtitle}</p></div><Button onClick={onAction}>{action}</Button></div>{children}</div>;\n}\n\nfunction ListRow({ title, meta, amount, inactive, onEdit, onDelete }: { title: string; meta: string; amount: number; inactive?: boolean; onEdit?: () => void; onDelete?: () => void }) {\n  return <div className={`flex items-center gap-3 py-4 ${inactive ? \"opacity-60\" : \"\"}`}><div className={`flex h-9 w-9 shrink-0 items-center justify-center rounded-full text-lg ${amount < 0 ? \"bg-orange-50 text-orange-700\" : \"bg-green-50 text-green-700\"}`}>{amount < 0 ? \"−\" : \"+\"}</div><div className=\"min-w-0 flex-1\"><p className=\"truncate font-medium\">{title}</p><p className=\"truncate text-xs text-stone-400\">{meta}</p></div><Amount cents={amount} /><div className=\"flex\"><button disabled={!onEdit} onClick={onEdit} className=\"px-2 py-1 text-xs text-stone-400 disabled:invisible\">Edit</button><button disabled={!onDelete} onClick={onDelete} className=\"px-2 py-1 text-xs text-stone-400 hover:text-red-700 disabled:invisible\">Delete</button></div></div>;\n}\n\nfunction Metric({ label, value, positive, negative }: { label: string; value: number; positive?: boolean; negative?: boolean }) {\n  return <div className=\"rounded-2xl border border-stone-200 bg-white p-4 sm:p-5\"><p className=\"text-xs font-medium text-stone-500 sm:text-sm\">{label}</p><p className={`mt-2 text-xl font-semibold sm:text-2xl ${positive ? \"text-green-700\" : negative ? \"text-orange-700\" : \"\"}`}>{money(value)}</p></div>;\n}\nfunction Card({ children, inactive }: { children: ReactNode; inactive?: boolean }) { return <div className={`rounded-2xl border border-stone-200 bg-white p-5 ${inactive ? \"opacity-60\" : \"\"}`}>{children}</div>; }\nfunction SectionTitle({ title, subtitle }: { title: string; subtitle?: string }) { return <div className=\"flex items-baseline justify-between gap-3\"><h2 className=\"font-semibold\">{title}</h2>{subtitle && <span className=\"text-xs text-stone-400\">{subtitle}</span>}</div>; }\nfunction SummaryRow({ label, cents, strong }: { label: string; cents: number; strong?: boolean }) { return <div className=\"flex items-center justify-between gap-3\"><span className={strong ? \"font-medium\" : \"text-sm text-stone-500\"}>{label}</span><span className={strong ? \"font-semibold\" : \"text-sm\"}>{money(cents)}</span></div>; }\nfunction Amount({ cents }: { cents: number }) { return <span className={`whitespace-nowrap font-semibold tabular-nums ${cents < 0 ? \"text-stone-800\" : \"text-green-700\"}`}>{cents > 0 ? \"+\" : \"\"}{money(cents)}</span>; }\nfunction DateBadge({ date }: { date: string }) { const parsed = new Date(`${date}T12:00:00Z`); return <div className=\"flex h-11 w-11 shrink-0 flex-col items-center justify-center rounded-xl bg-stone-100 leading-none\"><span className=\"text-[10px] font-semibold uppercase text-stone-400\">{parsed.toLocaleDateString(\"en\", { month: \"short\", timeZone: \"UTC\" })}</span><span className=\"mt-1 text-sm font-semibold\">{parsed.getUTCDate()}</span></div>; }\nfunction Badge({ children }: { children: ReactNode }) { return <span className=\"rounded-full bg-stone-100 px-2 py-1 text-[10px] font-medium uppercase tracking-wide text-stone-500\">{children}</span>; }\nfunction EmptyLine({ children }: { children: ReactNode }) { return <p className=\"py-8 text-center text-sm text-stone-400\">{children}</p>; }\nfunction Centered({ children }: { children: ReactNode }) { return <main className=\"flex min-h-screen items-center justify-center bg-stone-100 p-5\">{children}</main>; }\nfunction Spinner({ label }: { label: string }) { return <div className=\"text-center\"><div className=\"mx-auto h-8 w-8 animate-spin rounded-full border-2 border-stone-300 border-t-green-800\" /><p className=\"mt-4 text-sm text-stone-500\">{label}</p></div>; }\nfunction Brand() { return <div className=\"flex items-center gap-3\"><span className=\"flex h-9 w-9 items-center justify-center rounded-xl bg-green-950 font-semibold text-lime-200\">€</span><span className=\"font-semibold tracking-tight\">BudgetApp</span></div>; }\nfunction Logout({ compact }: { compact?: boolean }) { return <form method=\"POST\" action=\"/auth/logout\" className={compact ? \"mt-0\" : \"mt-6\"}><button className=\"rounded-lg border border-stone-200 px-3 py-2 text-sm text-stone-500 hover:bg-white\">Log out</button></form>; }\nfunction Button({ children, secondary, ...props }: ButtonHTMLAttributes<HTMLButtonElement> & { secondary?: boolean }) { return <button {...props} className={`rounded-xl px-4 py-2.5 text-sm font-medium transition-colors disabled:cursor-not-allowed disabled:opacity-50 ${secondary ? \"border border-stone-200 bg-white text-stone-700 hover:bg-stone-50\" : \"bg-green-900 text-white hover:bg-green-800\"}`}>{children}</button>; }\nfunction SmallButton({ children, primary, ...props }: ButtonHTMLAttributes<HTMLButtonElement> & { primary?: boolean }) { return <button {...props} className={`rounded-lg px-3 py-2 text-xs font-medium ${primary ? \"bg-green-900 text-white\" : \"bg-stone-100 text-stone-600 hover:bg-stone-200\"}`}>{children}</button>; }\nfunction Field({ label, children }: { label: string; children: ReactNode }) { return <label className=\"grid gap-1.5 text-sm font-medium text-stone-700\"><span>{label}</span>{children}</label>; }\nfunction MoneyField({ label, value, onInput, allowNegative }: { label: string; value: string; onInput: (event: FormEvent<Element>) => void; allowNegative?: boolean }) { return <Field label={label}><div className=\"relative\"><span className=\"absolute left-3 top-2.5 text-stone-400\">€</span><input inputMode=\"decimal\" required pattern={allowNegative ? \"-?[0-9]+([.,][0-9]{1,2})?\" : \"[0-9]+([.,][0-9]{1,2})?\"} placeholder=\"0.00\" value={value} onInput={onInput} className={`${inputClass} pl-8`} /></div></Field>; }\nfunction AccountSelect({ accounts, value, onChange, optional }: { accounts: Account[]; value: string; onChange: (event: FormEvent<Element>) => void; optional?: boolean }) { return <Field label={`Account${optional ? \" (optional)\" : \"\"}`}><select required={!optional} value={value} onChange={onChange} className={inputClass}>{optional && <option value=\"\">Choose when paid</option>}{accounts.filter((a) => a.isActive || a.id === value).map((account) => <option key={account.id} value={account.id}>{account.name}</option>)}</select></Field>; }\n\nconst inputClass = \"w-full box-border rounded-xl border border-stone-300 bg-white px-3 py-2.5 text-base outline-none focus:border-green-700 focus:ring-2 focus:ring-green-100\";\n\nfunction itemToForm(type: Exclude<NonNullable<Editor>[\"type\"], \"correction\" | \"reconciliation\">, item: Account | Transaction | PlannedTransaction | Reserve): Record<string, string | boolean> {\n  if (type === \"account\") { const a = item as Account; return { name: a.name, type: a.type, balance: euros(a.balanceCents), isActive: a.isActive }; }\n  if (type === \"transaction\") { const t = item as Transaction; return { description: t.description, kind: t.kind, amount: euros(Math.abs(t.amountCents)), date: t.date, accountId: t.accountId }; }\n  if (type === \"planned\") { const p = item as PlannedTransaction; return { description: p.description, kind: p.kind, amount: euros(p.amountCents), nextDate: p.nextDate, recurrence: p.recurrence, intervalCount: String(p.intervalCount), endDate: p.endDate ?? \"\", accountId: p.accountId ?? \"\", isActive: p.isActive }; }\n  const r = item as Reserve; return { name: r.name, funded: euros(r.fundedAmountCents), note: r.note, hasGoal: r.targetAmountCents != null, target: r.targetAmountCents == null ? \"\" : euros(r.targetAmountCents), targetDate: r.targetDate ?? \"\", isActive: r.isActive };\n}\n\nasync function api<T = unknown>(path: string, init?: RequestInit, requireOk = true): Promise<T> {\n  const response = await fetch(path, { ...init, headers: { \"Content-Type\": \"application/json\", \"X-BudgetApp-Request\": \"1\", ...(init?.headers ?? {}) } });\n  const body = response.status === 204 ? null : await response.json().catch(() => null);\n  if (requireOk && !response.ok) throw new Error(body?.error ?? `Request failed (${response.status})`);\n  return body as T;\n}\n\nfunction parseMoney(raw: string, allowNegative = false): number {\n  const normalized = raw.trim().replace(\",\", \".\");\n  if (!(allowNegative ? /^-?\\d+(?:\\.\\d{1,2})?$/ : /^\\d+(?:\\.\\d{1,2})?$/).test(normalized)) throw new Error(\"Enter a valid amount with at most two decimals\");\n  const negative = normalized.startsWith(\"-\");\n  const [whole, decimal = \"\"] = normalized.replace(\"-\", \"\").split(\".\");\n  const cents = Number(BigInt(whole) * 100n + BigInt(decimal.padEnd(2, \"0\")));\n  if (!Number.isSafeInteger(cents)) throw new Error(\"Amount is too large\");\n  return negative ? -cents : cents;\n}\nfunction money(cents: number): string { return new Intl.NumberFormat(\"en-IE\", { style: \"currency\", currency: \"EUR\" }).format(cents / 100); }\nfunction euros(cents: number): string { return `${cents < 0 ? \"-\" : \"\"}${Math.floor(Math.abs(cents) / 100)}.${String(Math.abs(cents) % 100).padStart(2, \"0\")}`; }\nfunction today(): string { return householdDate(); }\nfunction prettyDate(date: string): string { return new Date(`${date}T12:00:00Z`).toLocaleDateString(\"en-GB\", { day: \"numeric\", month: \"short\", year: \"numeric\", timeZone: \"UTC\" }); }\nfunction messageOf(error: unknown): string { return error instanceof Error ? error.message : \"Something went wrong\"; }\nfunction confirmed(message: string): boolean { return window.confirm(message); }\n","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useCallback, useEffect, useMemo, useState } from \"https://esm.sh/react@18.2.0\";\nimport type { ButtonHTMLAttributes, FormEvent, ReactNode } from \"https://esm.sh/react@18.2.0\";\nimport { canCleanupDemoData, DEMO_CLEANUP_CONFIRMATION, type Account, type AppData, type PlannedCompletion, type PlannedTransaction, type Reserve, type Transaction } from \"../../shared/types.ts\";\nimport { householdDate } from \"../../shared/finance.ts\";\n\ntype View = \"overview\" | \"activity\" | \"planned\" | \"reserves\" | \"accounts\";\ntype Editor =\n  | { type: \"account\"; item?: Account }\n  | { type: \"transaction\"; item?: Transaction }\n  | { type: \"planned\"; item?: PlannedTransaction }\n  | { type: \"reserve\"; item?: Reserve }\n  | { type: \"correction\"; item: PlannedCompletion }\n  | { type: \"reconciliation\"; item: Account }\n  | null;\n\ninterface Session {\n  authenticated: boolean;\n  authorized: boolean;\n  username?: string;\n}\n\nconst nav: { id: View; label: string }[] = [\n  { id: \"overview\", label: \"Overview\" },\n  { id: \"activity\", label: \"Activity\" },\n  { id: \"planned\", label: \"Planned\" },\n  { id: \"reserves\", label: \"Reserves\" },\n  { id: \"accounts\", label: \"Accounts\" },\n];\n\nexport function App() {\n  const [session, setSession] = useState<Session | null>(null);\n  const [data, setData] = useState<AppData | null>(null);\n  const [view, setView] = useState<View>(\"overview\");\n  const [editor, setEditor] = useState<Editor>(null);\n  const [busy, setBusy] = useState(false);\n  const [error, setError] = useState(\"\");\n\n  const load = useCallback(async () => {\n    const nextSession = await api<Session>(\"/api/session\", undefined, false);\n    setSession(nextSession);\n    if (nextSession.authorized) setData(await api<AppData>(\"/api/data\"));\n  }, []);\n\n  useEffect(() => {\n    load().catch((err) => setError(messageOf(err)));\n  }, [load]);\n\n  const mutate = useCallback(async (path: string, method: string, body?: unknown) => {\n    setBusy(true);\n    setError(\"\");\n    try {\n      await api(path, { method, body: body == null ? undefined : JSON.stringify(body) });\n      setEditor(null);\n      setData(await api<AppData>(\"/api/data\"));\n    } catch (err) {\n      setError(messageOf(err));\n      throw err;\n    } finally {\n      setBusy(false);\n    }\n  }, []);\n\n  const cleanupDemo = useCallback(() => {\n    const confirmation = window.prompt(`Type ${DEMO_CLEANUP_CONFIRMATION} exactly to permanently remove all synthetic demo data.`);\n    if (confirmation == null) return;\n    if (confirmation !== DEMO_CLEANUP_CONFIRMATION) {\n      setError(`Confirmation did not match ${DEMO_CLEANUP_CONFIRMATION}. Nothing was removed.`);\n      return;\n    }\n    void mutate(\"/api/demo\", \"DELETE\", { confirmation }).catch(() => undefined);\n  }, [mutate]);\n\n  if (!session) return <Centered><Spinner label=\"Opening your budget…\" /></Centered>;\n  if (!session.authenticated) {\n    return (\n      <Centered>\n        <div className=\"w-full max-w-sm rounded-3xl bg-white p-8 shadow-xl border border-stone-200\">\n          <Brand />\n          <h1 className=\"mt-10 text-3xl font-semibold tracking-tight\">Know what is safe to spend.</h1>\n          <p className=\"mt-3 text-stone-500 leading-relaxed\">A private household cash-flow view. Your data stays behind your Val Town account.</p>\n          <a href=\"/auth/login\" className=\"mt-8 block rounded-xl bg-green-900 px-5 py-3 text-center font-medium text-white hover:bg-green-800\">Log in with Val Town</a>\n        </div>\n      </Centered>\n    );\n  }\n  if (!session.authorized) {\n    return <Centered><div className=\"max-w-md text-center\"><Brand /><h1 className=\"mt-8 text-2xl font-semibold\">Account not authorized</h1><p className=\"mt-2 text-stone-500\">Signed in as {session.username}. Only the app owner and explicitly allowed family accounts can access this data.</p><Logout /></div></Centered>;\n  }\n  if (!data) return <Centered><Spinner label=\"Calculating cash flow…\" /></Centered>;\n\n  return (\n    <div className=\"min-h-screen bg-stone-50\">\n      <header className=\"sticky top-0 z-20 border-b border-stone-200 bg-stone-50 bg-opacity-95 backdrop-blur\">\n        <div className=\"mx-auto flex max-w-6xl items-center justify-between px-4 py-4 sm:px-6\">\n          <Brand />\n          <div className=\"flex items-center gap-3\">\n            <span className=\"hidden text-sm text-stone-500 sm:block\">{session.username}</span>\n            <Logout compact />\n          </div>\n        </div>\n        <nav className=\"mx-auto flex max-w-6xl gap-1 overflow-x-auto px-3 sm:px-5\" aria-label=\"Budget sections\">\n          {nav.map((item) => (\n            <button key={item.id} onClick={() => setView(item.id)} className={`whitespace-nowrap border-b-2 px-3 py-3 text-sm font-medium transition-colors ${view === item.id ? \"border-green-800 text-green-900\" : \"border-transparent text-stone-500 hover:text-stone-900\"}`}>\n              {item.label}\n            </button>\n          ))}\n        </nav>\n      </header>\n\n      <main className=\"mx-auto max-w-6xl px-4 py-6 pb-20 sm:px-6 sm:py-10\">\n        {error && <div role=\"alert\" className=\"mb-5 flex items-start justify-between gap-4 rounded-xl border border-red-200 bg-red-50 px-4 py-3 text-sm text-red-800\"><span>{error}</span><button onClick={() => setError(\"\")} aria-label=\"Dismiss\">×</button></div>}\n        {data.accounts.length === 0 ? (\n          <EmptyStart\n            busy={busy}\n            canCleanupDemo={canCleanupDemoData(data.demoDataState)}\n            onDemo={() => mutate(\"/api/demo\", \"POST\")}\n            onAccount={() => setEditor({ type: \"account\" })}\n            onCleanupDemo={cleanupDemo}\n          />\n        ) : view === \"overview\" ? (\n          <Overview\n            data={data}\n            onAddTransaction={() => setEditor({ type: \"transaction\" })}\n            onAddPlanned={() => setEditor({ type: \"planned\" })}\n            onCleanupDemo={cleanupDemo}\n          />\n        ) : view === \"activity\" ? (\n          <Activity data={data} onAdd={() => setEditor({ type: \"transaction\" })} onEdit={(item) => setEditor({ type: \"transaction\", item })} onDelete={(id) => confirmed(\"Delete this transaction and reverse its balance effect?\") && mutate(`/api/transactions/${id}`, \"DELETE\")} />\n        ) : view === \"planned\" ? (\n          <Planned data={data} onAdd={() => setEditor({ type: \"planned\" })} onEdit={(item) => setEditor({ type: \"planned\", item })} onComplete={(item) => mutate(`/api/planned/${item.id}/complete`, \"POST\", { date: today(), accountId: item.accountId ?? data.accounts[0]?.id })} onUndo={(item) => confirmed(\"Undo this completion and restore the unpaid occurrence?\") && mutate(`/api/planned-completions/${item.id}/undo`, \"POST\", { expectedEffectiveTransactionId: item.effectiveTransaction!.id })} onCorrect={(item) => setEditor({ type: \"correction\", item })} onDeactivate={(id) => confirmed(\"Deactivate this planned item while preserving its history?\") && mutate(`/api/planned/${id}/deactivate`, \"POST\")} onDelete={(id) => confirmed(\"Delete this planned item?\") && mutate(`/api/planned/${id}`, \"DELETE\")} />\n        ) : view === \"reserves\" ? (\n          <Reserves data={data} onAdd={() => setEditor({ type: \"reserve\" })} onEdit={(item) => setEditor({ type: \"reserve\", item })} onDelete={(id) => confirmed(\"Delete this reserve?\") && mutate(`/api/reserves/${id}`, \"DELETE\")} />\n        ) : (\n          <Accounts data={data} onAdd={() => setEditor({ type: \"account\" })} onEdit={(item) => setEditor({ type: \"account\", item })} onReconcile={(item) => setEditor({ type: \"reconciliation\", item })} onDelete={(id) => confirmed(\"Delete this empty account?\") && mutate(`/api/accounts/${id}`, \"DELETE\")} />\n        )}\n      </main>\n\n      {editor && (\n        <EditorModal editor={editor} data={data} busy={busy} onClose={() => setEditor(null)} onSave={async (payload) => {\n          const item = editor.item;\n          if (editor.type === \"correction\") {\n            await mutate(`/api/planned-completions/${editor.item.id}/correct`, \"POST\", {\n              ...(payload as Record<string, unknown>),\n              expectedEffectiveTransactionId: editor.item.effectiveTransaction!.id,\n            });\n            return;\n          }\n          if (editor.type === \"reconciliation\") {\n            await mutate(`/api/accounts/${editor.item.id}/reconcile`, \"POST\", payload);\n            return;\n          }\n          const base = editor.type === \"transaction\" ? \"/api/transactions\" : editor.type === \"planned\" ? \"/api/planned\" : editor.type === \"reserve\" ? \"/api/reserves\" : \"/api/accounts\";\n          await mutate(item ? `${base}/${item.id}` : base, item ? \"PUT\" : \"POST\", payload);\n        }} />\n      )}\n      <footer className=\"mx-auto max-w-6xl px-6 pb-8 text-center text-xs text-stone-400\"><a className=\"hover:text-stone-600\" href=\"/source\">View source</a></footer>\n    </div>\n  );\n}\n\nfunction Overview({ data, onAddTransaction, onAddPlanned, onCleanupDemo }: { data: AppData; onAddTransaction: () => void; onAddPlanned: () => void; onCleanupDemo: () => void }) {\n  const d = data.dashboard;\n  return (\n    <div>\n      {data.demoDataState === \"demo-only\" && (\n        <div className=\"mb-6 flex flex-col justify-between gap-3 rounded-2xl border border-amber-200 bg-amber-50 px-4 py-4 sm:flex-row sm:items-center\">\n          <div><p className=\"font-medium text-amber-950\">Synthetic demo data</p><p className=\"mt-1 text-sm text-amber-800\">This dataset contains demo records only. Cleanup permanently removes all of them.</p></div>\n          <Button secondary onClick={onCleanupDemo}>Remove demo data</Button>\n        </div>\n      )}\n      <div className=\"flex flex-col justify-between gap-4 sm:flex-row sm:items-end\">\n        <div><p className=\"text-sm font-medium text-stone-500\">HOUSEHOLD CASH FLOW</p><h1 className=\"mt-1 text-3xl font-semibold tracking-tight\">Your money this month</h1><p className=\"mt-2 text-sm text-stone-500\">As of {prettyDate(d.asOfDate)}</p></div>\n        <div className=\"flex gap-2\"><Button secondary onClick={onAddPlanned}>Plan ahead</Button><Button onClick={onAddTransaction}>Add transaction</Button></div>\n      </div>\n\n      <section className={`mt-7 overflow-hidden rounded-3xl p-6 text-white shadow-lg sm:p-8 ${d.safeToSpendCents < 0 ? \"bg-red-900\" : \"bg-green-950\"}`}>\n        <p className=\"text-sm font-medium uppercase tracking-widest text-green-100\">Safe to spend</p>\n        <p className=\"mt-3 text-5xl font-semibold tracking-tight sm:text-6xl\">{money(d.safeToSpendCents)}</p>\n        <p className=\"mt-4 max-w-2xl text-sm leading-relaxed text-green-100\">Cash now, plus expected income, minus unpaid commitments and protected reserves through {prettyDate(d.monthEnd)}.</p>\n      </section>\n\n      <section className=\"mt-5 grid grid-cols-2 gap-3 lg:grid-cols-4\">\n        <Metric label=\"Cash now\" value={d.currentCashCents} />\n        <Metric label=\"Spent this month\" value={d.spentThisMonthCents} />\n        <Metric label=\"Still coming in\" value={d.remainingIncomeCents} positive />\n        <Metric label=\"Still committed\" value={d.remainingExpensesCents} negative />\n      </section>\n\n      <div className=\"mt-7 grid gap-5 lg:grid-cols-3\">\n        <section className=\"rounded-2xl border border-stone-200 bg-white p-5 lg:col-span-2\">\n          <SectionTitle title=\"Upcoming this month\" subtitle={`${d.upcoming.length} expected item${d.upcoming.length === 1 ? \"\" : \"s\"}`} />\n          <div className=\"mt-4 divide-y divide-stone-100\">\n            {d.upcoming.length === 0 ? <EmptyLine>Nothing else is planned this month.</EmptyLine> : d.upcoming.slice(0, 8).map((item, index) => (\n              <div key={`${item.plannedTransactionId}-${item.date}-${index}`} className=\"flex items-center gap-3 py-3\">\n                <DateBadge date={item.date} />\n                <div className=\"min-w-0 flex-1\"><p className=\"truncate font-medium\">{item.description}</p><p className=\"text-xs text-stone-400\"><span className=\"capitalize\">{item.kind}</span>{item.linkedGoalCoverageCents > 0 ? ` · ${money(item.linkedGoalCoverageCents)} covered by ${item.linkedReserveName}` : \"\"}</p></div>\n                <Amount cents={item.kind === \"expense\" ? -item.amountCents : item.amountCents} />\n              </div>\n            ))}\n          </div>\n        </section>\n        <section className=\"rounded-2xl border border-stone-200 bg-white p-5\">\n          <SectionTitle title=\"Month-end view\" />\n          <div className=\"mt-5 space-y-4\">\n            <SummaryRow label=\"Projected balance\" cents={d.projectedMonthEndCents} strong />\n            <SummaryRow label=\"Already protected\" cents={-d.fundedReservesCents} />\n            {d.requiredGoalContributionsCents > 0 && <SummaryRow label=\"Still to protect for goals this month\" cents={-d.requiredGoalContributionsCents} />}\n            {d.linkedGoalCoverageCents > 0 && <SummaryRow label=\"Already counted in planned expenses\" cents={d.linkedGoalCoverageCents} />}\n            <div className=\"border-t border-stone-200 pt-4\"><SummaryRow label=\"Available after reserves\" cents={d.safeToSpendCents} strong /></div>\n          </div>\n        </section>\n      </div>\n    </div>\n  );\n}\n\nfunction Activity({ data, onAdd, onEdit, onDelete }: { data: AppData; onAdd: () => void; onEdit: (item: Transaction) => void; onDelete: (id: string) => void }) {\n  const accounts = useMemo(() => Object.fromEntries(data.accounts.map((a) => [a.id, a.name])), [data.accounts]);\n  return <Page title=\"Activity\" subtitle=\"Cleared income and expenses change account balances immediately.\" action=\"Add transaction\" onAction={onAdd}><div className=\"divide-y divide-stone-100 rounded-2xl border border-stone-200 bg-white px-4 sm:px-5\">{data.transactions.length === 0 ? <EmptyLine>No transactions yet.</EmptyLine> : data.transactions.map((item) => <ListRow key={item.id} title={item.description} meta={`${prettyDate(item.date)} · ${accounts[item.accountId] ?? \"Unknown account\"} · ${item.source}`} amount={item.amountCents} inactive={item.status === \"pending\"} onEdit={item.source === \"manual\" ? () => onEdit(item) : undefined} onDelete={item.source === \"manual\" ? () => onDelete(item.id) : undefined} />)}</div></Page>;\n}\n\nfunction Planned({ data, onAdd, onEdit, onComplete, onUndo, onCorrect, onDeactivate, onDelete }: { data: AppData; onAdd: () => void; onEdit: (item: PlannedTransaction) => void; onComplete: (item: PlannedTransaction) => void; onUndo: (item: PlannedCompletion) => void; onCorrect: (item: PlannedCompletion) => void; onDeactivate: (id: string) => void; onDelete: (id: string) => void }) {\n  const accounts = useMemo(() => Object.fromEntries(data.accounts.map((a) => [a.id, a.name])), [data.accounts]);\n  const linkedGoals = useMemo(() => Object.fromEntries(data.reserves.filter((reserve) => reserve.linkedPlannedTransactionId).map((reserve) => [reserve.linkedPlannedTransactionId!, reserve.name])), [data.reserves]);\n  return <Page title=\"Planned cash flow\" subtitle=\"Unpaid and overdue occurrences are included until you mark them complete.\" action=\"Add planned item\" onAction={onAdd}><div className=\"grid gap-3\">{data.plannedTransactions.length === 0 ? <Card><EmptyLine>No planned items yet.</EmptyLine></Card> : data.plannedTransactions.map((item) => { const hasHistory = data.plannedCompletions.some((completion) => completion.plannedTransactionId === item.id); return <div key={item.id} className={`rounded-2xl border bg-white p-4 sm:p-5 ${item.isActive ? \"border-stone-200\" : \"border-stone-100 opacity-60\"}`}><div className=\"flex items-start gap-4\"><DateBadge date={item.nextDate} /><div className=\"min-w-0 flex-1\"><div className=\"flex flex-wrap items-center gap-2\"><h3 className=\"font-semibold\">{item.description}</h3><Badge>{item.recurrence === \"once\" ? \"One-off\" : `Every ${item.intervalCount > 1 ? `${item.intervalCount} ` : \"\"}${item.recurrence.replace(\"ly\", \"\")}${item.intervalCount > 1 ? \"s\" : \"\"}`}</Badge>{linkedGoals[item.id] && <Badge>Linked to {linkedGoals[item.id]}</Badge>}{!item.isActive && <Badge>Inactive</Badge>}</div><p className=\"mt-1 text-sm text-stone-500\">Next: {prettyDate(item.nextDate)}</p></div><Amount cents={item.kind === \"expense\" ? -item.amountCents : item.amountCents} /></div><div className=\"mt-4 flex flex-wrap justify-end gap-2\"><SmallButton onClick={() => onEdit(item)}>Edit</SmallButton>{hasHistory ? item.isActive && <SmallButton onClick={() => onDeactivate(item.id)}>Deactivate</SmallButton> : <SmallButton onClick={() => onDelete(item.id)}>Delete</SmallButton>}{item.isActive && <SmallButton primary onClick={() => onComplete(item)}>Mark {item.kind === \"expense\" ? \"paid\" : \"received\"}</SmallButton>}</div></div>; })}</div>{data.plannedCompletions.length > 0 && <section className=\"mt-8\"><SectionTitle title=\"Completion history\" subtitle=\"Original records are retained for audit\" /><div className=\"mt-3 divide-y divide-stone-100 rounded-2xl border border-stone-200 bg-white px-4 sm:px-5\">{data.plannedCompletions.map((completion) => { const transaction = completion.effectiveTransaction; const original = completion.originalTransaction; return <div key={completion.id} className=\"flex flex-wrap items-center gap-3 py-4\"><div className=\"min-w-0 flex-1\"><p className=\"truncate font-medium\">{transaction?.description ?? original.description}</p><p className=\"truncate text-xs text-stone-400\">{completion.status} · due {prettyDate(completion.occurrenceDate)}{transaction ? ` · effective ${prettyDate(transaction.date)} · ${accounts[transaction.accountId] ?? \"Unknown account\"}` : \"\"}</p>{completion.status !== \"completed\" && <p className=\"mt-1 truncate text-xs text-stone-400\">Original: {prettyDate(original.date)} · {accounts[original.accountId] ?? \"Unknown account\"} · {money(original.amountCents)}</p>}</div>{transaction && <Amount cents={transaction.amountCents} />}{completion.adjustable && <div className=\"flex gap-1\"><SmallButton onClick={() => onCorrect(completion)}>Correct</SmallButton><SmallButton onClick={() => onUndo(completion)}>Undo</SmallButton></div>}</div>; })}</div></section>}</Page>;\n}\n\nfunction Reserves({ data, onAdd, onEdit, onDelete }: { data: AppData; onAdd: () => void; onEdit: (item: Reserve) => void; onDelete: (id: string) => void }) {\n  const planned = useMemo(() => Object.fromEntries(data.plannedTransactions.map((item) => [item.id, item])), [data.plannedTransactions]);\n  return <Page title=\"Protected reserves\" subtitle=\"Protect money now, or set a target and deadline to calculate this month's contribution.\" action=\"Add reserve\" onAction={onAdd}><div className=\"grid gap-3 sm:grid-cols-2\">{data.reserves.length === 0 ? <Card><EmptyLine>No reserves yet.</EmptyLine></Card> : data.reserves.map((item) => { const progress = item.targetAmountCents == null ? 0 : Math.min(100, item.fundedAmountCents / item.targetAmountCents * 100); const linked = item.linkedPlannedTransactionId ? planned[item.linkedPlannedTransactionId] : undefined; return <Card key={item.id} inactive={!item.isActive}><div className=\"flex items-start justify-between gap-4\"><div><h3 className=\"font-semibold\">{item.name}</h3><p className=\"mt-1 text-sm text-stone-500\">{item.note || \"Protected funds\"}</p>{linked && <p className=\"mt-1 text-xs text-stone-400\">Linked to {linked.description} · due {prettyDate(linked.nextDate)}{!linked.isActive ? \" · inactive\" : \"\"}</p>}</div><p className=\"text-xl font-semibold\">{money(item.fundedAmountCents)}</p></div>{item.targetAmountCents != null && item.targetDate && <div className=\"mt-4\"><div className=\"flex justify-between text-xs text-stone-500\"><span>{Math.floor(progress)}% funded</span><span>Goal {money(item.targetAmountCents)} by {prettyDate(item.targetDate)}</span></div><div className=\"mt-2 h-2 overflow-hidden rounded-full bg-stone-100\"><div className=\"h-full rounded-full bg-green-700\" style={{ width: `${progress}%` }} /></div><p className=\"mt-3 text-sm font-medium text-green-800\">{!item.isActive ? \"Inactive goal\" : item.requiredContributionCents > 0 ? `Still protect ${money(item.requiredContributionCents)} this month` : item.fundedAmountCents >= item.targetAmountCents ? \"Goal funded\" : \"This month's contribution is funded\"}</p></div>}<div className=\"mt-5 flex justify-end gap-2\"><SmallButton onClick={() => onEdit(item)}>Edit</SmallButton><SmallButton onClick={() => onDelete(item.id)}>Delete</SmallButton></div></Card>; })}</div></Page>;\n}\n\nfunction Accounts({ data, onAdd, onEdit, onReconcile, onDelete }: { data: AppData; onAdd: () => void; onEdit: (item: Account) => void; onReconcile: (item: Account) => void; onDelete: (id: string) => void }) {\n  const accounts = useMemo(() => Object.fromEntries(data.accounts.map((account) => [account.id, account.name])), [data.accounts]);\n  return <Page title=\"Accounts\" subtitle=\"Balances are current cleared amounts. Use reconciliation to align one with the bank.\" action=\"Add account\" onAction={onAdd}><div className=\"grid gap-3 sm:grid-cols-2 lg:grid-cols-3\">{data.accounts.map((item) => <Card key={item.id} inactive={!item.isActive}><p className=\"text-xs font-medium uppercase tracking-wider text-stone-400\">{item.type}</p><h3 className=\"mt-2 font-semibold\">{item.name}</h3><p className=\"mt-5 text-2xl font-semibold\">{money(item.balanceCents)}</p><div className=\"mt-5 flex justify-end gap-2\"><SmallButton onClick={() => onEdit(item)}>Edit</SmallButton>{item.isActive && <SmallButton primary onClick={() => onReconcile(item)}>Reconcile</SmallButton>}<SmallButton onClick={() => onDelete(item.id)}>Delete</SmallButton></div></Card>)}</div>{data.accountReconciliations.length > 0 && <section className=\"mt-8\"><SectionTitle title=\"Reconciliation history\" subtitle=\"Balance checkpoints retained for audit\" /><div className=\"mt-3 divide-y divide-stone-100 rounded-2xl border border-stone-200 bg-white px-4 sm:px-5\">{data.accountReconciliations.map((item) => <div key={item.id} className=\"flex flex-wrap items-center gap-3 py-4\"><div className=\"min-w-0 flex-1\"><p className=\"font-medium\">{accounts[item.accountId] ?? \"Unknown account\"}</p><p className=\"text-xs text-stone-400\">{prettyDate(item.date)} · {money(item.previousBalanceCents)} → {money(item.actualBalanceCents)}{item.note ? ` · ${item.note}` : \"\"}</p></div><Amount cents={item.differenceCents} /></div>)}</div></section>}</Page>;\n}\n\nfunction EditorModal({ editor, data, busy, onClose, onSave }: { editor: NonNullable<Editor>; data: AppData; busy: boolean; onClose: () => void; onSave: (payload: unknown) => Promise<void> }) {\n  const item = editor.item;\n  const baseDate = today();\n  const initial = editor.type === \"correction\" ? { amount: euros(Math.abs(editor.item.effectiveTransaction?.amountCents ?? 0)), date: editor.item.effectiveTransaction?.date ?? baseDate, accountId: editor.item.effectiveTransaction?.accountId ?? data.accounts[0]?.id ?? \"\" } : editor.type === \"reconciliation\" ? { actualBalance: euros(editor.item.balanceCents), date: baseDate, note: \"\" } : editor.item ? itemToForm(editor.type, editor.item) : editor.type === \"account\" ? { name: \"\", type: \"checking\", balance: \"0.00\", isActive: true } : editor.type === \"transaction\" ? { description: \"\", kind: \"expense\", amount: \"\", date: baseDate, accountId: data.accounts[0]?.id ?? \"\" } : editor.type === \"planned\" ? { description: \"\", kind: \"expense\", amount: \"\", nextDate: baseDate, recurrence: \"monthly\", intervalCount: \"1\", endDate: \"\", accountId: data.accounts[0]?.id ?? \"\", isActive: true } : { name: \"\", funded: \"\", note: \"\", hasGoal: false, target: \"\", targetDate: \"\", linkedPlannedTransactionId: \"\", isActive: true };\n  const [form, setForm] = useState<Record<string, string | boolean>>(initial);\n  const [formError, setFormError] = useState(\"\");\n  const reserveId = editor.type === \"reserve\" ? editor.item?.id : undefined;\n  const linkedElsewhere = new Set(data.reserves.filter((reserve) => reserve.id !== reserveId && reserve.linkedPlannedTransactionId).map((reserve) => reserve.linkedPlannedTransactionId));\n  const eligiblePlannedExpenses = data.plannedTransactions.filter((planned) =>\n    planned.kind === \"expense\" && planned.recurrence === \"once\" &&\n    ((planned.isActive && !linkedElsewhere.has(planned.id)) || planned.id === form.linkedPlannedTransactionId)\n  );\n  const set = (key: string) => (event: FormEvent<Element>) => {\n    const target = event.currentTarget as HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement;\n    setForm((current) => ({ ...current, [key]: target instanceof HTMLInputElement && target.type === \"checkbox\" ? target.checked : target.value }));\n  };\n  const submit = async (event: FormEvent<HTMLFormElement>) => {\n    event.preventDefault();\n    setFormError(\"\");\n    try {\n      const amountCents = editor.type === \"account\"\n        ? parseMoney(String(form.balance), true)\n        : editor.type === \"reconciliation\"\n        ? parseMoney(String(form.actualBalance), true)\n        : editor.type === \"reserve\"\n        ? parseMoney(String(form.funded))\n        : parseMoney(String(form.amount));\n      const payload = editor.type === \"correction\" ? { amountCents, date: form.date, accountId: form.accountId }\n        : editor.type === \"reconciliation\" ? { actualBalanceCents: amountCents, date: form.date, note: form.note }\n        : editor.type === \"account\" ? { name: form.name, type: form.type, balanceCents: amountCents, isActive: form.isActive ?? true }\n        : editor.type === \"transaction\" ? { description: form.description, kind: form.kind, amountCents, date: form.date, accountId: form.accountId }\n        : editor.type === \"planned\" ? { description: form.description, kind: form.kind, amountCents, nextDate: form.nextDate, recurrence: form.recurrence, intervalCount: Number(form.intervalCount), endDate: form.endDate || null, accountId: form.accountId || null, isActive: form.isActive ?? true }\n        : { name: form.name, fundedAmountCents: amountCents, targetAmountCents: form.hasGoal ? parseMoney(String(form.target)) : null, targetDate: form.hasGoal ? form.targetDate : null, linkedPlannedTransactionId: form.hasGoal ? form.linkedPlannedTransactionId || null : null, note: form.note, isActive: form.isActive ?? true };\n      await onSave(payload);\n    } catch (err) {\n      setFormError(messageOf(err));\n    }\n  };\n  const title = editor.type === \"correction\" ? \"Correct completion\" : editor.type === \"reconciliation\" ? `Reconcile ${editor.item.name}` : `${item ? \"Edit\" : \"Add\"} ${editor.type === \"planned\" ? \"planned item\" : editor.type}`;\n  return (\n    <div className=\"fixed inset-0 z-50 flex items-end justify-center bg-stone-950 bg-opacity-50 p-0 sm:items-center sm:p-6\" onMouseDown={(e) => e.target === e.currentTarget && onClose()}>\n      <div role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"editor-title\" className=\"max-h-screen w-full overflow-y-auto rounded-t-3xl bg-white p-5 shadow-2xl sm:max-w-lg sm:rounded-3xl sm:p-7\">\n        <div className=\"flex items-center justify-between\"><h2 id=\"editor-title\" className=\"text-xl font-semibold capitalize\">{title}</h2><button className=\"rounded-full p-2 text-xl text-stone-400 hover:bg-stone-100\" onClick={onClose} aria-label=\"Close\">×</button></div>\n        <form className=\"mt-6 grid gap-4\" onSubmit={submit}>\n          {editor.type === \"account\" && <><Field label=\"Account name\"><input required maxLength={80} value={String(form.name)} onInput={set(\"name\")} className={inputClass} /></Field><Field label=\"Account type\"><select value={String(form.type)} onChange={set(\"type\")} className={inputClass}><option value=\"checking\">Checking</option><option value=\"savings\">Savings</option><option value=\"cash\">Cash</option></select></Field>{!item && <MoneyField label=\"Current balance\" value={String(form.balance)} onInput={set(\"balance\")} allowNegative />}</>}\n          {editor.type === \"transaction\" && <><Field label=\"Description\"><input required maxLength={160} value={String(form.description)} onInput={set(\"description\")} className={inputClass} /></Field><div className=\"grid grid-cols-2 gap-3\"><Field label=\"Type\"><select value={String(form.kind)} onChange={set(\"kind\")} className={inputClass}><option value=\"expense\">Expense</option><option value=\"income\">Income</option></select></Field><MoneyField label=\"Amount\" value={String(form.amount)} onInput={set(\"amount\")} /></div><Field label=\"Date\"><input type=\"date\" required value={String(form.date)} onInput={set(\"date\")} className={inputClass} /></Field><AccountSelect accounts={data.accounts} value={String(form.accountId)} onChange={set(\"accountId\")} /></>}\n          {editor.type === \"planned\" && <><Field label=\"Description\"><input required maxLength={160} value={String(form.description)} onInput={set(\"description\")} className={inputClass} /></Field><div className=\"grid grid-cols-2 gap-3\"><Field label=\"Type\"><select value={String(form.kind)} onChange={set(\"kind\")} className={inputClass}><option value=\"expense\">Expense</option><option value=\"income\">Income</option></select></Field><MoneyField label=\"Amount\" value={String(form.amount)} onInput={set(\"amount\")} /></div><Field label=\"Next due date\"><input type=\"date\" required value={String(form.nextDate)} onInput={set(\"nextDate\")} className={inputClass} /></Field><div className=\"grid grid-cols-2 gap-3\"><Field label=\"Repeats\"><select value={String(form.recurrence)} onChange={set(\"recurrence\")} className={inputClass}><option value=\"once\">Once</option><option value=\"weekly\">Weekly</option><option value=\"monthly\">Monthly</option><option value=\"yearly\">Yearly</option></select></Field><Field label=\"Every\"><input type=\"number\" min=\"1\" max=\"99\" required value={String(form.intervalCount)} onInput={set(\"intervalCount\")} className={inputClass} /></Field></div><Field label=\"End date (optional)\"><input type=\"date\" value={String(form.endDate)} onInput={set(\"endDate\")} className={inputClass} /></Field><AccountSelect accounts={data.accounts} value={String(form.accountId)} onChange={set(\"accountId\")} optional /></>}\n          {editor.type === \"correction\" && <><MoneyField label=\"Correct amount\" value={String(form.amount)} onInput={set(\"amount\")} /><Field label=\"Correct date\"><input type=\"date\" required value={String(form.date)} onInput={set(\"date\")} className={inputClass} /></Field><AccountSelect accounts={data.accounts} value={String(form.accountId)} onChange={set(\"accountId\")} /></>}\n          {editor.type === \"reconciliation\" && <><p className=\"text-sm text-stone-500\">Current BudgetApp balance: <strong>{money(editor.item.balanceCents)}</strong></p><MoneyField label=\"Actual cleared balance\" value={String(form.actualBalance)} onInput={set(\"actualBalance\")} allowNegative /><Field label=\"Reconciliation date\"><input type=\"date\" required value={String(form.date)} onInput={set(\"date\")} className={inputClass} /></Field><Field label=\"Note (optional)\"><textarea maxLength={300} rows={3} value={String(form.note)} onInput={set(\"note\")} className={inputClass} /></Field></>}\n          {editor.type === \"reserve\" && <><Field label=\"Reserve name\"><input required maxLength={80} value={String(form.name)} onInput={set(\"name\")} className={inputClass} /></Field><MoneyField label=\"Already funded\" value={String(form.funded)} onInput={set(\"funded\")} /><label className=\"flex items-center gap-3 text-sm\"><input type=\"checkbox\" checked={Boolean(form.hasGoal)} onChange={set(\"hasGoal\")} className=\"h-4 w-4 accent-green-800\" /> Set a target and deadline</label>{form.hasGoal && <><div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2\"><MoneyField label=\"Target amount\" value={String(form.target)} onInput={set(\"target\")} /><Field label=\"Target date\"><input type=\"date\" required value={String(form.targetDate)} onInput={set(\"targetDate\")} className={inputClass} /></Field></div><Field label=\"Planned expense (optional)\"><select value={String(form.linkedPlannedTransactionId)} onChange={set(\"linkedPlannedTransactionId\")} className={inputClass}><option value=\"\">Do not link</option>{eligiblePlannedExpenses.map((planned) => <option key={planned.id} value={planned.id}>{planned.description} · {prettyDate(planned.nextDate)}{!planned.isActive ? \" · inactive\" : \"\"}</option>)}</select></Field><p className=\"-mt-2 text-xs text-stone-400\">Link one active, one-off expense so its goal funding is not deducted twice.</p></>}<Field label=\"Note (optional)\"><textarea maxLength={300} rows={3} value={String(form.note)} onInput={set(\"note\")} className={inputClass} /></Field></>}\n          {item && (editor.type === \"account\" || editor.type === \"planned\" || editor.type === \"reserve\") && <label className=\"flex items-center gap-3 text-sm\"><input type=\"checkbox\" checked={Boolean(form.isActive)} onChange={set(\"isActive\")} className=\"h-4 w-4 accent-green-800\" /> Active</label>}\n          {formError && <p className=\"text-sm text-red-700\">{formError}</p>}\n          <div className=\"mt-2 flex justify-end gap-2\"><Button secondary type=\"button\" onClick={onClose}>Cancel</Button><Button type=\"submit\" disabled={busy}>{busy ? \"Saving…\" : \"Save\"}</Button></div>\n        </form>\n      </div>\n    </div>\n  );\n}\n\nfunction EmptyStart({ busy, canCleanupDemo, onDemo, onAccount, onCleanupDemo }: { busy: boolean; canCleanupDemo: boolean; onDemo: () => void; onAccount: () => void; onCleanupDemo: () => void }) {\n  return <div className=\"mx-auto max-w-xl rounded-3xl border border-stone-200 bg-white p-7 text-center sm:p-12\"><div className=\"mx-auto flex h-14 w-14 items-center justify-center rounded-2xl bg-lime-200 text-2xl text-green-950\">€</div><h1 className=\"mt-6 text-2xl font-semibold\">Start with your current cash</h1><p className=\"mx-auto mt-3 max-w-md text-stone-500\">{canCleanupDemo ? \"Synthetic demo records remain without an account. Remove them before starting with real data.\" : \"Add a real account balance, or load clearly synthetic data to explore the workflow first.\"}</p><div className=\"mt-7 flex flex-col justify-center gap-2 sm:flex-row\"><Button onClick={onAccount}>Add account</Button>{canCleanupDemo ? <Button secondary onClick={onCleanupDemo} disabled={busy}>Remove demo data</Button> : <Button secondary onClick={onDemo} disabled={busy}>{busy ? \"Loading…\" : \"Load synthetic demo\"}</Button>}</div></div>;\n}\n\nfunction Page({ title, subtitle, action, onAction, children }: { title: string; subtitle: string; action: string; onAction: () => void; children: ReactNode }) {\n  return <div><div className=\"mb-6 flex flex-col justify-between gap-4 sm:flex-row sm:items-end\"><div><h1 className=\"text-3xl font-semibold tracking-tight\">{title}</h1><p className=\"mt-2 text-sm text-stone-500\">{subtitle}</p></div><Button onClick={onAction}>{action}</Button></div>{children}</div>;\n}\n\nfunction ListRow({ title, meta, amount, inactive, onEdit, onDelete }: { title: string; meta: string; amount: number; inactive?: boolean; onEdit?: () => void; onDelete?: () => void }) {\n  return <div className={`flex items-center gap-3 py-4 ${inactive ? \"opacity-60\" : \"\"}`}><div className={`flex h-9 w-9 shrink-0 items-center justify-center rounded-full text-lg ${amount < 0 ? \"bg-orange-50 text-orange-700\" : \"bg-green-50 text-green-700\"}`}>{amount < 0 ? \"−\" : \"+\"}</div><div className=\"min-w-0 flex-1\"><p className=\"truncate font-medium\">{title}</p><p className=\"truncate text-xs text-stone-400\">{meta}</p></div><Amount cents={amount} /><div className=\"flex\"><button disabled={!onEdit} onClick={onEdit} className=\"px-2 py-1 text-xs text-stone-400 disabled:invisible\">Edit</button><button disabled={!onDelete} onClick={onDelete} className=\"px-2 py-1 text-xs text-stone-400 hover:text-red-700 disabled:invisible\">Delete</button></div></div>;\n}\n\nfunction Metric({ label, value, positive, negative }: { label: string; value: number; positive?: boolean; negative?: boolean }) {\n  return <div className=\"rounded-2xl border border-stone-200 bg-white p-4 sm:p-5\"><p className=\"text-xs font-medium text-stone-500 sm:text-sm\">{label}</p><p className={`mt-2 text-xl font-semibold sm:text-2xl ${positive ? \"text-green-700\" : negative ? \"text-orange-700\" : \"\"}`}>{money(value)}</p></div>;\n}\nfunction Card({ children, inactive }: { children: ReactNode; inactive?: boolean }) { return <div className={`rounded-2xl border border-stone-200 bg-white p-5 ${inactive ? \"opacity-60\" : \"\"}`}>{children}</div>; }\nfunction SectionTitle({ title, subtitle }: { title: string; subtitle?: string }) { return <div className=\"flex items-baseline justify-between gap-3\"><h2 className=\"font-semibold\">{title}</h2>{subtitle && <span className=\"text-xs text-stone-400\">{subtitle}</span>}</div>; }\nfunction SummaryRow({ label, cents, strong }: { label: string; cents: number; strong?: boolean }) { return <div className=\"flex items-center justify-between gap-3\"><span className={strong ? \"font-medium\" : \"text-sm text-stone-500\"}>{label}</span><span className={strong ? \"font-semibold\" : \"text-sm\"}>{money(cents)}</span></div>; }\nfunction Amount({ cents }: { cents: number }) { return <span className={`whitespace-nowrap font-semibold tabular-nums ${cents < 0 ? \"text-stone-800\" : \"text-green-700\"}`}>{cents > 0 ? \"+\" : \"\"}{money(cents)}</span>; }\nfunction DateBadge({ date }: { date: string }) { const parsed = new Date(`${date}T12:00:00Z`); return <div className=\"flex h-11 w-11 shrink-0 flex-col items-center justify-center rounded-xl bg-stone-100 leading-none\"><span className=\"text-[10px] font-semibold uppercase text-stone-400\">{parsed.toLocaleDateString(\"en\", { month: \"short\", timeZone: \"UTC\" })}</span><span className=\"mt-1 text-sm font-semibold\">{parsed.getUTCDate()}</span></div>; }\nfunction Badge({ children }: { children: ReactNode }) { return <span className=\"rounded-full bg-stone-100 px-2 py-1 text-[10px] font-medium uppercase tracking-wide text-stone-500\">{children}</span>; }\nfunction EmptyLine({ children }: { children: ReactNode }) { return <p className=\"py-8 text-center text-sm text-stone-400\">{children}</p>; }\nfunction Centered({ children }: { children: ReactNode }) { return <main className=\"flex min-h-screen items-center justify-center bg-stone-100 p-5\">{children}</main>; }\nfunction Spinner({ label }: { label: string }) { return <div className=\"text-center\"><div className=\"mx-auto h-8 w-8 animate-spin rounded-full border-2 border-stone-300 border-t-green-800\" /><p className=\"mt-4 text-sm text-stone-500\">{label}</p></div>; }\nfunction Brand() { return <div className=\"flex items-center gap-3\"><span className=\"flex h-9 w-9 items-center justify-center rounded-xl bg-green-950 font-semibold text-lime-200\">€</span><span className=\"font-semibold tracking-tight\">BudgetApp</span></div>; }\nfunction Logout({ compact }: { compact?: boolean }) { return <form method=\"POST\" action=\"/auth/logout\" className={compact ? \"mt-0\" : \"mt-6\"}><button className=\"rounded-lg border border-stone-200 px-3 py-2 text-sm text-stone-500 hover:bg-white\">Log out</button></form>; }\nfunction Button({ children, secondary, ...props }: ButtonHTMLAttributes<HTMLButtonElement> & { secondary?: boolean }) { return <button {...props} className={`rounded-xl px-4 py-2.5 text-sm font-medium transition-colors disabled:cursor-not-allowed disabled:opacity-50 ${secondary ? \"border border-stone-200 bg-white text-stone-700 hover:bg-stone-50\" : \"bg-green-900 text-white hover:bg-green-800\"}`}>{children}</button>; }\nfunction SmallButton({ children, primary, ...props }: ButtonHTMLAttributes<HTMLButtonElement> & { primary?: boolean }) { return <button {...props} className={`rounded-lg px-3 py-2 text-xs font-medium ${primary ? \"bg-green-900 text-white\" : \"bg-stone-100 text-stone-600 hover:bg-stone-200\"}`}>{children}</button>; }\nfunction Field({ label, children }: { label: string; children: ReactNode }) { return <label className=\"grid gap-1.5 text-sm font-medium text-stone-700\"><span>{label}</span>{children}</label>; }\nfunction MoneyField({ label, value, onInput, allowNegative }: { label: string; value: string; onInput: (event: FormEvent<Element>) => void; allowNegative?: boolean }) { return <Field label={label}><div className=\"relative\"><span className=\"absolute left-3 top-2.5 text-stone-400\">€</span><input inputMode=\"decimal\" required pattern={allowNegative ? \"-?[0-9]+([.,][0-9]{1,2})?\" : \"[0-9]+([.,][0-9]{1,2})?\"} placeholder=\"0.00\" value={value} onInput={onInput} className={`${inputClass} pl-8`} /></div></Field>; }\nfunction AccountSelect({ accounts, value, onChange, optional }: { accounts: Account[]; value: string; onChange: (event: FormEvent<Element>) => void; optional?: boolean }) { return <Field label={`Account${optional ? \" (optional)\" : \"\"}`}><select required={!optional} value={value} onChange={onChange} className={inputClass}>{optional && <option value=\"\">Choose when paid</option>}{accounts.filter((a) => a.isActive || a.id === value).map((account) => <option key={account.id} value={account.id}>{account.name}</option>)}</select></Field>; }\n\nconst inputClass = \"w-full box-border rounded-xl border border-stone-300 bg-white px-3 py-2.5 text-base outline-none focus:border-green-700 focus:ring-2 focus:ring-green-100\";\n\nfunction itemToForm(type: Exclude<NonNullable<Editor>[\"type\"], \"correction\" | \"reconciliation\">, item: Account | Transaction | PlannedTransaction | Reserve): Record<string, string | boolean> {\n  if (type === \"account\") { const a = item as Account; return { name: a.name, type: a.type, balance: euros(a.balanceCents), isActive: a.isActive }; }\n  if (type === \"transaction\") { const t = item as Transaction; return { description: t.description, kind: t.kind, amount: euros(Math.abs(t.amountCents)), date: t.date, accountId: t.accountId }; }\n  if (type === \"planned\") { const p = item as PlannedTransaction; return { description: p.description, kind: p.kind, amount: euros(p.amountCents), nextDate: p.nextDate, recurrence: p.recurrence, intervalCount: String(p.intervalCount), endDate: p.endDate ?? \"\", accountId: p.accountId ?? \"\", isActive: p.isActive }; }\n  const r = item as Reserve; return { name: r.name, funded: euros(r.fundedAmountCents), note: r.note, hasGoal: r.targetAmountCents != null, target: r.targetAmountCents == null ? \"\" : euros(r.targetAmountCents), targetDate: r.targetDate ?? \"\", linkedPlannedTransactionId: r.linkedPlannedTransactionId ?? \"\", isActive: r.isActive };\n}\n\nasync function api<T = unknown>(path: string, init?: RequestInit, requireOk = true): Promise<T> {\n  const response = await fetch(path, { ...init, headers: { \"Content-Type\": \"application/json\", \"X-BudgetApp-Request\": \"1\", ...(init?.headers ?? {}) } });\n  const body = response.status === 204 ? null : await response.json().catch(() => null);\n  if (requireOk && !response.ok) throw new Error(body?.error ?? `Request failed (${response.status})`);\n  return body as T;\n}\n\nfunction parseMoney(raw: string, allowNegative = false): number {\n  const normalized = raw.trim().replace(\",\", \".\");\n  if (!(allowNegative ? /^-?\\d+(?:\\.\\d{1,2})?$/ : /^\\d+(?:\\.\\d{1,2})?$/).test(normalized)) throw new Error(\"Enter a valid amount with at most two decimals\");\n  const negative = normalized.startsWith(\"-\");\n  const [whole, decimal = \"\"] = normalized.replace(\"-\", \"\").split(\".\");\n  const cents = Number(BigInt(whole) * 100n + BigInt(decimal.padEnd(2, \"0\")));\n  if (!Number.isSafeInteger(cents)) throw new Error(\"Amount is too large\");\n  return negative ? -cents : cents;\n}\nfunction money(cents: number): string { return new Intl.NumberFormat(\"en-IE\", { style: \"currency\", currency: \"EUR\" }).format(cents / 100); }\nfunction euros(cents: number): string { return `${cents < 0 ? \"-\" : \"\"}${Math.floor(Math.abs(cents) / 100)}.${String(Math.abs(cents) % 100).padStart(2, \"0\")}`; }\nfunction today(): string { return householdDate(); }\nfunction prettyDate(date: string): string { return new Date(`${date}T12:00:00Z`).toLocaleDateString(\"en-GB\", { day: \"numeric\", month: \"short\", year: \"numeric\", timeZone: \"UTC\" }); }\nfunction messageOf(error: unknown): string { return error instanceof Error ? error.message : \"Something went wrong\"; }\nfunction confirmed(message: string): boolean { return window.confirm(message); }\n","createdAt",["D",1789567272489],"branchVersion","branchId","037d44a6-73d2-4260-bb85-513aa40dbefe","id","bc270bf3-6831-493b-a6bf-e8bca9c639c8","budget-app",["D",1789257041201],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","","imageUrl","019bc8c8-8bb9-72ff-96b5-3323d5278042","pinnedFileId","c47a5506-af04-11f1-b536-1607ee4eb77e","pinPreview",true,"pinMigrated","screenshotVersion","likeCount",0,"orgId","019bc8c8-8bba-72f3-b7c5-f4447a4e9cc4","tursoName","bc270bf36831493ba6bfe8bca9c639c8","tursoHostname","bc270bf36831493ba6bfe8bca9c639c8-val-town.aws-us-east-2.turso.io","tursoMeasuredAt",["D",1789545036283],"pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_101":100,"_108":104},"org",{"_101":100,"_102":-5,"_103":104,"_18":56,"_105":106,"_107":25},"branch",{"_13":90,"_32":91,"_44":43,"_92":45,"_93":-5,"_94":-5,"_95":-5,"_96":-5,"_97":-5,"_98":46,"_99":100},"isOwned",69,"main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","lehmann","handle","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18zOE1CeERUd200ZFR6UURGWVJMalVQejNuWDMifQ","tier","free","canRestrictVals","profileImageUrl","branchName","adoptOrgId",{"_44":45,"_32":46,"_39":347,"_48":-5,"_49":25,"_50":51,"_52":51,"_53":54,"_55":-5,"_18":56,"_57":58,"_59":60,"_61":-5,"_62":-5,"_63":64,"_65":66,"_67":68,"_69":70,"_71":348,"_73":-5,"_74":75,"_76":75,"_77":78,"_79":78,"_80":78,"_81":75,"_82":75,"_83":349,"_85":350,"_87":351,"_89":25},"tree",[190,196,205,208,209,210],"files",[190,191,192,193,194,195,196,197,198,199,200,201,202,203,204,205,206,207,208,209,210],"counts",{"_180":64,"_181":152,"_182":64,"_183":184,"_185":186},"contents",[130,131,132,133,134,135],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_44":174,"_32":175,"_30":176,"_138":-5,"_42":43,"_41":177,"_140":60,"_39":178,"_13":64,"_34":166,"_36":-5,"_24":25,"_145":-5,"_27":179},{"_44":168,"_32":169,"_30":170,"_138":-5,"_42":43,"_41":171,"_140":60,"_39":172,"_13":64,"_34":166,"_36":-5,"_24":25,"_145":-5,"_27":173},{"_44":162,"_32":163,"_30":164,"_138":-5,"_42":43,"_41":152,"_140":60,"_39":165,"_13":64,"_34":166,"_36":-5,"_24":25,"_145":-5,"_27":167},{"_44":155,"_32":156,"_30":157,"_138":-5,"_42":43,"_41":158,"_140":60,"_39":159,"_13":152,"_34":20,"_36":160,"_24":25,"_145":-5,"_27":161},{"_44":147,"_32":148,"_30":149,"_138":-5,"_42":43,"_41":150,"_140":60,"_39":151,"_13":152,"_34":20,"_36":153,"_24":25,"_145":-5,"_27":154},{"_44":136,"_32":137,"_30":58,"_138":-5,"_42":43,"_41":139,"_140":25,"_39":141,"_13":142,"_34":143,"_36":144,"_24":25,"_145":-5,"_27":146},"3e3fe688-4267-4d9c-beae-2c499ba19566","index.http.ts","parentId",59,"latest",["D",1789565468909],7,"http","// Val Town infers the HTTP trigger from the `.http.ts` filename.\nimport { Hono } from \"npm:hono@4.13.7\";\nimport { getOAuthUserData, oauthMiddleware } from \"https://esm.town/v/std/oauth/middleware.ts\";\nimport { parseVal, serveImmutableFile } from \"https://esm.town/v/std/utils/index.ts\";\nimport { assertDateOnly, householdDate } from \"./shared/finance.ts\";\nimport { Root } from \"./frontend/root.tsx\";\nimport {\n  completePlanned,\n  cleanupDemoData,\n  correctPlannedCompletion,\n  createAccount,\n  createPlanned,\n  createReserve,\n  createTransaction,\n  deleteAccount,\n  deletePlanned,\n  deleteReserve,\n  deleteTransaction,\n  deactivatePlanned,\n  getAppData,\n  reconcileAccount,\n  seedDemoData,\n  updateAccount,\n  updatePlanned,\n  updateReserve,\n  updateTransaction,\n  undoPlannedCompletion,\n} from \"./server/repository.ts\";\nimport { DEMO_CLEANUP_CONFIRMATION } from \"./shared/types.ts\";\nimport {\n  booleanField,\n  centsField,\n  dateField,\n  enumField,\n  exactStringField,\n  integerField,\n  objectBody,\n  optionalString,\n  signedCentsField,\n  stringField,\n  uuidField,\n  ValidationError,\n} from \"./server/validation.ts\";\n\nconst app = new Hono();\n\napp.get(\"/\", (c) => c.html(Root()));\napp.get(\"/__immutable/*\", (c) => serveImmutableFile(c.req.path));\napp.get(\"/source\", (c) => c.redirect(parseVal(import.meta.url).links.self.val));\n\napp.get(\"/api/session\", async (c) => {\n  const session = await getOAuthUserData(c.req.raw);\n  if (!session?.user) return c.json({ authenticated: false, authorized: false });\n  return c.json({\n    authenticated: true,\n    authorized: isAuthorized(session.user.username),\n    username: session.user.username,\n  });\n});\n\napp.use(\"/api/*\", async (c, next) => {\n  const session = await getOAuthUserData(c.req.raw);\n  if (!session?.user) return c.json({ error: \"Authentication required\" }, 401);\n  if (!isAuthorized(session.user.username)) return c.json({ error: \"This Val Town account is not allowed\" }, 403);\n  if (![\"GET\", \"HEAD\", \"OPTIONS\"].includes(c.req.method)) {\n    const origin = c.req.header(\"Origin\");\n    const expectedOrigin = new URL(c.req.url).origin;\n    if (origin !== expectedOrigin || c.req.header(\"X-BudgetApp-Request\") !== \"1\") {\n      return c.json({ error: \"Invalid request origin\" }, 403);\n    }\n  }\n  await next();\n});\n\napp.get(\"/api/data\", async (c) => {\n  const asOf = c.req.query(\"asOf\") || householdDate();\n  assertDateOnly(asOf);\n  return c.json(await getAppData(asOf));\n});\n\napp.post(\"/api/accounts\", async (c) => {\n  const body = await readBody(c.req.raw);\n  await createAccount({\n    name: stringField(body, \"name\", 80),\n    type: enumField(body, \"type\", [\"checking\", \"savings\", \"cash\"] as const),\n    balanceCents: signedCentsField(body, \"balanceCents\"),\n  });\n  return c.json({ ok: true }, 201);\n});\n\napp.put(\"/api/accounts/:id\", async (c) => {\n  const body = await readBody(c.req.raw);\n  await updateAccount(safeId(c.req.param(\"id\")), {\n    name: stringField(body, \"name\", 80),\n    type: enumField(body, \"type\", [\"checking\", \"savings\", \"cash\"] as const),\n    isActive: booleanField(body, \"isActive\", true),\n  });\n  return c.json({ ok: true });\n});\n\napp.post(\"/api/accounts/:id/reconcile\", async (c) => {\n  const body = await readBody(c.req.raw);\n  await reconcileAccount(safeId(c.req.param(\"id\")), {\n    actualBalanceCents: signedCentsField(body, \"actualBalanceCents\"),\n    date: dateField(body, \"date\"),\n    note: optionalString(body, \"note\", 300) ?? \"\",\n  });\n  return c.json({ ok: true }, 201);\n});\n\napp.delete(\"/api/accounts/:id\", async (c) => {\n  await deleteAccount(safeId(c.req.param(\"id\")));\n  return c.body(null, 204);\n});\n\napp.post(\"/api/transactions\", async (c) => {\n  const body = await readBody(c.req.raw);\n  await createTransaction({\n    accountId: safeId(stringField(body, \"accountId\", 64)),\n    date: dateField(body, \"date\"),\n    amountCents: centsField(body),\n    description: stringField(body, \"description\", 160),\n    kind: enumField(body, \"kind\", [\"income\", \"expense\"] as const),\n  });\n  return c.json({ ok: true }, 201);\n});\n\napp.put(\"/api/transactions/:id\", async (c) => {\n  const body = await readBody(c.req.raw);\n  await updateTransaction(safeId(c.req.param(\"id\")), {\n    accountId: safeId(stringField(body, \"accountId\", 64)),\n    date: dateField(body, \"date\"),\n    amountCents: centsField(body),\n    description: stringField(body, \"description\", 160),\n    kind: enumField(body, \"kind\", [\"income\", \"expense\"] as const),\n  });\n  return c.json({ ok: true });\n});\n\napp.delete(\"/api/transactions/:id\", async (c) => {\n  await deleteTransaction(safeId(c.req.param(\"id\")));\n  return c.body(null, 204);\n});\n\napp.post(\"/api/planned\", async (c) => {\n  const body = await readBody(c.req.raw);\n  await createPlanned(plannedInput(body));\n  return c.json({ ok: true }, 201);\n});\n\napp.put(\"/api/planned/:id\", async (c) => {\n  await updatePlanned(safeId(c.req.param(\"id\")), plannedInput(await readBody(c.req.raw)));\n  return c.json({ ok: true });\n});\n\napp.post(\"/api/planned/:id/complete\", async (c) => {\n  const body = await readBody(c.req.raw);\n  const accountId = optionalString(body, \"accountId\", 64);\n  await completePlanned(\n    safeId(c.req.param(\"id\")),\n    dateField(body, \"date\"),\n    accountId ? safeId(accountId) : null,\n  );\n  return c.json({ ok: true });\n});\n\napp.post(\"/api/planned-completions/:id/undo\", async (c) => {\n  const body = await readBody(c.req.raw);\n  await undoPlannedCompletion(\n    safeId(c.req.param(\"id\")),\n    safeId(stringField(body, \"expectedEffectiveTransactionId\", 64)),\n  );\n  return c.json({ ok: true });\n});\n\napp.post(\"/api/planned-completions/:id/correct\", async (c) => {\n  const body = await readBody(c.req.raw);\n  await correctPlannedCompletion(safeId(c.req.param(\"id\")), {\n    accountId: safeId(stringField(body, \"accountId\", 64)),\n    date: dateField(body, \"date\"),\n    amountCents: centsField(body),\n    expectedEffectiveTransactionId: safeId(stringField(body, \"expectedEffectiveTransactionId\", 64)),\n  });\n  return c.json({ ok: true });\n});\n\napp.post(\"/api/planned/:id/deactivate\", async (c) => {\n  await deactivatePlanned(safeId(c.req.param(\"id\")));\n  return c.json({ ok: true });\n});\n\napp.delete(\"/api/planned/:id\", async (c) => {\n  await deletePlanned(safeId(c.req.param(\"id\")));\n  return c.body(null, 204);\n});\n\napp.post(\"/api/reserves\", async (c) => {\n  const body = await readBody(c.req.raw);\n  await createReserve(reserveInput(body));\n  return c.json({ ok: true }, 201);\n});\n\napp.put(\"/api/reserves/:id\", async (c) => {\n  const body = await readBody(c.req.raw);\n  await updateReserve(safeId(c.req.param(\"id\")), {\n    ...reserveInput(body),\n    isActive: booleanField(body, \"isActive\", true),\n  });\n  return c.json({ ok: true });\n});\n\napp.delete(\"/api/reserves/:id\", async (c) => {\n  await deleteReserve(safeId(c.req.param(\"id\")));\n  return c.body(null, 204);\n});\n\napp.post(\"/api/demo\", async (c) => c.json({ seeded: await seedDemoData() }));\n\napp.delete(\"/api/demo\", async (c) => {\n  const body = await readBody(c.req.raw);\n  const confirmation = exactStringField(body, \"confirmation\", DEMO_CLEANUP_CONFIRMATION.length);\n  return c.json({ cleaned: await cleanupDemoData(confirmation) });\n});\n\napp.notFound((c) => c.json({ error: \"Not found\" }, 404));\napp.onError((error, c) => {\n  const status = Number((error as Error & { status?: number }).status) ||\n    (/constraint/i.test(error.message) ? 409 : error instanceof SyntaxError ? 400 : 500);\n  if (status >= 500) console.error(\"BudgetApp request failed\", error.name, error.message);\n  return c.json({ error: status >= 500 ? \"Unexpected server error\" : error.message }, status as 400);\n});\n\nfunction isAuthorized(username: string | null): boolean {\n  if (!username) return false;\n  const owner = parseVal(import.meta.url).username.toLowerCase();\n  const extras = (Deno.env.get(\"BUDGET_APP_ALLOWED_USERS\") ?? \"\")\n    .split(\",\")\n    .map((value) => value.trim().toLowerCase())\n    .filter(Boolean);\n  return username.toLowerCase() === owner || extras.includes(username.toLowerCase());\n}\n\nasync function readBody(request: Request): Promise<Record<string, unknown>> {\n  const length = Number(request.headers.get(\"content-length\") ?? 0);\n  if (length > 32_000) throw Object.assign(new Error(\"Request body is too large\"), { status: 413 });\n  return objectBody(await request.json());\n}\n\nfunction safeId(value: string): string {\n  return uuidField(value);\n}\n\nfunction plannedInput(body: Record<string, unknown>) {\n  const accountId = optionalString(body, \"accountId\", 64);\n  const nextDate = dateField(body, \"nextDate\");\n  const endDate = optionalString(body, \"endDate\", 10);\n  if (endDate) {\n    try {\n      assertDateOnly(endDate);\n    } catch (error) {\n      throw new ValidationError(error instanceof Error ? error.message : \"endDate is invalid\");\n    }\n    if (endDate < nextDate) throw new ValidationError(\"endDate cannot be before nextDate\");\n  }\n  return {\n    accountId: accountId ? safeId(accountId) : null,\n    description: stringField(body, \"description\", 160),\n    kind: enumField(body, \"kind\", [\"income\", \"expense\"] as const),\n    amountCents: centsField(body),\n    recurrence: enumField(body, \"recurrence\", [\"once\", \"weekly\", \"monthly\", \"yearly\"] as const),\n    intervalCount: integerField(body, \"intervalCount\"),\n    nextDate,\n    endDate,\n    isActive: booleanField(body, \"isActive\", true),\n  };\n}\n\nfunction reserveInput(body: Record<string, unknown>) {\n  const targetAmount = body.targetAmountCents;\n  const targetDate = body.targetDate;\n  const hasTargetAmount = targetAmount != null;\n  const hasTargetDate = targetDate != null && targetDate !== \"\";\n  if (hasTargetAmount !== hasTargetDate) {\n    throw new ValidationError(\"targetAmountCents and targetDate must be provided together\");\n  }\n  return {\n    name: stringField(body, \"name\", 80),\n    // Continue accepting the original field so existing API clients can keep\n    // creating simple reserves after the database field gains goal semantics.\n    fundedAmountCents: body.fundedAmountCents == null && body.amountCents != null\n      ? centsField(body, \"amountCents\", true)\n      : centsField(body, \"fundedAmountCents\", true),\n    targetAmountCents: hasTargetAmount ? centsField(body, \"targetAmountCents\") : null,\n    targetDate: hasTargetDate ? dateField(body, \"targetDate\") : null,\n    note: optionalString(body, \"note\", 300) ?? \"\",\n  };\n}\n\nexport default oauthMiddleware(app.fetch);\n","label",[137],"239448e8-060b-40bd-b861-76e6e3429268","deno.json","c4748054-af04-11f1-9abb-1607ee4eb77e",32,["D",1789259984492],1,"{\n  \"nodeModulesDir\": \"auto\",\n  \"compilerOptions\": {\n    \"strict\": true,\n    \"noImplicitOverride\": true\n  },\n  \"imports\": {\n    \"hono\": \"npm:hono@4.13.7\"\n  },\n  \"exclude\": [\"node_modules\", \"tests\"]\n}\n",[148],"d927bf8f-079f-4da8-aa1e-3549a8149d4f",".vtignore","c498fea2-af04-11f1-9d2b-1607ee4eb77e",23,["D",1789257283542],".git/\n.github/\n.gitignore\nnode_modules/\ntests/\ntypes/\npackage-lock.json\npackage.json\ntsconfig.json\ndeno.lock\ndocs/\nREADME.md\nROADMAP.md\n.env*\n",[156],"65021267-97d2-46c5-a1f1-8e3430d2e5b8","shared","c42952fa-af04-11f1-83ee-1607ee4eb77e",["D",1789257043083],"directory",[163],"ccf57a66-c3e0-4a52-9c44-82a68ddbe0ec","server","c448cf40-af04-11f1-9abb-1607ee4eb77e",3,["D",1789257043295],[169],"e62562cf-b974-4924-a7ea-327aaca48cfe","frontend","c43a05aa-af04-11f1-9abb-1607ee4eb77e",2,["D",1789257043196],[175],"pulls","branches","forks","envVars",{"_187":64,"_189":64},"connections",{"_187":64,"_188":64},"count","unfilledCount","emptyCount",{"_44":174,"_32":175,"_30":176,"_138":-5,"_42":43,"_41":177,"_140":60,"_39":344,"_13":64,"_34":166,"_36":-5,"_24":25,"_145":-5,"_212":345,"_27":346},{"_44":339,"_32":338,"_30":333,"_138":176,"_42":43,"_41":340,"_140":60,"_39":341,"_13":64,"_34":166,"_36":-5,"_24":25,"_145":-5,"_212":342,"_27":343},{"_44":332,"_32":33,"_30":31,"_138":333,"_42":43,"_41":14,"_140":60,"_39":334,"_13":335,"_34":35,"_36":38,"_24":25,"_145":-5,"_212":336,"_27":337},{"_44":324,"_32":325,"_30":326,"_138":176,"_42":43,"_41":327,"_140":60,"_39":328,"_13":64,"_34":20,"_36":329,"_24":25,"_145":-5,"_212":330,"_27":331},{"_44":316,"_32":317,"_30":318,"_138":176,"_42":43,"_41":319,"_140":60,"_39":320,"_13":64,"_34":35,"_36":321,"_24":25,"_145":-5,"_212":322,"_27":323},{"_44":308,"_32":309,"_30":310,"_138":176,"_42":43,"_41":311,"_140":60,"_39":312,"_13":64,"_34":35,"_36":313,"_24":25,"_145":-5,"_212":314,"_27":315},{"_44":168,"_32":169,"_30":170,"_138":-5,"_42":43,"_41":171,"_140":60,"_39":305,"_13":64,"_34":166,"_36":-5,"_24":25,"_145":-5,"_212":306,"_27":307},{"_44":297,"_32":298,"_30":299,"_138":170,"_42":43,"_41":300,"_140":60,"_39":301,"_13":171,"_34":35,"_36":302,"_24":25,"_145":-5,"_212":303,"_27":304},{"_44":289,"_32":290,"_30":291,"_138":170,"_42":43,"_41":292,"_140":60,"_39":293,"_13":64,"_34":35,"_36":294,"_24":25,"_145":-5,"_212":295,"_27":296},{"_44":281,"_32":282,"_30":283,"_138":170,"_42":43,"_41":284,"_140":25,"_39":285,"_13":177,"_34":35,"_36":286,"_24":25,"_145":-5,"_212":287,"_27":288},{"_44":273,"_32":274,"_30":275,"_138":170,"_42":43,"_41":276,"_140":60,"_39":277,"_13":64,"_34":35,"_36":278,"_24":25,"_145":-5,"_212":279,"_27":280},{"_44":265,"_32":266,"_30":267,"_138":170,"_42":43,"_41":268,"_140":60,"_39":269,"_13":64,"_34":35,"_36":270,"_24":25,"_145":-5,"_212":271,"_27":272},{"_44":257,"_32":258,"_30":259,"_138":170,"_42":43,"_41":260,"_140":25,"_39":261,"_13":226,"_34":35,"_36":262,"_24":25,"_145":-5,"_212":263,"_27":264},{"_44":249,"_32":250,"_30":251,"_138":170,"_42":43,"_41":252,"_140":60,"_39":253,"_13":152,"_34":35,"_36":254,"_24":25,"_145":-5,"_212":255,"_27":256},{"_44":241,"_32":242,"_30":243,"_138":170,"_42":43,"_41":244,"_140":60,"_39":245,"_13":177,"_34":35,"_36":246,"_24":25,"_145":-5,"_212":247,"_27":248},{"_44":162,"_32":163,"_30":164,"_138":-5,"_42":43,"_41":152,"_140":60,"_39":238,"_13":64,"_34":166,"_36":-5,"_24":25,"_145":-5,"_212":239,"_27":240},{"_44":230,"_32":231,"_30":232,"_138":164,"_42":43,"_41":233,"_140":60,"_39":234,"_13":177,"_34":35,"_36":235,"_24":25,"_145":-5,"_212":236,"_27":237},{"_44":221,"_32":222,"_30":223,"_138":164,"_42":43,"_41":224,"_140":25,"_39":225,"_13":226,"_34":35,"_36":227,"_24":25,"_145":-5,"_212":228,"_27":229},{"_44":155,"_32":156,"_30":157,"_138":-5,"_42":43,"_41":158,"_140":60,"_39":218,"_13":152,"_34":20,"_36":160,"_24":25,"_145":-5,"_212":219,"_27":220},{"_44":147,"_32":148,"_30":149,"_138":-5,"_42":43,"_41":150,"_140":60,"_39":215,"_13":152,"_34":20,"_36":153,"_24":25,"_145":-5,"_212":216,"_27":217},{"_44":136,"_32":137,"_30":58,"_138":-5,"_42":43,"_41":139,"_140":25,"_39":211,"_13":142,"_34":143,"_36":144,"_24":25,"_145":-5,"_212":213,"_27":214},["D",1789565468909],"children",[],[137],["D",1789259984492],[],[148],["D",1789257283542],[],[156],"263dff52-0368-422d-a793-8fc41c2ce733","types.ts","c482b91c-af04-11f1-bb78-1607ee4eb77e",57,["D",1789565468926],4,"export type AccountType = \"checking\" | \"savings\" | \"cash\";\nexport type TransactionKind = \"income\" | \"expense\" | \"refund\" | \"transfer\";\nexport type TransactionStatus = \"cleared\" | \"pending\";\nexport type Recurrence = \"once\" | \"weekly\" | \"monthly\" | \"yearly\";\nexport type PlannedKind = \"income\" | \"expense\";\nexport type DemoDataState = \"empty\" | \"demo-only\" | \"real-or-mixed\";\nexport const DEMO_CLEANUP_CONFIRMATION = \"DELETE DEMO DATA\";\n\nexport function canCleanupDemoData(state: DemoDataState): boolean {\n  return state === \"demo-only\";\n}\n\nexport interface Account {\n  id: string;\n  name: string;\n  type: AccountType;\n  currency: string;\n  balanceCents: number;\n  isActive: boolean;\n  createdAt: string;\n  updatedAt: string;\n}\n\nexport interface AccountReconciliation {\n  id: string;\n  accountId: string;\n  date: string;\n  previousBalanceCents: number;\n  actualBalanceCents: number;\n  differenceCents: number;\n  note: string;\n  createdAt: string;\n}\n\nexport interface Transaction {\n  id: string;\n  accountId: string;\n  date: string;\n  amountCents: number;\n  currency: string;\n  description: string;\n  kind: TransactionKind;\n  status: TransactionStatus;\n  source: \"manual\" | \"import\" | \"planned\";\n  transferGroupId: string | null;\n  plannedTransactionId: string | null;\n  correctedFromTransactionId: string | null;\n  voidedAt: string | null;\n  createdAt: string;\n  updatedAt: string;\n}\n\nexport interface PlannedCompletion {\n  id: string;\n  plannedTransactionId: string;\n  originalTransactionId: string;\n  correctionTransactionId: string | null;\n  occurrenceDate: string;\n  completedAt: string;\n  adjustedAt: string | null;\n  status: \"completed\" | \"undone\" | \"corrected\";\n  adjustable: boolean;\n  originalTransaction: Transaction;\n  effectiveTransaction: Transaction | null;\n}\n\nexport interface PlannedTransaction {\n  id: string;\n  accountId: string | null;\n  description: string;\n  kind: PlannedKind;\n  amountCents: number;\n  currency: string;\n  recurrence: Recurrence;\n  intervalCount: number;\n  nextDate: string;\n  endDate: string | null;\n  isActive: boolean;\n  createdAt: string;\n  updatedAt: string;\n}\n\nexport interface Reserve {\n  id: string;\n  name: string;\n  fundedAmountCents: number;\n  targetAmountCents: number | null;\n  targetDate: string | null;\n  contributionMonth: string | null;\n  contributedThisMonthCents: number;\n  requiredContributionCents: number;\n  currency: string;\n  note: string;\n  isActive: boolean;\n  createdAt: string;\n  updatedAt: string;\n}\n\nexport interface PlannedOccurrence {\n  plannedTransactionId: string;\n  description: string;\n  kind: PlannedKind;\n  amountCents: number;\n  date: string;\n}\n\nexport interface DashboardSummary {\n  asOfDate: string;\n  monthStart: string;\n  monthEnd: string;\n  currentCashCents: number;\n  spentThisMonthCents: number;\n  remainingIncomeCents: number;\n  remainingExpensesCents: number;\n  fundedReservesCents: number;\n  requiredGoalContributionsCents: number;\n  protectedReservesCents: number;\n  projectedMonthEndCents: number;\n  safeToSpendCents: number;\n  upcoming: PlannedOccurrence[];\n}\n\nexport interface AppData {\n  dashboard: DashboardSummary;\n  accounts: Account[];\n  accountReconciliations: AccountReconciliation[];\n  transactions: Transaction[];\n  plannedTransactions: PlannedTransaction[];\n  plannedCompletions: PlannedCompletion[];\n  reserves: Reserve[];\n  demoDataState: DemoDataState;\n}\n",[],[163,222],"5b78fb21-8ce5-4800-8479-aed194305fa1","finance.ts","c4dbe0aa-af04-11f1-800c-1607ee4eb77e",64,["D",1789567272410],"import type {\n  Account,\n  DashboardSummary,\n  PlannedOccurrence,\n  PlannedTransaction,\n  Reserve,\n  Transaction,\n} from \"./types.ts\";\n\nconst DATE_RE = /^\\d{4}-\\d{2}-\\d{2}$/;\n\nexport function assertDateOnly(value: string): void {\n  if (!DATE_RE.test(value)) throw new Error(\"Date must use YYYY-MM-DD\");\n  const [year, month, day] = value.split(\"-\").map(Number);\n  const parsed = new Date(Date.UTC(year, month - 1, day));\n  if (\n    parsed.getUTCFullYear() !== year ||\n    parsed.getUTCMonth() !== month - 1 ||\n    parsed.getUTCDate() !== day\n  ) throw new Error(\"Date is invalid\");\n}\n\nexport function householdDate(now = new Date(), timeZone = \"Europe/Rome\"): string {\n  return new Intl.DateTimeFormat(\"en-CA\", {\n    timeZone,\n    year: \"numeric\",\n    month: \"2-digit\",\n    day: \"2-digit\",\n  }).format(now);\n}\n\nexport function monthBounds(date: string): { start: string; end: string } {\n  assertDateOnly(date);\n  const [year, month] = date.split(\"-\").map(Number);\n  return {\n    start: `${year}-${String(month).padStart(2, \"0\")}-01`,\n    end: formatUtcDate(new Date(Date.UTC(year, month, 0))),\n  };\n}\n\nexport function addRecurrence(\n  date: string,\n  recurrence: PlannedTransaction[\"recurrence\"],\n  intervalCount: number,\n): string | null {\n  assertDateOnly(date);\n  if (recurrence === \"once\") return null;\n  if (!Number.isInteger(intervalCount) || intervalCount < 1) throw new Error(\"Interval must be a positive integer\");\n  const [year, month, day] = date.split(\"-\").map(Number);\n  if (recurrence === \"weekly\") {\n    return formatUtcDate(new Date(Date.UTC(year, month - 1, day + 7 * intervalCount)));\n  }\n  if (recurrence === \"monthly\") {\n    const targetMonthStart = new Date(Date.UTC(year, month - 1 + intervalCount, 1));\n    const targetYear = targetMonthStart.getUTCFullYear();\n    const targetMonth = targetMonthStart.getUTCMonth();\n    const lastDay = new Date(Date.UTC(targetYear, targetMonth + 1, 0)).getUTCDate();\n    return formatUtcDate(new Date(Date.UTC(targetYear, targetMonth, Math.min(day, lastDay))));\n  }\n  const targetYear = year + intervalCount;\n  const lastDay = new Date(Date.UTC(targetYear, month, 0)).getUTCDate();\n  return formatUtcDate(new Date(Date.UTC(targetYear, month - 1, Math.min(day, lastDay))));\n}\n\nexport function occurrencesBetween(\n  item: PlannedTransaction,\n  fromDate: string,\n  toDate: string,\n): PlannedOccurrence[] {\n  if (!item.isActive || item.nextDate > toDate || (item.endDate && item.nextDate > item.endDate)) return [];\n  const occurrences: PlannedOccurrence[] = [];\n  let cursor: string | null = item.nextDate;\n  let guard = 0;\n  while (cursor && cursor <= toDate && (!item.endDate || cursor <= item.endDate)) {\n    if (cursor >= fromDate) {\n      occurrences.push({\n        plannedTransactionId: item.id,\n        description: item.description,\n        kind: item.kind,\n        amountCents: item.amountCents,\n        date: cursor,\n        linkedReserveId: null,\n        linkedReserveName: null,\n        linkedGoalCoverageCents: 0,\n      });\n    }\n    cursor = addRecurrence(cursor, item.recurrence, item.intervalCount);\n    if (++guard > 400) throw new Error(\"Recurrence produced too many occurrences\");\n  }\n  return occurrences;\n}\n\nexport function calculateDashboard(input: {\n  asOfDate: string;\n  accounts: Account[];\n  transactions: Transaction[];\n  plannedTransactions: PlannedTransaction[];\n  reserves: Reserve[];\n}): DashboardSummary {\n  const { start, end } = monthBounds(input.asOfDate);\n  const currentCashCents = sum(input.accounts.filter((a) => a.isActive), (a) => a.balanceCents);\n  const monthTransactions = input.transactions.filter(\n    (t) => t.status === \"cleared\" && t.date >= start && t.date <= input.asOfDate && t.kind !== \"transfer\",\n  );\n  const grossExpenses = sum(monthTransactions.filter((t) => t.kind === \"expense\"), (t) => Math.abs(t.amountCents));\n  const refunds = sum(monthTransactions.filter((t) => t.kind === \"refund\"), (t) => Math.abs(t.amountCents));\n  const spentThisMonthCents = Math.max(0, grossExpenses - refunds);\n  const rawUpcoming = input.plannedTransactions\n    // nextDate is the earliest unpaid occurrence, so overdue items remain\n    // committed until explicitly completed rather than disappearing at midnight.\n    .flatMap((item) => occurrencesBetween(item, item.nextDate, end))\n    .sort((a, b) => a.date.localeCompare(b.date) || a.description.localeCompare(b.description));\n  const activeReserves = input.reserves.filter((reserve) => reserve.isActive);\n  const linkedReserves = new Map(activeReserves\n    .filter((reserve) => reserve.targetAmountCents != null && reserve.linkedPlannedTransactionId != null)\n    .map((reserve) => [reserve.linkedPlannedTransactionId!, reserve]));\n  const eligiblePlannedIds = new Set(input.plannedTransactions\n    .filter((item) => item.isActive && item.kind === \"expense\" && item.recurrence === \"once\")\n    .map((item) => item.id));\n  const upcoming = rawUpcoming.map((occurrence) => {\n    const reserve = occurrence.kind === \"expense\" && eligiblePlannedIds.has(occurrence.plannedTransactionId)\n      ? linkedReserves.get(occurrence.plannedTransactionId)\n      : undefined;\n    if (!reserve) return occurrence;\n    const protectedForGoal = reserve.fundedAmountCents + requiredGoalContributionCents(reserve, input.asOfDate);\n    return {\n      ...occurrence,\n      linkedReserveId: reserve.id,\n      linkedReserveName: reserve.name,\n      linkedGoalCoverageCents: Math.min(occurrence.amountCents, protectedForGoal),\n    };\n  });\n  const remainingIncomeCents = sum(upcoming.filter((o) => o.kind === \"income\"), (o) => o.amountCents);\n  const remainingExpensesCents = sum(upcoming.filter((o) => o.kind === \"expense\"), (o) => o.amountCents);\n  const fundedReservesCents = sum(activeReserves, (reserve) => reserve.fundedAmountCents);\n  const requiredGoalContributionsCents = sum(\n    activeReserves,\n    (reserve) => requiredGoalContributionCents(reserve, input.asOfDate),\n  );\n  const linkedGoalCoverageCents = sum(upcoming, (occurrence) => occurrence.linkedGoalCoverageCents);\n  const protectedReservesCents = fundedReservesCents + requiredGoalContributionsCents - linkedGoalCoverageCents;\n  const projectedMonthEndCents = currentCashCents + remainingIncomeCents - remainingExpensesCents;\n  const safeToSpendCents = projectedMonthEndCents - protectedReservesCents;\n\n  return {\n    asOfDate: input.asOfDate,\n    monthStart: start,\n    monthEnd: end,\n    currentCashCents,\n    spentThisMonthCents,\n    remainingIncomeCents,\n    remainingExpensesCents,\n    fundedReservesCents,\n    requiredGoalContributionsCents,\n    linkedGoalCoverageCents,\n    protectedReservesCents,\n    projectedMonthEndCents,\n    safeToSpendCents,\n    upcoming,\n  };\n}\n\nexport function requiredGoalContributionCents(\n  reserve: Pick<Reserve, \"fundedAmountCents\" | \"targetAmountCents\" | \"targetDate\" |\n    \"contributionMonth\" | \"contributedThisMonthCents\" | \"isActive\">,\n  asOfDate: string,\n): number {\n  if (!reserve.isActive || reserve.targetAmountCents == null || reserve.targetDate == null) return 0;\n  assertDateOnly(asOfDate);\n  assertDateOnly(reserve.targetDate);\n  const [asOfYear, asOfMonth] = asOfDate.split(\"-\").map(Number);\n  const [targetYear, targetMonth] = reserve.targetDate.split(\"-\").map(Number);\n  const currentMonth = asOfDate.slice(0, 7);\n  const contributedThisMonth = reserve.contributionMonth === currentMonth\n    ? reserve.contributedThisMonthCents\n    : 0;\n  const fundedBeforeThisMonth = reserve.fundedAmountCents - contributedThisMonth;\n  const shortfallAtMonthStart = Math.max(0, reserve.targetAmountCents - fundedBeforeThisMonth);\n  if (shortfallAtMonthStart === 0) return 0;\n\n  const monthDistance = (targetYear - asOfYear) * 12 + targetMonth - asOfMonth;\n  const contributionMonths = Math.max(1, monthDistance + 1);\n  const scheduledContribution = Math.ceil(shortfallAtMonthStart / contributionMonths);\n  return Math.max(0, scheduledContribution - contributedThisMonth);\n}\n\nfunction sum<T>(items: T[], value: (item: T) => number): number {\n  return items.reduce((total, item) => total + value(item), 0);\n}\n\nfunction formatUtcDate(date: Date): string {\n  return date.toISOString().slice(0, 10);\n}\n",[],[163,231],["D",1789257043083],[206,207],[163],"149ba247-b20d-4a6d-979f-323d325d567b","validation.ts","c4bc29f4-af04-11f1-8508-1607ee4eb77e",46,["D",1789542467521],"import { assertDateOnly } from \"../shared/finance.ts\";\n\nexport class ValidationError extends Error {\n  readonly status = 400;\n\n  constructor(message: string) {\n    super(message);\n    this.name = \"ValidationError\";\n  }\n}\n\nexport function uuidField(value: string, key = \"id\"): string {\n  if (!/^[0-9a-f]{8}-[0-9a-f]{4}-[1-8][0-9a-f]{3}-[89ab][0-9a-f]{3}-[0-9a-f]{12}$/i.test(value)) {\n    throw new ValidationError(`${key} must be a UUID`);\n  }\n  return value;\n}\n\nexport function objectBody(value: unknown): Record<string, unknown> {\n  if (!value || typeof value !== \"object\" || Array.isArray(value)) throw new ValidationError(\"A JSON object is required\");\n  return value as Record<string, unknown>;\n}\n\nexport function stringField(body: Record<string, unknown>, key: string, max = 120): string {\n  const value = body[key];\n  if (typeof value !== \"string\" || !value.trim()) throw new ValidationError(`${key} is required`);\n  const normalized = value.trim();\n  if (normalized.length > max) throw new ValidationError(`${key} is too long`);\n  return normalized;\n}\n\nexport function exactStringField(body: Record<string, unknown>, key: string, max = 120): string {\n  const value = body[key];\n  if (typeof value !== \"string\" || !value) throw new ValidationError(`${key} is required`);\n  if (value.length > max) throw new ValidationError(`${key} is too long`);\n  return value;\n}\n\nexport function optionalString(body: Record<string, unknown>, key: string, max = 500): string | null {\n  const value = body[key];\n  if (value == null || value === \"\") return null;\n  if (typeof value !== \"string\" || value.length > max) throw new ValidationError(`${key} is invalid`);\n  return value.trim();\n}\n\nexport function enumField<T extends string>(body: Record<string, unknown>, key: string, allowed: readonly T[]): T {\n  const value = body[key];\n  if (typeof value !== \"string\" || !allowed.includes(value as T)) throw new ValidationError(`${key} is invalid`);\n  return value as T;\n}\n\nexport function centsField(body: Record<string, unknown>, key = \"amountCents\", allowZero = false): number {\n  const value = body[key];\n  if (!Number.isSafeInteger(value) || (allowZero ? (value as number) < 0 : (value as number) <= 0)) {\n    throw new ValidationError(`${key} must be a safe integer number of cents${allowZero ? \"\" : \" greater than zero\"}`);\n  }\n  return value as number;\n}\n\nexport function signedCentsField(body: Record<string, unknown>, key: string): number {\n  const value = body[key];\n  if (!Number.isSafeInteger(value)) throw new ValidationError(`${key} must be a safe integer number of cents`);\n  return value as number;\n}\n\nexport function integerField(body: Record<string, unknown>, key: string, min = 1): number {\n  const value = body[key];\n  if (!Number.isSafeInteger(value) || (value as number) < min) throw new ValidationError(`${key} is invalid`);\n  return value as number;\n}\n\nexport function dateField(body: Record<string, unknown>, key: string): string {\n  const value = stringField(body, key, 10);\n  try {\n    assertDateOnly(value);\n  } catch (error) {\n    throw new ValidationError(error instanceof Error ? error.message : `${key} is invalid`);\n  }\n  return value;\n}\n\nexport function booleanField(body: Record<string, unknown>, key: string, fallback: boolean): boolean {\n  const value = body[key];\n  if (value == null) return fallback;\n  if (typeof value !== \"boolean\") throw new ValidationError(`${key} is invalid`);\n  return value;\n}\n",[],[169,242],"2db69053-fb7d-4e8b-88b5-cdc488d7974c","reserve-operations.ts","e0468a5e-b1d2-11f1-8a8f-1607ee4eb77e",63,["D",1789567272383],"export interface SqlStatement {\n  sql: string;\n  args: (string | number | null)[];\n}\n\ninterface ReserveWriteInput {\n  id: string;\n  name: string;\n  fundedAmountCents: number;\n  targetAmountCents: number | null;\n  targetDate: string | null;\n  linkedPlannedTransactionId: string | null;\n  note: string;\n  now: string;\n}\n\nexport function createReserveStatement(input: ReserveWriteInput & { contributionMonth: string }): SqlStatement {\n  return {\n    sql: `INSERT INTO reserves\n      (id, name, amount_cents, target_amount_cents, target_date, contribution_month,\n        contribution_cents, linked_planned_transaction_id, currency, note, is_active, created_at, updated_at)\n      SELECT ?, ?, ?, ?, ?, ?, 0, ?, 'EUR', ?, 1, ?, ?\n      WHERE ? IS NULL OR (\n        ? IS NOT NULL AND ? IS NOT NULL\n        AND EXISTS (\n          SELECT 1 FROM planned_transactions\n          WHERE id = ? AND kind = 'expense' AND recurrence = 'once' AND is_active = 1\n        )\n        AND NOT EXISTS (\n          SELECT 1 FROM reserves WHERE linked_planned_transaction_id = ?\n        )\n      )`,\n    args: [\n      input.id,\n      input.name,\n      input.fundedAmountCents,\n      input.targetAmountCents,\n      input.targetDate,\n      input.targetAmountCents == null ? null : input.contributionMonth,\n      input.linkedPlannedTransactionId,\n      input.note,\n      input.now,\n      input.now,\n      input.linkedPlannedTransactionId,\n      input.targetAmountCents,\n      input.targetDate,\n      input.linkedPlannedTransactionId,\n      input.linkedPlannedTransactionId,\n    ],\n  };\n}\n\n/**\n * Updates a reserve and atomically records the net funded increase for the\n * current household month. Existing funded money becomes the baseline when a\n * simple reserve is first converted to a goal.\n */\nexport function updateReserveStatement(input: {\n  id: string;\n  name: string;\n  fundedAmountCents: number;\n  targetAmountCents: number | null;\n  targetDate: string | null;\n  linkedPlannedTransactionId: string | null;\n  note: string;\n  isActive: boolean;\n  contributionMonth: string;\n  now: string;\n}): SqlStatement {\n  return {\n    sql: `UPDATE reserves SET\n      name = ?,\n      contribution_cents = CASE\n        WHEN ? IS NULL OR ? IS NULL THEN 0\n        WHEN target_amount_cents IS NULL OR target_date IS NULL THEN 0\n        ELSE MAX(0,\n          CASE WHEN contribution_month = ? THEN contribution_cents ELSE 0 END\n          + (? - amount_cents)\n        )\n      END,\n      contribution_month = CASE WHEN ? IS NULL OR ? IS NULL THEN NULL ELSE ? END,\n      amount_cents = ?, target_amount_cents = ?, target_date = ?, linked_planned_transaction_id = ?, note = ?,\n      is_active = ?, updated_at = ?, is_demo = 0\n      WHERE id = ? AND (\n        ? IS NULL OR (\n          ? IS NOT NULL AND ? IS NOT NULL\n          AND (\n            linked_planned_transaction_id = ?\n            OR (\n              EXISTS (\n                SELECT 1 FROM planned_transactions\n                WHERE id = ? AND kind = 'expense' AND recurrence = 'once' AND is_active = 1\n              )\n              AND NOT EXISTS (\n                SELECT 1 FROM reserves\n                WHERE linked_planned_transaction_id = ? AND id <> ?\n              )\n            )\n          )\n        )\n      )`,\n    args: [\n      input.name,\n      input.targetAmountCents,\n      input.targetDate,\n      input.contributionMonth,\n      input.fundedAmountCents,\n      input.targetAmountCents,\n      input.targetDate,\n      input.contributionMonth,\n      input.fundedAmountCents,\n      input.targetAmountCents,\n      input.targetDate,\n      input.linkedPlannedTransactionId,\n      input.note,\n      Number(input.isActive),\n      input.now,\n      input.id,\n      input.linkedPlannedTransactionId,\n      input.targetAmountCents,\n      input.targetDate,\n      input.linkedPlannedTransactionId,\n      input.linkedPlannedTransactionId,\n      input.id,\n    ],\n  };\n}\n",[],[169,250],"0f12f586-1ce2-463a-8bb0-f2a0500c5d5b","repository.ts","c52d942c-af04-11f1-a256-1607ee4eb77e",61,["D",1789565469083],"import { addRecurrence, calculateDashboard, householdDate, requiredGoalContributionCents } from \"../shared/finance.ts\";\nimport {\n  DEMO_CLEANUP_CONFIRMATION,\n  type Account,\n  type AccountReconciliation,\n  type AppData,\n  type DemoDataState,\n  type PlannedCompletion,\n  type PlannedTransaction,\n  type Reserve,\n  type Transaction,\n} from \"../shared/types.ts\";\nimport { db, ensureSchema } from \"./db.ts\";\nimport {\n  classifyDemoData,\n  demoCleanupStatements,\n  demoSeedStatements,\n  demoStateQuery,\n} from \"./demo-data.ts\";\nimport {\n  completePlannedStatements,\n  correctPlannedStatements,\n  PLANNED_COMPLETIONS_QUERY,\n  undoPlannedStatements,\n} from \"./planned-operations.ts\";\nimport { reconcileAccountStatements } from \"./reconciliation-operations.ts\";\nimport { updateReserveStatement } from \"./reserve-operations.ts\";\n\ntype Row = Record<string, unknown>;\n\nexport async function getAppData(asOfDate = householdDate()): Promise<AppData> {\n  await ensureSchema();\n  const monthStart = `${asOfDate.slice(0, 7)}-01`;\n  const [accountResult, reconciliationResult, transactionResult, dashboardTransactionResult, plannedResult, completionResult, reserveResult, demoResult] = await Promise.all([\n    db.execute(\"SELECT * FROM accounts ORDER BY is_active DESC, name COLLATE NOCASE\"),\n    db.execute(\"SELECT * FROM account_reconciliations ORDER BY date DESC, created_at DESC LIMIT 500\"),\n    db.execute(\"SELECT * FROM transactions WHERE voided_at IS NULL ORDER BY date DESC, created_at DESC LIMIT 500\"),\n    db.execute({ sql: \"SELECT * FROM transactions WHERE voided_at IS NULL AND date BETWEEN ? AND ?\", args: [monthStart, asOfDate] }),\n    db.execute(\"SELECT * FROM planned_transactions ORDER BY is_active DESC, next_date, description COLLATE NOCASE\"),\n    db.execute(PLANNED_COMPLETIONS_QUERY),\n    db.execute(\"SELECT * FROM reserves ORDER BY is_active DESC, name COLLATE NOCASE\"),\n    db.execute(demoStateQuery()),\n  ]);\n  const accounts = accountResult.rows.map(mapAccount);\n  const accountReconciliations = reconciliationResult.rows.map(mapReconciliation);\n  const transactions = transactionResult.rows.map(mapTransaction);\n  const dashboardTransactions = dashboardTransactionResult.rows.map(mapTransaction);\n  const plannedTransactions = plannedResult.rows.map(mapPlanned);\n  const plannedCompletions = completionResult.rows.map(mapCompletion);\n  const reserves = reserveResult.rows.map((row) => mapReserve(row, asOfDate));\n  const demoDataState = demoStateFromRow(demoResult.rows[0] as Row | undefined);\n  return {\n    accounts,\n    accountReconciliations,\n    transactions,\n    plannedTransactions,\n    plannedCompletions,\n    reserves,\n    demoDataState,\n    dashboard: calculateDashboard({ asOfDate, accounts, transactions: dashboardTransactions, plannedTransactions, reserves }),\n  };\n}\n\nexport async function createAccount(input: {\n  name: string;\n  type: Account[\"type\"];\n  balanceCents: number;\n}): Promise<void> {\n  await ensureSchema();\n  const now = new Date().toISOString();\n  await db.execute({\n    sql: `INSERT INTO accounts (id, name, type, currency, balance_cents, is_active, created_at, updated_at)\n      VALUES (?, ?, ?, 'EUR', ?, 1, ?, ?)`,\n    args: [crypto.randomUUID(), input.name, input.type, input.balanceCents, now, now],\n  });\n}\n\nexport async function updateAccount(id: string, input: {\n  name: string;\n  type: Account[\"type\"];\n  isActive: boolean;\n}): Promise<void> {\n  await ensureSchema();\n  const result = await db.execute({\n    sql: `UPDATE accounts SET name = ?, type = ?, is_active = ?, updated_at = ?, is_demo = 0 WHERE id = ?`,\n    args: [input.name, input.type, Number(input.isActive), new Date().toISOString(), id],\n  });\n  requireChanged(result.rowsAffected, \"Account\");\n}\n\nexport async function reconcileAccount(id: string, input: {\n  actualBalanceCents: number;\n  date: string;\n  note: string;\n}): Promise<void> {\n  await ensureSchema();\n  const reconciliationId = crypto.randomUUID();\n  await db.batch(reconcileAccountStatements({\n    reconciliationId,\n    accountId: id,\n    actualBalanceCents: input.actualBalanceCents,\n    date: input.date,\n    note: input.note,\n    now: new Date().toISOString(),\n  }));\n  const created = await one(\"SELECT id FROM account_reconciliations WHERE id = ?\", [reconciliationId]);\n  if (created) return;\n  const account = await one(\"SELECT is_active FROM accounts WHERE id = ?\", [id]);\n  if (!account) throw notFound(\"Account\");\n  throw conflict(\"Only active accounts can be reconciled\");\n}\n\nexport async function deleteAccount(id: string): Promise<void> {\n  await ensureSchema();\n  const result = await db.execute({ sql: \"DELETE FROM accounts WHERE id = ?\", args: [id] });\n  requireChanged(result.rowsAffected, \"Account\");\n}\n\nexport async function createTransaction(input: {\n  accountId: string;\n  date: string;\n  amountCents: number;\n  description: string;\n  kind: \"income\" | \"expense\";\n  source?: \"manual\" | \"planned\";\n  plannedTransactionId?: string | null;\n}): Promise<void> {\n  await ensureSchema();\n  const signedAmount = input.kind === \"expense\" ? -input.amountCents : input.amountCents;\n  const now = new Date().toISOString();\n  await db.batch([\n    {\n      sql: `INSERT INTO transactions\n        (id, account_id, date, amount_cents, currency, description, kind, status, source, planned_transaction_id, created_at, updated_at)\n        VALUES (?, ?, ?, ?, 'EUR', ?, ?, 'cleared', ?, ?, ?, ?)`,\n      args: [crypto.randomUUID(), input.accountId, input.date, signedAmount, input.description, input.kind,\n        input.source ?? \"manual\", input.plannedTransactionId ?? null, now, now],\n    },\n    { sql: \"UPDATE accounts SET balance_cents = balance_cents + ?, updated_at = ?, is_demo = 0 WHERE id = ?\", args: [signedAmount, now, input.accountId] },\n  ]);\n}\n\nexport async function updateTransaction(id: string, input: {\n  accountId: string;\n  date: string;\n  amountCents: number;\n  description: string;\n  kind: \"income\" | \"expense\";\n}): Promise<void> {\n  await ensureSchema();\n  const existing = await one(\"SELECT * FROM transactions WHERE id = ?\", [id]);\n  if (!existing) throw notFound(\"Transaction\");\n  if (existing.source !== \"manual\") throw conflict(\"Only manual transactions can be edited\");\n  const oldAmount = Number(existing.amount_cents);\n  const newAmount = input.kind === \"expense\" ? -input.amountCents : input.amountCents;\n  const oldAccountId = String(existing.account_id);\n  const now = new Date().toISOString();\n  await db.batch([\n    { sql: \"UPDATE accounts SET balance_cents = balance_cents - ?, updated_at = ?, is_demo = 0 WHERE id = ?\", args: [oldAmount, now, oldAccountId] },\n    { sql: \"UPDATE accounts SET balance_cents = balance_cents + ?, updated_at = ?, is_demo = 0 WHERE id = ?\", args: [newAmount, now, input.accountId] },\n    {\n      sql: `UPDATE transactions SET account_id = ?, date = ?, amount_cents = ?, description = ?, kind = ?, updated_at = ?, is_demo = 0 WHERE id = ?`,\n      args: [input.accountId, input.date, newAmount, input.description, input.kind, now, id],\n    },\n  ]);\n}\n\nexport async function deleteTransaction(id: string): Promise<void> {\n  await ensureSchema();\n  const existing = await one(\"SELECT * FROM transactions WHERE id = ?\", [id]);\n  if (!existing) throw notFound(\"Transaction\");\n  if (existing.source !== \"manual\") throw conflict(\"Only manual transactions can be deleted directly\");\n  await db.batch([\n    {\n      sql: \"UPDATE accounts SET balance_cents = balance_cents - ?, updated_at = ?, is_demo = 0 WHERE id = ?\",\n      args: [Number(existing.amount_cents), new Date().toISOString(), String(existing.account_id)],\n    },\n    { sql: \"DELETE FROM transactions WHERE id = ?\", args: [id] },\n  ]);\n}\n\nexport async function createPlanned(input: Omit<PlannedTransaction, \"id\" | \"currency\" | \"createdAt\" | \"updatedAt\">): Promise<void> {\n  await ensureSchema();\n  const now = new Date().toISOString();\n  await db.execute({\n    sql: `INSERT INTO planned_transactions\n      (id, account_id, description, kind, amount_cents, currency, recurrence, interval_count, next_date, end_date, is_active, created_at, updated_at)\n      VALUES (?, ?, ?, ?, ?, 'EUR', ?, ?, ?, ?, ?, ?, ?)`,\n    args: [crypto.randomUUID(), input.accountId, input.description, input.kind, input.amountCents, input.recurrence,\n      input.intervalCount, input.nextDate, input.endDate, Number(input.isActive), now, now],\n  });\n}\n\nexport async function updatePlanned(id: string, input: Omit<PlannedTransaction, \"id\" | \"currency\" | \"createdAt\" | \"updatedAt\">): Promise<void> {\n  await ensureSchema();\n  const result = await db.execute({\n    sql: `UPDATE planned_transactions SET account_id = ?, description = ?, kind = ?, amount_cents = ?, recurrence = ?,\n      interval_count = ?, next_date = ?, end_date = ?, is_active = ?, revision = revision + 1,\n      latest_completion_id = NULL, updated_at = ?, is_demo = 0 WHERE id = ?`,\n    args: [input.accountId, input.description, input.kind, input.amountCents, input.recurrence, input.intervalCount,\n      input.nextDate, input.endDate, Number(input.isActive), new Date().toISOString(), id],\n  });\n  requireChanged(result.rowsAffected, \"Planned transaction\");\n}\n\nexport async function completePlanned(id: string, actualDate: string, accountId?: string | null): Promise<void> {\n  await ensureSchema();\n  const row = await one(\"SELECT * FROM planned_transactions WHERE id = ?\", [id]);\n  if (!row) throw notFound(\"Planned transaction\");\n  const item = mapPlanned(row);\n  if (!item.isActive) throw conflict(\"Planned transaction is inactive\");\n  const targetAccountId = accountId || item.accountId;\n  if (!targetAccountId) throw conflict(\"Choose an account before marking this item paid\");\n  const nextDate = addRecurrence(item.nextDate, item.recurrence, item.intervalCount);\n  const remainsActive = Boolean(nextDate && (!item.endDate || nextDate <= item.endDate));\n  const now = new Date().toISOString();\n  const completionId = crypto.randomUUID();\n  await db.batch(completePlannedStatements({\n    item: { ...item, revision: Number(row.revision ?? 0) }, completionId, transactionId: crypto.randomUUID(),\n    targetAccountId, actualDate, nextDate: nextDate ?? item.nextDate, remainsActive, now,\n  }));\n  const created = await one(\"SELECT id FROM planned_completions WHERE id = ?\", [completionId]);\n  if (!created) throw conflict(\"This occurrence was already completed; refresh and try again\");\n}\n\nexport async function undoPlannedCompletion(completionId: string, expectedEffectiveTransactionId: string): Promise<void> {\n  await ensureSchema();\n  const token = crypto.randomUUID();\n  await db.batch(undoPlannedStatements({ completionId, expectedEffectiveTransactionId, token, now: new Date().toISOString() }));\n  await requireAdjustment(completionId, \"undone\", token);\n}\n\nexport async function correctPlannedCompletion(completionId: string, input: {\n  accountId: string;\n  date: string;\n  amountCents: number;\n  expectedEffectiveTransactionId: string;\n}): Promise<void> {\n  await ensureSchema();\n  const token = crypto.randomUUID();\n  await db.batch(correctPlannedStatements({\n    completionId, expectedEffectiveTransactionId: input.expectedEffectiveTransactionId,\n    correctionTransactionId: crypto.randomUUID(), token,\n    accountId: input.accountId, date: input.date, amountCents: input.amountCents, now: new Date().toISOString(),\n  }));\n  await requireAdjustment(completionId, \"corrected\", token);\n}\n\nasync function requireAdjustment(id: string, expected: \"undone\" | \"corrected\", token: string): Promise<void> {\n  const row = await one(\"SELECT status, last_operation_token FROM planned_completions WHERE id = ?\", [id]);\n  if (!row) throw notFound(\"Planned completion\");\n  if (row.status !== expected || row.last_operation_token !== token) {\n    throw conflict(\"Only the latest unchanged completion can be adjusted\");\n  }\n}\n\nexport async function deletePlanned(id: string): Promise<void> {\n  await ensureSchema();\n  const result = await db.execute({\n    sql: `DELETE FROM planned_transactions WHERE id = ?\n      AND NOT EXISTS (SELECT 1 FROM planned_completions WHERE planned_transaction_id = ?)`,\n    args: [id, id],\n  });\n  if (result.rowsAffected) return;\n  const existing = await one(\"SELECT id FROM planned_transactions WHERE id = ?\", [id]);\n  if (!existing) throw notFound(\"Planned transaction\");\n  throw conflict(\"Completed planned items must be deactivated to preserve their audit history\");\n}\n\nexport async function deactivatePlanned(id: string): Promise<void> {\n  await ensureSchema();\n  const result = await db.execute({\n    sql: `UPDATE planned_transactions SET is_active = 0, revision = revision + 1,\n      latest_completion_id = NULL, updated_at = ?, is_demo = 0 WHERE id = ?`,\n    args: [new Date().toISOString(), id],\n  });\n  requireChanged(result.rowsAffected, \"Planned transaction\");\n}\n\nexport async function createReserve(input: {\n  name: string;\n  fundedAmountCents: number;\n  targetAmountCents: number | null;\n  targetDate: string | null;\n  note: string;\n}): Promise<void> {\n  await ensureSchema();\n  const now = new Date().toISOString();\n  await db.execute({\n    sql: `INSERT INTO reserves\n      (id, name, amount_cents, target_amount_cents, target_date, contribution_month,\n        contribution_cents, currency, note, is_active, created_at, updated_at)\n      VALUES (?, ?, ?, ?, ?, ?, 0, 'EUR', ?, 1, ?, ?)`,\n    args: [crypto.randomUUID(), input.name, input.fundedAmountCents, input.targetAmountCents,\n      input.targetDate, input.targetAmountCents == null ? null : householdDate().slice(0, 7), input.note, now, now],\n  });\n}\n\nexport async function updateReserve(id: string, input: {\n  name: string;\n  fundedAmountCents: number;\n  targetAmountCents: number | null;\n  targetDate: string | null;\n  note: string;\n  isActive: boolean;\n}): Promise<void> {\n  await ensureSchema();\n  const result = await db.execute(updateReserveStatement({\n    id,\n    ...input,\n    contributionMonth: householdDate().slice(0, 7),\n    now: new Date().toISOString(),\n  }));\n  requireChanged(result.rowsAffected, \"Reserve\");\n}\n\nexport async function deleteReserve(id: string): Promise<void> {\n  await ensureSchema();\n  const result = await db.execute({ sql: \"DELETE FROM reserves WHERE id = ?\", args: [id] });\n  requireChanged(result.rowsAffected, \"Reserve\");\n}\n\nexport async function seedDemoData(today = householdDate()): Promise<boolean> {\n  await ensureSchema();\n  const now = new Date().toISOString();\n  const claimToken = crypto.randomUUID();\n  const { start } = (() => {\n    const month = today.slice(0, 7);\n    return { start: `${month}-01` };\n  })();\n  const day = (value: number) => `${today.slice(0, 8)}${String(value).padStart(2, \"0\")}`;\n  const futureDay = Math.min(28, Number(today.slice(8, 10)) + 2);\n  const checkingId = crypto.randomUUID();\n  await db.batch(demoSeedStatements({\n    claimToken,\n    checkingId,\n    savingsId: crypto.randomUUID(),\n    transactionId: crypto.randomUUID(),\n    salaryId: crypto.randomUUID(),\n    mortgageId: crypto.randomUUID(),\n    reserveId: crypto.randomUUID(),\n    now,\n    monthStart: start,\n    salaryDate: day(futureDay),\n    mortgageDate: day(Math.min(28, futureDay + 2)),\n  }));\n  const claim = await one(\"SELECT value FROM app_metadata WHERE key = 'demo_seed_claim'\", []);\n  return claim?.value === claimToken;\n}\n\nexport async function cleanupDemoData(confirmation: string): Promise<boolean> {\n  if (confirmation !== DEMO_CLEANUP_CONFIRMATION) throw conflict(`Type ${DEMO_CLEANUP_CONFIRMATION} exactly to remove demo data`);\n  await ensureSchema();\n  const initialState = await getDemoDataState();\n  if (initialState === \"empty\") return false;\n  if (initialState !== \"demo-only\") throw conflict(\"Demo cleanup is blocked because this dataset contains real or unmarked data\");\n\n  const claimToken = crypto.randomUUID();\n  await db.batch(demoCleanupStatements(claimToken, new Date().toISOString()));\n  const finalState = await getDemoDataState();\n  if (finalState !== \"empty\") throw conflict(\"Demo cleanup was blocked because the dataset changed\");\n  return true;\n}\n\nasync function getDemoDataState(): Promise<DemoDataState> {\n  const result = await db.execute(demoStateQuery());\n  return demoStateFromRow(result.rows[0] as Row | undefined);\n}\n\nfunction demoStateFromRow(row: Row | undefined): DemoDataState {\n  return classifyDemoData(Number(row?.total_count ?? 0), Number(row?.demo_count ?? 0));\n}\n\nasync function one(sql: string, args: (string | number | null)[]): Promise<Row | null> {\n  const result = await db.execute({ sql, args });\n  return (result.rows[0] as Row | undefined) ?? null;\n}\n\nfunction mapAccount(row: Row): Account {\n  return {\n    id: String(row.id), name: String(row.name), type: row.type as Account[\"type\"], currency: String(row.currency),\n    balanceCents: Number(row.balance_cents), isActive: Boolean(row.is_active), createdAt: String(row.created_at), updatedAt: String(row.updated_at),\n  };\n}\n\nfunction mapReconciliation(row: Row): AccountReconciliation {\n  return {\n    id: String(row.id), accountId: String(row.account_id), date: String(row.date),\n    previousBalanceCents: Number(row.previous_balance_cents),\n    actualBalanceCents: Number(row.actual_balance_cents),\n    differenceCents: Number(row.difference_cents), note: String(row.note),\n    createdAt: String(row.created_at),\n  };\n}\n\nfunction mapTransaction(row: Row): Transaction {\n  return {\n    id: String(row.id), accountId: String(row.account_id), date: String(row.date), amountCents: Number(row.amount_cents),\n    currency: String(row.currency), description: String(row.description), kind: row.kind as Transaction[\"kind\"],\n    status: row.status as Transaction[\"status\"], source: row.source as Transaction[\"source\"],\n    transferGroupId: row.transfer_group_id == null ? null : String(row.transfer_group_id),\n    plannedTransactionId: row.planned_transaction_id == null ? null : String(row.planned_transaction_id),\n    correctedFromTransactionId: row.corrected_from_transaction_id == null ? null : String(row.corrected_from_transaction_id),\n    voidedAt: row.voided_at == null ? null : String(row.voided_at),\n    createdAt: String(row.created_at), updatedAt: String(row.updated_at),\n  };\n}\n\nfunction mapCompletion(row: Row): PlannedCompletion {\n  const originalTransaction = mapTransaction({\n    id: row.original_id, account_id: row.original_account_id, date: row.original_date,\n    amount_cents: row.original_amount_cents, currency: row.original_currency,\n    description: row.original_description, kind: row.original_kind, status: row.original_status,\n    source: row.original_source, transfer_group_id: row.original_transfer_group_id,\n    planned_transaction_id: row.original_planned_transaction_id,\n    corrected_from_transaction_id: row.original_corrected_from_transaction_id,\n    voided_at: row.original_voided_at, created_at: row.original_created_at, updated_at: row.original_updated_at,\n  });\n  const effectiveTransaction = row.effective_id == null ? null : mapTransaction({\n    id: row.effective_id, account_id: row.effective_account_id, date: row.effective_date,\n    amount_cents: row.effective_amount_cents, currency: row.effective_currency,\n    description: row.effective_description, kind: row.effective_kind, status: row.effective_status,\n    source: row.effective_source, transfer_group_id: row.effective_transfer_group_id,\n    planned_transaction_id: row.effective_planned_transaction_id,\n    corrected_from_transaction_id: row.effective_corrected_from_transaction_id,\n    voided_at: row.effective_voided_at, created_at: row.effective_created_at, updated_at: row.effective_updated_at,\n  });\n  return {\n    id: String(row.id), plannedTransactionId: String(row.planned_transaction_id),\n    originalTransactionId: String(row.transaction_id),\n    correctionTransactionId: row.correction_transaction_id == null ? null : String(row.correction_transaction_id),\n    occurrenceDate: String(row.occurrence_date), completedAt: String(row.created_at),\n    adjustedAt: row.adjusted_at == null ? null : String(row.adjusted_at),\n    status: row.status as PlannedCompletion[\"status\"], adjustable: Boolean(row.adjustable),\n    originalTransaction, effectiveTransaction,\n  };\n}\n\nfunction mapPlanned(row: Row): PlannedTransaction {\n  return {\n    id: String(row.id), accountId: row.account_id == null ? null : String(row.account_id), description: String(row.description),\n    kind: row.kind as PlannedTransaction[\"kind\"], amountCents: Number(row.amount_cents), currency: String(row.currency),\n    recurrence: row.recurrence as PlannedTransaction[\"recurrence\"], intervalCount: Number(row.interval_count), nextDate: String(row.next_date),\n    endDate: row.end_date == null ? null : String(row.end_date), isActive: Boolean(row.is_active),\n    createdAt: String(row.created_at), updatedAt: String(row.updated_at),\n  };\n}\n\nfunction mapReserve(row: Row, asOfDate: string): Reserve {\n  const reserve: Reserve = {\n    id: String(row.id), name: String(row.name), fundedAmountCents: Number(row.amount_cents),\n    targetAmountCents: row.target_amount_cents == null ? null : Number(row.target_amount_cents),\n    targetDate: row.target_date == null ? null : String(row.target_date),\n    contributionMonth: row.contribution_month == null ? null : String(row.contribution_month),\n    contributedThisMonthCents: Number(row.contribution_cents), requiredContributionCents: 0,\n    currency: String(row.currency), note: String(row.note), isActive: Boolean(row.is_active),\n    createdAt: String(row.created_at), updatedAt: String(row.updated_at),\n  };\n  reserve.requiredContributionCents = requiredGoalContributionCents(reserve, asOfDate);\n  return reserve;\n}\n\nfunction requireChanged(rowsAffected: number, entity: string): void {\n  if (!rowsAffected) throw notFound(entity);\n}\n\nfunction notFound(entity: string): Error {\n  return Object.assign(new Error(`${entity} not found`), { status: 404 });\n}\n\nfunction conflict(message: string): Error {\n  return Object.assign(new Error(message), { status: 409 });\n}\n",[],[169,258],"5ab7a1fe-3426-49d7-b7ec-228f3cc8002e","reconciliation-operations.ts","e932f304-b1ba-11f1-9d12-1607ee4eb77e",53,["D",1789555175542],"export interface SqlStatement {\n  sql: string;\n  args: (string | number | null)[];\n}\n\nexport function reconcileAccountStatements(input: {\n  reconciliationId: string;\n  accountId: string;\n  actualBalanceCents: number;\n  date: string;\n  note: string;\n  now: string;\n}): SqlStatement[] {\n  return [\n    {\n      sql: `INSERT INTO account_reconciliations\n        (id, account_id, date, previous_balance_cents, actual_balance_cents,\n          difference_cents, note, created_at)\n        SELECT ?, id, ?, balance_cents, ?, ? - balance_cents, ?, ?\n        FROM accounts\n        WHERE id = ? AND is_active = 1`,\n      args: [\n        input.reconciliationId,\n        input.date,\n        input.actualBalanceCents,\n        input.actualBalanceCents,\n        input.note,\n        input.now,\n        input.accountId,\n      ],\n    },\n    {\n      sql: `UPDATE accounts\n        SET balance_cents = ?, updated_at = ?, is_demo = 0\n        WHERE id = ? AND is_active = 1\n          AND EXISTS (\n            SELECT 1 FROM account_reconciliations\n            WHERE id = ? AND account_id = accounts.id\n              AND previous_balance_cents = accounts.balance_cents\n          )`,\n      args: [\n        input.actualBalanceCents,\n        input.now,\n        input.accountId,\n        input.reconciliationId,\n      ],\n    },\n  ];\n}\n",[],[169,266],"fde40f78-6d30-4615-9a3f-19f36773e469","planned-operations.ts","52108102-b19d-11f1-8032-1607ee4eb77e",41,["D",1789542466987],"export interface SqlStatement {\n  sql: string;\n  args: (string | number | null)[];\n}\n\nexport interface PlannedSnapshot {\n  id: string;\n  revision: number;\n  accountId: string | null;\n  description: string;\n  kind: \"income\" | \"expense\";\n  amountCents: number;\n  recurrence: \"once\" | \"weekly\" | \"monthly\" | \"yearly\";\n  intervalCount: number;\n  nextDate: string;\n  endDate: string | null;\n  isActive: boolean;\n}\n\nexport const PLANNED_COMPLETIONS_QUERY = `SELECT c.*,\n  t.id AS effective_id, t.account_id AS effective_account_id, t.date AS effective_date,\n  t.amount_cents AS effective_amount_cents, t.currency AS effective_currency,\n  t.description AS effective_description, t.kind AS effective_kind, t.status AS effective_status,\n  t.source AS effective_source, t.transfer_group_id AS effective_transfer_group_id,\n  t.planned_transaction_id AS effective_planned_transaction_id,\n  t.corrected_from_transaction_id AS effective_corrected_from_transaction_id,\n  t.voided_at AS effective_voided_at, t.created_at AS effective_created_at, t.updated_at AS effective_updated_at,\n  original.id AS original_id, original.account_id AS original_account_id, original.date AS original_date,\n  original.amount_cents AS original_amount_cents, original.currency AS original_currency,\n  original.description AS original_description, original.kind AS original_kind, original.status AS original_status,\n  original.source AS original_source, original.transfer_group_id AS original_transfer_group_id,\n  original.planned_transaction_id AS original_planned_transaction_id,\n  original.corrected_from_transaction_id AS original_corrected_from_transaction_id,\n  original.voided_at AS original_voided_at, original.created_at AS original_created_at,\n  original.updated_at AS original_updated_at,\n  CASE WHEN c.status IN ('completed', 'corrected') AND p.latest_completion_id = c.id\n    AND p.revision = c.completed_revision AND p.next_date = c.completed_next_date\n    AND p.is_active = c.completed_is_active AND t.id IS NOT NULL THEN 1 ELSE 0 END AS adjustable\n  FROM planned_completions c\n  JOIN planned_transactions p ON p.id = c.planned_transaction_id\n  JOIN transactions original ON original.id = c.transaction_id\n  LEFT JOIN transactions t ON t.id = COALESCE(c.correction_transaction_id, c.transaction_id)\n    AND t.voided_at IS NULL\n  ORDER BY c.created_at DESC`;\n\nexport function completePlannedStatements(input: {\n  item: PlannedSnapshot;\n  completionId: string;\n  transactionId: string;\n  targetAccountId: string;\n  actualDate: string;\n  nextDate: string;\n  remainsActive: boolean;\n  now: string;\n}): SqlStatement[] {\n  const { item, completionId, transactionId, targetAccountId, actualDate, nextDate, remainsActive, now } = input;\n  const signedAmount = item.kind === \"expense\" ? -item.amountCents : item.amountCents;\n  const completedRevision = item.revision + 1;\n  return [\n    {\n      sql: `UPDATE planned_transactions SET next_date = ?, is_active = ?, revision = revision + 1,\n        latest_completion_id = ?, updated_at = ?, is_demo = 0\n        WHERE id = ? AND revision = ? AND next_date = ? AND is_active = 1`,\n      args: [nextDate, Number(remainsActive), completionId, now, item.id, item.revision, item.nextDate],\n    },\n    {\n      sql: `INSERT INTO transactions\n        (id, account_id, date, amount_cents, currency, description, kind, status, source,\n         planned_transaction_id, created_at, updated_at)\n        SELECT ?, ?, ?, ?, 'EUR', ?, ?, 'cleared', 'planned', ?, ?, ?\n        WHERE EXISTS (SELECT 1 FROM planned_transactions WHERE id = ? AND latest_completion_id = ? AND revision = ?)`,\n      args: [transactionId, targetAccountId, actualDate, signedAmount, item.description, item.kind, item.id, now, now,\n        item.id, completionId, completedRevision],\n    },\n    {\n      sql: `INSERT INTO planned_completions\n        (id, planned_transaction_id, transaction_id, occurrence_date, previous_next_date, previous_is_active,\n         completed_next_date, completed_is_active, completed_revision, status, created_at)\n        SELECT ?, ?, ?, ?, ?, ?, ?, ?, ?, 'completed', ?\n        WHERE EXISTS (SELECT 1 FROM planned_transactions WHERE id = ? AND latest_completion_id = ? AND revision = ?)\n          AND EXISTS (SELECT 1 FROM transactions WHERE id = ?)`,\n      args: [completionId, item.id, transactionId, item.nextDate, item.nextDate, Number(item.isActive), nextDate,\n        Number(remainsActive), completedRevision, now, item.id, completionId, completedRevision, transactionId],\n    },\n    {\n      sql: `UPDATE accounts SET balance_cents = balance_cents + ?, updated_at = ?, is_demo = 0\n        WHERE id = ? AND EXISTS (SELECT 1 FROM planned_completions WHERE id = ?)`,\n      args: [signedAmount, now, targetAccountId, completionId],\n    },\n  ];\n}\n\nconst claimSql = `UPDATE planned_completions SET operation_token = ?\n  WHERE id = ? AND COALESCE(correction_transaction_id, transaction_id) = ?\n    AND status IN ('completed', 'corrected') AND operation_token IS NULL\n    AND EXISTS (\n      SELECT 1 FROM planned_transactions p\n      WHERE p.id = planned_completions.planned_transaction_id\n        AND p.latest_completion_id = planned_completions.id\n        AND p.revision = planned_completions.completed_revision\n        AND p.next_date = planned_completions.completed_next_date\n        AND p.is_active = planned_completions.completed_is_active\n    )\n    AND EXISTS (SELECT 1 FROM transactions t\n      WHERE t.id = COALESCE(planned_completions.correction_transaction_id, planned_completions.transaction_id)\n        AND t.voided_at IS NULL)`;\n\nexport function undoPlannedStatements(input: { completionId: string; expectedEffectiveTransactionId: string; token: string; now: string }): SqlStatement[] {\n  const { completionId, expectedEffectiveTransactionId, token, now } = input;\n  return [\n    { sql: claimSql, args: [token, completionId, expectedEffectiveTransactionId] },\n    {\n      sql: `UPDATE accounts SET balance_cents = balance_cents -\n        (SELECT amount_cents FROM transactions WHERE id = (SELECT COALESCE(correction_transaction_id, transaction_id) FROM planned_completions WHERE id = ?)) , updated_at = ?, is_demo = 0\n        WHERE id = (SELECT account_id FROM transactions WHERE id = (SELECT COALESCE(correction_transaction_id, transaction_id) FROM planned_completions WHERE id = ?))\n          AND EXISTS (SELECT 1 FROM planned_completions WHERE id = ? AND operation_token = ?)`,\n      args: [completionId, now, completionId, completionId, token],\n    },\n    {\n      sql: `UPDATE transactions SET voided_at = ?, updated_at = ?, is_demo = 0\n        WHERE id = (SELECT COALESCE(correction_transaction_id, transaction_id) FROM planned_completions WHERE id = ?)\n          AND EXISTS (SELECT 1 FROM planned_completions WHERE id = ? AND operation_token = ?)`,\n      args: [now, now, completionId, completionId, token],\n    },\n    {\n      sql: `UPDATE planned_transactions SET\n        next_date = (SELECT previous_next_date FROM planned_completions WHERE id = ?),\n        is_active = (SELECT previous_is_active FROM planned_completions WHERE id = ?),\n        revision = revision + 1, latest_completion_id = NULL, updated_at = ?, is_demo = 0\n        WHERE id = (SELECT planned_transaction_id FROM planned_completions WHERE id = ?)\n          AND EXISTS (SELECT 1 FROM planned_completions WHERE id = ? AND operation_token = ?)`,\n      args: [completionId, completionId, now, completionId, completionId, token],\n    },\n    {\n      sql: `UPDATE planned_completions SET status = 'undone', adjusted_at = ?, last_operation_token = ?, operation_token = NULL\n        WHERE id = ? AND operation_token = ?`,\n      args: [now, token, completionId, token],\n    },\n  ];\n}\n\nexport function correctPlannedStatements(input: {\n  completionId: string;\n  expectedEffectiveTransactionId: string;\n  correctionTransactionId: string;\n  token: string;\n  accountId: string;\n  date: string;\n  amountCents: number;\n  now: string;\n}): SqlStatement[] {\n  const { completionId, expectedEffectiveTransactionId, correctionTransactionId, token, accountId, date, amountCents, now } = input;\n  return [\n    { sql: claimSql, args: [token, completionId, expectedEffectiveTransactionId] },\n    {\n      sql: `UPDATE accounts SET balance_cents = balance_cents -\n        (SELECT amount_cents FROM transactions WHERE id = (SELECT COALESCE(correction_transaction_id, transaction_id) FROM planned_completions WHERE id = ?)), updated_at = ?, is_demo = 0\n        WHERE id = (SELECT account_id FROM transactions WHERE id = (SELECT COALESCE(correction_transaction_id, transaction_id) FROM planned_completions WHERE id = ?))\n          AND EXISTS (SELECT 1 FROM planned_completions WHERE id = ? AND operation_token = ?)`,\n      args: [completionId, now, completionId, completionId, token],\n    },\n    {\n      sql: `UPDATE transactions SET voided_at = ?, updated_at = ?, is_demo = 0\n        WHERE id = (SELECT COALESCE(correction_transaction_id, transaction_id) FROM planned_completions WHERE id = ?)\n          AND EXISTS (SELECT 1 FROM planned_completions WHERE id = ? AND operation_token = ?)`,\n      args: [now, now, completionId, completionId, token],\n    },\n    {\n      sql: `INSERT INTO transactions\n        (id, account_id, date, amount_cents, currency, description, kind, status, source,\n         planned_transaction_id, corrected_from_transaction_id, created_at, updated_at)\n        SELECT ?, ?, ?, CASE WHEN t.kind = 'expense' THEN -? ELSE ? END, t.currency, t.description, t.kind,\n          'cleared', 'planned', t.planned_transaction_id, t.id, ?, ?\n        FROM planned_completions c JOIN transactions t\n          ON t.id = COALESCE(c.correction_transaction_id, c.transaction_id)\n        WHERE c.id = ? AND c.operation_token = ?`,\n      args: [correctionTransactionId, accountId, date, amountCents, amountCents, now, now, completionId, token],\n    },\n    {\n      sql: `UPDATE accounts SET balance_cents = balance_cents +\n        (SELECT amount_cents FROM transactions WHERE id = ?), updated_at = ?, is_demo = 0\n        WHERE id = ? AND EXISTS (SELECT 1 FROM planned_completions WHERE id = ? AND operation_token = ?)\n          AND EXISTS (SELECT 1 FROM transactions WHERE id = ?)`,\n      args: [correctionTransactionId, now, accountId, completionId, token, correctionTransactionId],\n    },\n    {\n      sql: `UPDATE planned_completions SET status = 'corrected', correction_transaction_id = ?, adjusted_at = ?,\n        last_operation_token = ?, operation_token = NULL\n        WHERE id = ? AND operation_token = ?`,\n      args: [correctionTransactionId, now, token, completionId, token],\n    },\n  ];\n}\n",[],[169,274],"c4ccfbb2-c04f-4f20-a34c-c0efde37abbf","migrations.ts","06b6de9c-b1b4-11f1-ab38-1607ee4eb77e",60,["D",1789565469086],"export type MigrationValue = string | number | null;\n\nexport type MigrationStatement = string | { sql: string; args: MigrationValue[] };\n\nexport interface MigrationResult {\n  rows: Array<Record<string, unknown>>;\n}\n\nexport interface MigrationDatabase {\n  execute(statement: MigrationStatement): Promise<MigrationResult>;\n  batch(statements: MigrationStatement[]): Promise<unknown>;\n}\n\nexport interface Migration {\n  version: number;\n  name: string;\n  statements: MigrationStatement[];\n}\n\nconst initialSchema: MigrationStatement[] = [\n  `CREATE TABLE accounts (\n    id TEXT PRIMARY KEY,\n    name TEXT NOT NULL,\n    type TEXT NOT NULL CHECK (type IN ('checking', 'savings', 'cash')),\n    currency TEXT NOT NULL DEFAULT 'EUR',\n    balance_cents INTEGER NOT NULL,\n    is_active INTEGER NOT NULL DEFAULT 1 CHECK (is_active IN (0, 1)),\n    created_at TEXT NOT NULL,\n    updated_at TEXT NOT NULL\n  )`,\n  `CREATE TABLE planned_transactions (\n    id TEXT PRIMARY KEY,\n    account_id TEXT REFERENCES accounts(id) ON DELETE SET NULL,\n    description TEXT NOT NULL,\n    kind TEXT NOT NULL CHECK (kind IN ('income', 'expense')),\n    amount_cents INTEGER NOT NULL CHECK (amount_cents > 0),\n    currency TEXT NOT NULL DEFAULT 'EUR',\n    recurrence TEXT NOT NULL CHECK (recurrence IN ('once', 'weekly', 'monthly', 'yearly')),\n    interval_count INTEGER NOT NULL DEFAULT 1 CHECK (interval_count > 0),\n    next_date TEXT NOT NULL,\n    end_date TEXT,\n    is_active INTEGER NOT NULL DEFAULT 1 CHECK (is_active IN (0, 1)),\n    created_at TEXT NOT NULL,\n    updated_at TEXT NOT NULL\n  )`,\n  `CREATE TABLE transactions (\n    id TEXT PRIMARY KEY,\n    account_id TEXT NOT NULL REFERENCES accounts(id) ON DELETE RESTRICT,\n    date TEXT NOT NULL,\n    amount_cents INTEGER NOT NULL CHECK (amount_cents != 0),\n    currency TEXT NOT NULL DEFAULT 'EUR',\n    description TEXT NOT NULL,\n    kind TEXT NOT NULL CHECK (kind IN ('income', 'expense', 'refund', 'transfer')),\n    status TEXT NOT NULL CHECK (status IN ('cleared', 'pending')),\n    source TEXT NOT NULL CHECK (source IN ('manual', 'import', 'planned')),\n    external_id TEXT,\n    import_identity TEXT,\n    transfer_group_id TEXT,\n    planned_transaction_id TEXT REFERENCES planned_transactions(id) ON DELETE SET NULL,\n    raw_metadata TEXT,\n    created_at TEXT NOT NULL,\n    updated_at TEXT NOT NULL\n  )`,\n  `CREATE UNIQUE INDEX transactions_import_identity_idx\n    ON transactions(import_identity) WHERE import_identity IS NOT NULL`,\n  `CREATE INDEX transactions_date_idx ON transactions(date)`,\n  `CREATE TABLE reserves (\n    id TEXT PRIMARY KEY,\n    name TEXT NOT NULL,\n    amount_cents INTEGER NOT NULL CHECK (amount_cents >= 0),\n    currency TEXT NOT NULL DEFAULT 'EUR',\n    note TEXT NOT NULL DEFAULT '',\n    is_active INTEGER NOT NULL DEFAULT 1 CHECK (is_active IN (0, 1)),\n    created_at TEXT NOT NULL,\n    updated_at TEXT NOT NULL\n  )`,\n  `CREATE TABLE imports (\n    id TEXT PRIMARY KEY,\n    filename TEXT NOT NULL,\n    status TEXT NOT NULL CHECK (status IN ('processing', 'completed', 'failed')),\n    row_count INTEGER NOT NULL DEFAULT 0,\n    imported_count INTEGER NOT NULL DEFAULT 0,\n    duplicate_count INTEGER NOT NULL DEFAULT 0,\n    error_summary TEXT,\n    created_at TEXT NOT NULL,\n    completed_at TEXT\n  )`,\n  `CREATE TABLE app_metadata (\n    key TEXT PRIMARY KEY,\n    value TEXT NOT NULL,\n    updated_at TEXT NOT NULL\n  )`,\n];\n\nexport const migrations: readonly Migration[] = [\n  { version: 1, name: \"initial schema\", statements: initialSchema },\n  {\n    version: 2,\n    name: \"demo data provenance\",\n    statements: [\n      \"ALTER TABLE accounts ADD COLUMN is_demo INTEGER NOT NULL DEFAULT 0 CHECK (is_demo IN (0, 1))\",\n      \"ALTER TABLE transactions ADD COLUMN is_demo INTEGER NOT NULL DEFAULT 0 CHECK (is_demo IN (0, 1))\",\n      \"ALTER TABLE planned_transactions ADD COLUMN is_demo INTEGER NOT NULL DEFAULT 0 CHECK (is_demo IN (0, 1))\",\n      \"ALTER TABLE reserves ADD COLUMN is_demo INTEGER NOT NULL DEFAULT 0 CHECK (is_demo IN (0, 1))\",\n    ],\n  },\n  {\n    version: 3,\n    name: \"planned completion audit\",\n    statements: [\n      \"ALTER TABLE planned_transactions ADD COLUMN revision INTEGER NOT NULL DEFAULT 0\",\n      \"ALTER TABLE planned_transactions ADD COLUMN latest_completion_id TEXT\",\n      \"ALTER TABLE transactions ADD COLUMN corrected_from_transaction_id TEXT REFERENCES transactions(id) ON DELETE RESTRICT\",\n      \"ALTER TABLE transactions ADD COLUMN voided_at TEXT\",\n      `CREATE TABLE planned_completions (\n        id TEXT PRIMARY KEY,\n        planned_transaction_id TEXT NOT NULL REFERENCES planned_transactions(id) ON DELETE RESTRICT,\n        transaction_id TEXT NOT NULL UNIQUE REFERENCES transactions(id) ON DELETE RESTRICT,\n        correction_transaction_id TEXT UNIQUE REFERENCES transactions(id) ON DELETE RESTRICT,\n        occurrence_date TEXT NOT NULL,\n        previous_next_date TEXT NOT NULL,\n        previous_is_active INTEGER NOT NULL CHECK (previous_is_active IN (0, 1)),\n        completed_next_date TEXT NOT NULL,\n        completed_is_active INTEGER NOT NULL CHECK (completed_is_active IN (0, 1)),\n        completed_revision INTEGER NOT NULL,\n        status TEXT NOT NULL CHECK (status IN ('completed', 'undone', 'corrected')),\n        operation_token TEXT,\n        last_operation_token TEXT,\n        created_at TEXT NOT NULL,\n        adjusted_at TEXT\n      )`,\n      \"CREATE INDEX planned_completions_plan_idx ON planned_completions(planned_transaction_id, created_at DESC)\",\n    ],\n  },\n  {\n    version: 4,\n    name: \"account balance reconciliation\",\n    statements: [\n      `CREATE TABLE account_reconciliations (\n        id TEXT PRIMARY KEY,\n        account_id TEXT NOT NULL REFERENCES accounts(id) ON DELETE RESTRICT,\n        date TEXT NOT NULL,\n        previous_balance_cents INTEGER NOT NULL,\n        actual_balance_cents INTEGER NOT NULL,\n        difference_cents INTEGER NOT NULL,\n        note TEXT NOT NULL DEFAULT '',\n        created_at TEXT NOT NULL\n      )`,\n      \"CREATE INDEX account_reconciliations_account_date_idx ON account_reconciliations(account_id, date DESC, created_at DESC)\",\n    ],\n  },\n  {\n    version: 5,\n    name: \"reserve goals\",\n    statements: [\n      \"ALTER TABLE reserves ADD COLUMN target_amount_cents INTEGER CHECK (target_amount_cents IS NULL OR target_amount_cents > 0)\",\n      \"ALTER TABLE reserves ADD COLUMN target_date TEXT CHECK ((target_amount_cents IS NULL) = (target_date IS NULL))\",\n    ],\n  },\n  {\n    version: 6,\n    name: \"reserve monthly contribution progress\",\n    statements: [\n      \"ALTER TABLE reserves ADD COLUMN contribution_month TEXT CHECK (contribution_month IS NULL OR length(contribution_month) = 7)\",\n      \"ALTER TABLE reserves ADD COLUMN contribution_cents INTEGER NOT NULL DEFAULT 0 CHECK (contribution_cents >= 0)\",\n    ],\n  },\n];\n\nexport async function migrateDatabase(\n  database: MigrationDatabase,\n  orderedMigrations: readonly Migration[] = migrations,\n  now: () => string = () => new Date().toISOString(),\n): Promise<void> {\n  validateMigrationOrder(orderedMigrations);\n  await database.execute(`CREATE TABLE IF NOT EXISTS schema_migrations (\n    version INTEGER PRIMARY KEY,\n    applied_at TEXT NOT NULL\n  )`);\n\n  for (const migration of orderedMigrations) {\n    const applied = await database.execute({\n      sql: \"SELECT 1 FROM schema_migrations WHERE version = ?\",\n      args: [migration.version],\n    });\n    if (applied.rows.length) continue;\n\n    const record: MigrationStatement = {\n      sql: \"INSERT INTO schema_migrations (version, applied_at) VALUES (?, ?)\",\n      args: [migration.version, now()],\n    };\n    try {\n      // Val Town SQLite batches are transactional. Keeping the marker in the\n      // same batch prevents a failed migration from appearing as applied.\n      await database.batch([...migration.statements, record]);\n    } catch (error) {\n      // Another cold start may have committed while this request was waiting.\n      // Version numbers are immutable, so its committed marker is authoritative.\n      const concurrent = await database.execute({\n        sql: \"SELECT 1 FROM schema_migrations WHERE version = ?\",\n        args: [migration.version],\n      });\n      if (concurrent.rows.length) continue;\n      throw new Error(`Database migration ${migration.version} (${migration.name}) failed`, { cause: error });\n    }\n  }\n}\n\nfunction validateMigrationOrder(orderedMigrations: readonly Migration[]): void {\n  let previous = 0;\n  for (const migration of orderedMigrations) {\n    if (!Number.isSafeInteger(migration.version) || migration.version <= previous) {\n      throw new Error(\"Database migrations must have unique ascending positive integer versions\");\n    }\n    if (!migration.name.trim() || migration.statements.length === 0) {\n      throw new Error(`Database migration ${migration.version} must have a name and statements`);\n    }\n    previous = migration.version;\n  }\n}\n",[],[169,282],"cccd28dd-ae71-4d72-ba95-4eb63564cefc","demo-data.ts","58dd70ae-b147-11f1-a9c6-1607ee4eb77e",36,["D",1789505541602],"import type { DemoDataState } from \"../shared/types.ts\";\n\nexport interface SqlStatement {\n  sql: string;\n  args?: (string | number | null)[];\n}\n\nexport const demoEntityTables = [\"accounts\", \"transactions\", \"planned_transactions\", \"reserves\"] as const;\nexport type DemoEntityTable = typeof demoEntityTables[number];\n\nexport function demoProvenanceMigrationSql(table: DemoEntityTable): string {\n  return `ALTER TABLE ${table} ADD COLUMN is_demo INTEGER NOT NULL DEFAULT 0 CHECK (is_demo IN (0, 1))`;\n}\n\nexport function demoStateQuery(): string {\n  return `SELECT\n    (${demoEntityTables.map((table) => `(SELECT COUNT(*) FROM ${table})`).join(\" + \")}) AS total_count,\n    (${demoEntityTables.map((table) => `(SELECT COUNT(*) FROM ${table} WHERE is_demo = 1)`).join(\" + \")}) AS demo_count`;\n}\n\nexport function classifyDemoData(totalCount: number, demoCount: number): DemoDataState {\n  if (totalCount === 0) return \"empty\";\n  return totalCount === demoCount ? \"demo-only\" : \"real-or-mixed\";\n}\n\nexport function isDuplicateIsDemoColumnError(error: unknown): boolean {\n  return error instanceof Error && /duplicate column name:\\s*is_demo/i.test(error.message);\n}\n\nexport function demoSeedStatements(input: {\n  claimToken: string;\n  checkingId: string;\n  savingsId: string;\n  transactionId: string;\n  salaryId: string;\n  mortgageId: string;\n  reserveId: string;\n  now: string;\n  monthStart: string;\n  salaryDate: string;\n  mortgageDate: string;\n}): SqlStatement[] {\n  const ownsClaim = `EXISTS (\n    SELECT 1 FROM app_metadata WHERE key = 'demo_seed_claim' AND value = ?\n  )`;\n  const allEntitiesEmpty = demoEntityTables.map((table) => `NOT EXISTS (SELECT 1 FROM ${table})`).join(\" AND \");\n  return [\n    {\n      sql: `DELETE FROM app_metadata WHERE key = 'demo_seed_claim' AND ${allEntitiesEmpty}`,\n    },\n    {\n      sql: `INSERT OR IGNORE INTO app_metadata (key, value, updated_at)\n        SELECT 'demo_seed_claim', ?, ?\n        WHERE ${allEntitiesEmpty}`,\n      args: [input.claimToken, input.now],\n    },\n    {\n      sql: `INSERT INTO accounts\n        (id, name, type, currency, balance_cents, is_active, created_at, updated_at, is_demo)\n        SELECT ?, 'Main account', 'checking', 'EUR', 284500, 1, ?, ?, 1 WHERE ${ownsClaim}`,\n      args: [input.checkingId, input.now, input.now, input.claimToken],\n    },\n    {\n      sql: `INSERT INTO accounts\n        (id, name, type, currency, balance_cents, is_active, created_at, updated_at, is_demo)\n        SELECT ?, 'Savings', 'savings', 'EUR', 620000, 1, ?, ?, 1 WHERE ${ownsClaim}`,\n      args: [input.savingsId, input.now, input.now, input.claimToken],\n    },\n    {\n      sql: `INSERT INTO transactions\n        (id, account_id, date, amount_cents, currency, description, kind, status, source,\n          transfer_group_id, planned_transaction_id, created_at, updated_at, is_demo)\n        SELECT ?, ?, ?, -8650, 'EUR', 'Synthetic household shop', 'expense', 'cleared', 'manual',\n          NULL, NULL, ?, ?, 1 WHERE ${ownsClaim}`,\n      args: [input.transactionId, input.checkingId, input.monthStart, input.now, input.now, input.claimToken],\n    },\n    {\n      sql: `INSERT INTO planned_transactions\n        (id, account_id, description, kind, amount_cents, currency, recurrence, interval_count,\n          next_date, end_date, is_active, created_at, updated_at, is_demo)\n        SELECT ?, ?, 'Synthetic salary', 'income', 280000, 'EUR', 'monthly', 1,\n          ?, NULL, 1, ?, ?, 1 WHERE ${ownsClaim}`,\n      args: [input.salaryId, input.checkingId, input.salaryDate, input.now, input.now, input.claimToken],\n    },\n    {\n      sql: `INSERT INTO planned_transactions\n        (id, account_id, description, kind, amount_cents, currency, recurrence, interval_count,\n          next_date, end_date, is_active, created_at, updated_at, is_demo)\n        SELECT ?, ?, 'Mortgage', 'expense', 58100, 'EUR', 'monthly', 1,\n          ?, NULL, 1, ?, ?, 1 WHERE ${ownsClaim}`,\n      args: [input.mortgageId, input.checkingId, input.mortgageDate, input.now, input.now, input.claimToken],\n    },\n    {\n      sql: `INSERT INTO reserves\n        (id, name, amount_cents, currency, note, is_active, created_at, updated_at, is_demo)\n        SELECT ?, 'Emergency buffer', 300000, 'EUR', 'Protected from normal spending', 1, ?, ?, 1\n        WHERE ${ownsClaim}`,\n      args: [input.reserveId, input.now, input.now, input.claimToken],\n    },\n  ];\n}\n\nexport function demoCleanupStatements(claimToken: string, now: string): SqlStatement[] {\n  const hasAnyRows = demoEntityTables.map((table) => `EXISTS (SELECT 1 FROM ${table})`).join(\" OR \");\n  const hasRealRows = demoEntityTables.map((table) => `EXISTS (SELECT 1 FROM ${table} WHERE is_demo = 0)`).join(\" OR \");\n  const ownsClaim = `EXISTS (\n    SELECT 1 FROM app_metadata WHERE key = 'demo_cleanup_claim' AND value = ?\n  )`;\n  return [\n    {\n      sql: `INSERT OR IGNORE INTO app_metadata (key, value, updated_at)\n        SELECT 'demo_cleanup_claim', ?, ?\n        WHERE (${hasAnyRows}) AND NOT (${hasRealRows})`,\n      args: [claimToken, now],\n    },\n    { sql: `DELETE FROM transactions WHERE is_demo = 1 AND ${ownsClaim}`, args: [claimToken] },\n    { sql: `DELETE FROM planned_transactions WHERE is_demo = 1 AND ${ownsClaim}`, args: [claimToken] },\n    { sql: `DELETE FROM reserves WHERE is_demo = 1 AND ${ownsClaim}`, args: [claimToken] },\n    { sql: `DELETE FROM accounts WHERE is_demo = 1 AND ${ownsClaim}`, args: [claimToken] },\n    {\n      sql: `DELETE FROM app_metadata\n        WHERE key = 'demo_seed_claim' AND ${ownsClaim}`,\n      args: [claimToken],\n    },\n    {\n      sql: \"DELETE FROM app_metadata WHERE key = 'demo_cleanup_claim' AND value = ?\",\n      args: [claimToken],\n    },\n  ];\n}\n",[],[169,290],"a4c2a8a4-8bf5-4a5a-8ff6-306eeeeca892","db.ts","c4b5efd0-af04-11f1-bb78-1607ee4eb77e",48,["D",1789552218922],"import { sqlite } from \"https://esm.town/v/std/sqlite/main.ts\";\nimport { migrateDatabase, type MigrationDatabase } from \"./migrations.ts\";\n\nexport const db = sqlite;\n\nlet initialized: Promise<void> | null = null;\n\nexport function ensureSchema(): Promise<void> {\n  initialized ??= migrateDatabase(db as unknown as MigrationDatabase).catch((error) => {\n    initialized = null;\n    throw error;\n  });\n  return initialized;\n}\n",[],[169,298],["D",1789257043295],[197,198,199,200,201,202,203,204],[169],"1861c029-4d6f-4028-b4c9-d7f27ae9b711","root.tsx","c489761c-af04-11f1-9abb-1607ee4eb77e",9,["D",1789257043718],"/** @jsxImportSource npm:hono@4/jsx */\nimport { raw } from \"npm:hono@4/html\";\nimport { immutableFileUrl } from \"https://esm.town/v/std/utils/index.ts\";\n\nexport function Root() {\n  return (\n    <>\n      {raw(\"<!DOCTYPE html>\")}\n      <html lang=\"en\">\n        <head>\n          <meta charSet=\"UTF-8\" />\n          <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0, viewport-fit=cover\" />\n          <meta name=\"theme-color\" content=\"#10221b\" />\n          <meta name=\"robots\" content=\"noindex,nofollow\" />\n          <title>BudgetApp</title>\n          <script src=\"https://cdn.twind.style\" crossOrigin=\"anonymous\" />\n          <link rel=\"icon\" href={immutableFileUrl(\"/frontend/favicon.svg\")} type=\"image/svg+xml\" />\n        </head>\n        <body className=\"m-0 bg-stone-50 text-stone-900 antialiased\">\n          <div id=\"root\" />\n          <script src=\"https://esm.town/v/std/catch\" />\n          <script src={immutableFileUrl(\"/frontend/index.tsx\")} type=\"module\" />\n        </body>\n      </html>\n    </>\n  );\n}\n",[],[175,309],"b4afe315-9e56-406e-8e1b-3a7e1d2b2db6","index.tsx","c4c46772-af04-11f1-82ca-1607ee4eb77e",16,["D",1789257043729],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\nimport { App } from \"./components/App.tsx\";\n\nconst root = document.getElementById(\"root\");\nif (!root) throw new Error(\"No root element found\");\ncreateRoot(root).render(<App />);\n",[],[175,317],"b7a8592b-3acf-4b51-8ba2-c1c5b9c02408","favicon.svg","c4a44d84-af04-11f1-b691-1607ee4eb77e",12,["D",1789257043786],"<svg width=\"32\" height=\"32\" viewBox=\"0 0 32 32\" xmlns=\"http://www.w3.org/2000/svg\">\n  <rect width=\"32\" height=\"32\" rx=\"9\" fill=\"#163c2d\"/>\n  <path d=\"M8 11.5A3.5 3.5 0 0 1 11.5 8h9A3.5 3.5 0 0 1 24 11.5v9a3.5 3.5 0 0 1-3.5 3.5h-9A3.5 3.5 0 0 1 8 20.5v-9Z\" fill=\"#d6f36a\"/>\n  <path d=\"M11 16h10M16 11v10\" stroke=\"#163c2d\" stroke-width=\"2.4\" stroke-linecap=\"round\"/>\n</svg>\n",[],[175,325],"e62dc942-2f5f-438f-a157-e2d092af22d2","c465efe4-af04-11f1-9abb-1607ee4eb77e",["D",1789567272489],6,[],[175,338,33],"components","6a897343-11a3-46d5-a98b-da6649dc1994",5,["D",1789257043481],[192],[175,338],["D",1789257043196],[191,193,194,195],[175],["D",1789257041201],["D",1789545036283],{"_101":100,"_108":104},{"_101":100,"_102":-5,"_103":104,"_18":56,"_105":106,"_107":25},{"_13":90,"_32":91,"_44":43,"_92":45,"_93":-5,"_94":-5,"_95":-5,"_96":-5,"_97":-5,"_98":46,"_99":100},"ctx",{"_83":-5,"_127":385,"_386":387,"_388":389,"_390":25,"_391":25,"_392":25,"_393":60,"_394":-5,"_395":-7,"_396":-7,"_397":64,"_398":25,"_399":25,"_400":-5,"_401":25,"_402":25,"_403":25,"_404":-5},"ENV",{"_356":357,"_358":359,"_360":91,"_361":362,"_363":364,"_365":366,"_367":368,"_369":370,"_371":372,"_373":374,"_375":376,"_377":378,"_379":380,"_381":382,"_383":384},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","fdb67791413f4386b4dbf18f354029a617f6160f","RENDER_GIT_BRANCH","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","CLOUDFLARE_TURNSTILE_SITE_KEY","0x4AAAAAACtaIZJH7s9rBMZ6","GOOGLE_CLIENT_ID","875989696899-jtsqkhlbdv5jrlsk8631p7ipjg3c6o62.apps.googleusercontent.com","STRIPE_PUBLISHABLE_KEY","pk_live_51N2zvWEpZTTLipIkVEwXrUG9AT0yeOOEYxszarZT1jpsZV58Ly6wlg3SltZpHN26CUalOBmUSY7adQRQiSkCZz2500qSXNkf8Y","API_URL","https://api.val.town",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]
</article></body></html>

Diff · v65