[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_271":272,"_273":274},"routes/_app.x.$handle.$name",{"_92":91,"_31":42,"_100":82,"_26":50,"_13":14,"_101":-5,"_11":102,"_103":104,"_105":106,"_107":108,"_109":110,"_20":-5,"_111":-5,"_112":-5,"_113":24,"_114":115,"_116":24,"_117":-5,"_118":-5,"_119":120},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_40":41,"_31":42,"_35":43,"_44":-5,"_45":24,"_46":47,"_48":47,"_49":50,"_51":-5,"_18":52,"_53":-5,"_54":24,"_55":-5,"_56":-5,"_57":58,"_59":60,"_61":-5,"_62":-5,"_63":-5,"_64":-5,"_65":66,"_67":66,"_68":69,"_70":69,"_71":69,"_72":66,"_73":66,"_74":75,"_76":77,"_78":79,"_80":24},"version",14,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":-7,"_23":24,"_25":24,"_26":27,"_28":27},"file",{"_29":30,"_31":27,"_32":20,"_33":34,"_35":36,"_37":14,"_38":39,"_23":24},"previous","deleted",false,"deletedHere","path","deno.json","latestPath","fileId","ca5bf504-1203-11f1-89fb-42dde27851f2","name","fileType","content","{\n \"$schema\": \"https://raw.githubusercontent.com/denoland/deno/98f62cee78e85bfc47c62ed703777c6bc8794f1c/cli/schemas/config-file.v1.json\",\n \"lock\": false,\n \"compilerOptions\": {\n \"noImplicitAny\": false,\n \"strict\": true,\n \"types\": [\"https://www.val.town/types/valtown.d.ts\"],\n \"lib\": [\n \"dom\",\n \"dom.iterable\",\n \"dom.asynciterable\",\n \"deno.ns\",\n \"deno.unstable\"\n ]\n },\n \"lint\": {\n \"include\": [\"deno:/https/esm.town/**/*\"],\n \"rules\": {\n \"exclude\": [\"no-explicit-any\"]\n }\n },\n \"node_modules_dir\": false,\n \"experimental\": {\n \"unstable-node-globals\": true,\n \"unstable-temporal\": true,\n \"unstable-worker-options\": true,\n \"unstable-sloppy-imports\": true\n }\n}","createdAt",["D",1771994291432],"branchVersion","branchId","d6000d54-11ff-11f1-b7b3-42dde27851f2","id","d5ffaa26-11ff-11f1-b7b3-42dde27851f2","runway",["D",1771992592978],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","","imageUrl","7ed186b0-c78a-4757-a5b0-12c00ac89afa","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount",0,"orgId","e9195859-3c6b-4b40-bb3e-c11844477fdf","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_92":91,"_99":95},"org",{"_92":91,"_93":-5,"_94":95,"_18":52,"_96":97,"_98":24},"branch",{"_13":81,"_31":82,"_40":39,"_83":41,"_84":-5,"_85":-5,"_86":-5,"_87":-5,"_88":-5,"_89":42,"_90":91},"isOwned",45,"main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","shapedlines","handle","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18yYlc2Q1A2eUFyNEdDeXBud0E0bFJyWlJVUzQifQ","tier","pro","canRestrictVals","profileImageUrl","branchName","adoptOrgId",{"_40":41,"_31":42,"_35":267,"_44":-5,"_45":24,"_46":47,"_48":47,"_49":50,"_51":-5,"_18":52,"_53":-5,"_54":24,"_55":-5,"_56":-5,"_57":58,"_59":60,"_61":-5,"_62":-5,"_63":-5,"_64":-5,"_65":66,"_67":66,"_68":69,"_70":69,"_71":69,"_72":66,"_73":66,"_74":268,"_76":269,"_78":270,"_80":24},"tree",[161,164,173,174],"files",[161,162,163,164,165,166,167,168,169,170,171,172,173,174],"counts",{"_151":58,"_152":142,"_153":58,"_154":155,"_156":157},"contents",[121,122,123,124],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_40":145,"_31":146,"_29":147,"_126":-5,"_38":39,"_37":148,"_127":128,"_35":149,"_13":58,"_32":137,"_33":-5,"_23":24,"_130":-5,"_26":150},{"_40":139,"_31":140,"_29":141,"_126":-5,"_38":39,"_37":142,"_127":128,"_35":143,"_13":58,"_32":137,"_33":-5,"_23":24,"_130":-5,"_26":144},{"_40":132,"_31":133,"_29":134,"_126":-5,"_38":39,"_37":135,"_127":128,"_35":136,"_13":58,"_32":137,"_33":-5,"_23":24,"_130":-5,"_26":138},{"_40":125,"_31":27,"_29":30,"_126":-5,"_38":39,"_37":14,"_127":128,"_35":129,"_13":58,"_32":20,"_33":34,"_23":24,"_130":-5,"_26":131},"ca5bf446-1203-11f1-89fb-42dde27851f2","parentId","latest",true,["D",1771994291432],"label",[27],"c9b62002-1203-11f1-8965-42dde27851f2","shared","c9b62174-1203-11f1-8965-42dde27851f2",3,["D",1771994290349],"directory",[133],"c95f498a-1203-11f1-a32e-42dde27851f2","frontend","c95f4a52-1203-11f1-a32e-42dde27851f2",1,["D",1771994289777],[140],"c97e8fc0-1203-11f1-8965-42dde27851f2","backend","c97e906a-1203-11f1-8965-42dde27851f2",2,["D",1771994289982],[146],"pulls","branches","forks","envVars",{"_158":135,"_160":58},"connections",{"_158":58,"_159":58},"count","unfilledCount","emptyCount",{"_40":145,"_31":146,"_29":147,"_126":-5,"_38":39,"_37":148,"_127":128,"_35":264,"_13":58,"_32":137,"_33":-5,"_23":24,"_130":-5,"_176":265,"_26":266},{"_40":259,"_31":258,"_29":252,"_126":147,"_38":39,"_37":260,"_127":128,"_35":261,"_13":58,"_32":137,"_33":-5,"_23":24,"_130":-5,"_176":262,"_26":263},{"_40":249,"_31":250,"_29":251,"_126":252,"_38":39,"_37":253,"_127":24,"_35":254,"_13":58,"_32":195,"_33":255,"_23":24,"_130":-5,"_176":256,"_26":257},{"_40":139,"_31":140,"_29":141,"_126":-5,"_38":39,"_37":142,"_127":128,"_35":246,"_13":58,"_32":137,"_33":-5,"_23":24,"_130":-5,"_176":247,"_26":248},{"_40":241,"_31":216,"_29":210,"_126":141,"_38":39,"_37":242,"_127":128,"_35":243,"_13":58,"_32":137,"_33":-5,"_23":24,"_130":-5,"_176":244,"_26":245},{"_40":233,"_31":234,"_29":235,"_126":210,"_38":39,"_37":236,"_127":24,"_35":237,"_13":58,"_32":195,"_33":238,"_23":24,"_130":-5,"_176":239,"_26":240},{"_40":225,"_31":226,"_29":227,"_126":210,"_38":39,"_37":228,"_127":128,"_35":229,"_13":58,"_32":195,"_33":230,"_23":24,"_130":-5,"_176":231,"_26":232},{"_40":217,"_31":218,"_29":219,"_126":210,"_38":39,"_37":220,"_127":24,"_35":221,"_13":58,"_32":195,"_33":222,"_23":24,"_130":-5,"_176":223,"_26":224},{"_40":207,"_31":208,"_29":209,"_126":210,"_38":39,"_37":211,"_127":128,"_35":212,"_13":58,"_32":195,"_33":213,"_23":24,"_130":-5,"_176":214,"_26":215},{"_40":199,"_31":200,"_29":201,"_126":141,"_38":39,"_37":202,"_127":128,"_35":203,"_13":58,"_32":20,"_33":204,"_23":24,"_130":-5,"_176":205,"_26":206},{"_40":190,"_31":191,"_29":192,"_126":141,"_38":39,"_37":193,"_127":128,"_35":194,"_13":58,"_32":195,"_33":196,"_23":24,"_130":-5,"_176":197,"_26":198},{"_40":182,"_31":183,"_29":184,"_126":141,"_38":39,"_37":185,"_127":128,"_35":186,"_13":58,"_32":20,"_33":187,"_23":24,"_130":-5,"_176":188,"_26":189},{"_40":132,"_31":133,"_29":134,"_126":-5,"_38":39,"_37":135,"_127":128,"_35":179,"_13":58,"_32":137,"_33":-5,"_23":24,"_130":-5,"_176":180,"_26":181},{"_40":125,"_31":27,"_29":30,"_126":-5,"_38":39,"_37":14,"_127":128,"_35":175,"_13":58,"_32":20,"_33":34,"_23":24,"_130":-5,"_176":177,"_26":178},["D",1771994291432],"children",[],[27],["D",1771994290349],[],[133],"ca4d2394-1203-11f1-86a1-42dde27851f2","style.css","ca4d2452-1203-11f1-86a1-42dde27851f2",12,["D",1771994291224],":root {\n --bg-base: #0B0F0E;\n --bg-surface: #141A18;\n --bg-surface-hover: #1A2220;\n --border: #1E2A26;\n --border-subtle: #162220;\n --primary: #34D399;\n --primary-dim: #34D39940;\n --text: #F0FDF4;\n --text-muted: #86EFAC80;\n --text-secondary: #A7C4B8;\n --positive: #34D399;\n --warning: #FBBF24;\n --danger: #F87171;\n --income: #6EE7B7;\n}\n\n* {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n}\n\nhtml, body {\n background: var(--bg-base);\n color: var(--text);\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\n -webkit-font-smoothing: antialiased;\n min-height: 100vh;\n}\n\n#root {\n max-width: 640px;\n margin: 0 auto;\n padding: 0 16px;\n}\n\n/* Progress bar */\n.progress-track {\n height: 6px;\n background: var(--border);\n border-radius: 3px;\n overflow: hidden;\n}\n\n.progress-fill {\n height: 100%;\n border-radius: 3px;\n transition: width 0.4s ease;\n}\n\n/* Tab bar */\n.tab-bar {\n display: flex;\n gap: 2px;\n background: var(--bg-surface);\n border-radius: 10px;\n padding: 3px;\n margin-bottom: 24px;\n}\n\n.tab-bar button {\n flex: 1;\n padding: 8px 16px;\n border: none;\n border-radius: 8px;\n background: transparent;\n color: var(--text-muted);\n font-size: 14px;\n font-weight: 500;\n cursor: pointer;\n transition: all 0.2s;\n}\n\n.tab-bar button.active {\n background: var(--primary-dim);\n color: var(--primary);\n}\n\n/* Cards */\n.card {\n background: var(--bg-surface);\n border: 1px solid var(--border-subtle);\n border-radius: 12px;\n padding: 16px;\n margin-bottom: 12px;\n}\n\n.card-header {\n display: flex;\n justify-content: space-between;\n align-items: center;\n cursor: pointer;\n user-select: none;\n}\n\n/* Badge */\n.badge {\n display: inline-block;\n padding: 2px 8px;\n border-radius: 6px;\n font-size: 11px;\n font-weight: 500;\n background: var(--primary-dim);\n color: var(--primary);\n cursor: pointer;\n transition: background 0.15s;\n}\n\n.badge:hover {\n background: var(--primary);\n color: var(--bg-base);\n}\n\n.badge.empty {\n background: var(--border);\n color: var(--text-muted);\n}\n\n/* Transaction row */\n.tx-row {\n display: flex;\n align-items: center;\n gap: 12px;\n padding: 10px 0;\n border-bottom: 1px solid var(--border-subtle);\n}\n\n.tx-row:last-child {\n border-bottom: none;\n}\n\n/* Modal overlay */\n.modal-overlay {\n position: fixed;\n inset: 0;\n background: rgba(0, 0, 0, 0.7);\n display: flex;\n align-items: flex-end;\n justify-content: center;\n z-index: 50;\n animation: fadeIn 0.15s ease;\n}\n\n.modal-sheet {\n background: var(--bg-surface);\n border: 1px solid var(--border);\n border-radius: 16px 16px 0 0;\n width: 100%;\n max-width: 640px;\n max-height: 70vh;\n overflow-y: auto;\n padding: 20px;\n animation: slideUp 0.2s ease;\n}\n\n.modal-option {\n padding: 12px;\n border-radius: 8px;\n cursor: pointer;\n color: var(--text);\n transition: background 0.15s;\n}\n\n.modal-option:hover {\n background: var(--bg-surface-hover);\n}\n\n.modal-option.selected {\n background: var(--primary-dim);\n color: var(--primary);\n}\n\n@keyframes fadeIn {\n from { opacity: 0; }\n to { opacity: 1; }\n}\n\n@keyframes slideUp {\n from { transform: translateY(100%); }\n to { transform: translateY(0); }\n}\n\n/* Summary row */\n.summary-row {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 6px 0;\n}\n\n/* Setup screen */\n.setup-container {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n min-height: 60vh;\n gap: 16px;\n text-align: center;\n}\n\n.btn {\n padding: 10px 20px;\n border: none;\n border-radius: 8px;\n font-size: 14px;\n font-weight: 600;\n cursor: pointer;\n transition: all 0.15s;\n}\n\n.btn-primary {\n background: var(--primary);\n color: var(--bg-base);\n}\n\n.btn-primary:hover {\n filter: brightness(1.1);\n}\n\n.btn-primary:disabled {\n opacity: 0.5;\n cursor: not-allowed;\n}\n\n.btn-ghost {\n background: transparent;\n color: var(--text-muted);\n border: 1px solid var(--border);\n}\n\n.btn-ghost:hover {\n border-color: var(--primary);\n color: var(--primary);\n}\n\n/* Spinner */\n.spinner {\n width: 20px;\n height: 20px;\n border: 2px solid var(--border);\n border-top-color: var(--primary);\n border-radius: 50%;\n animation: spin 0.6s linear infinite;\n display: inline-block;\n}\n\n@keyframes spin {\n to { transform: rotate(360deg); }\n}\n\n/* Month selector */\n.month-nav {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 16px;\n margin-bottom: 20px;\n}\n\n.month-nav button {\n background: none;\n border: none;\n color: var(--text-muted);\n font-size: 20px;\n cursor: pointer;\n padding: 4px 8px;\n border-radius: 6px;\n transition: color 0.15s;\n}\n\n.month-nav button:hover {\n color: var(--primary);\n}\n\n.month-nav span {\n font-size: 16px;\n font-weight: 600;\n min-width: 140px;\n text-align: center;\n}\n\n/* Filter bar */\n.filter-bar {\n display: flex;\n gap: 8px;\n margin-bottom: 16px;\n}\n\n.filter-bar input,\n.filter-bar select {\n flex: 1;\n padding: 8px 12px;\n background: var(--bg-surface);\n border: 1px solid var(--border);\n border-radius: 8px;\n color: var(--text);\n font-size: 13px;\n outline: none;\n transition: border-color 0.15s;\n}\n\n.filter-bar input:focus,\n.filter-bar select:focus {\n border-color: var(--primary);\n}\n\n.filter-bar select option {\n background: var(--bg-surface);\n}\n",[],[140,183],"ca23adfc-1203-11f1-a75d-42dde27851f2","index.tsx","ca23aed8-1203-11f1-a75d-42dde27851f2",7,["D",1771994291053],"script","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from \"https://esm.sh/react@18.2.0\";\nimport ReactDOM from \"https://esm.sh/react-dom@18.2.0\";\nimport { App } from \"./components/App.tsx\";\n\nReactDOM.createRoot(document.getElementById(\"root\")!).render();\n",[],[140,191],"ca1f7a98-1203-11f1-8965-42dde27851f2","index.html","ca1f7b60-1203-11f1-8965-42dde27851f2",6,["D",1771994291040],"\n\n\n \n \n \n \n \n Runway\n $\" />\n \n \n \n\n\n

\n \n\n\n",[],[140,200],"ca3ba740-1203-11f1-bb6e-42dde27851f2","Transactions.tsx","ca3ba7fe-1203-11f1-bb6e-42dde27851f2","c9d7d0b2-1203-11f1-aea5-42dde27851f2",10,["D",1771994291187],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState, useEffect, useCallback } from \"https://esm.sh/react@18.2.0\";\nimport type { Transaction } from \"../../shared/types.ts\";\nimport { ALL_CATEGORIES } from \"../../shared/categories.ts\";\nimport { CategoryPicker } from \"./CategoryPicker.tsx\";\n\nfunction currentMonth(): string {\n const d = new Date();\n return `${d.getFullYear()}-${String(d.getMonth() + 1).padStart(2, \"0\")}`;\n}\n\nfunction shiftMonth(month: string, delta: number): string {\n const [y, m] = month.split(\"-\").map(Number);\n const d = new Date(y, m - 1 + delta, 1);\n return `${d.getFullYear()}-${String(d.getMonth() + 1).padStart(2, \"0\")}`;\n}\n\nfunction formatMonth(month: string): string {\n const [y, m] = month.split(\"-\").map(Number);\n return new Date(y, m - 1).toLocaleDateString(\"en-US\", { month: \"long\", year: \"numeric\" });\n}\n\nfunction formatDate(ts: number): string {\n return new Date(ts * 1000).toLocaleDateString(\"en-US\", { month: \"short\", day: \"numeric\" });\n}\n\nfunction dollars(n: number): string {\n const abs = Math.abs(n);\n const formatted = \"$\" + abs.toLocaleString(\"en-US\", { minimumFractionDigits: 2, maximumFractionDigits: 2 });\n return n < 0 ? `-${formatted}` : formatted;\n}\n\nexport function Transactions() {\n const [month, setMonth] = useState(currentMonth);\n const [category, setCategory] = useState(\"\");\n const [search, setSearch] = useState(\"\");\n const [transactions, setTransactions] = useState([]);\n const [total, setTotal] = useState(0);\n const [loading, setLoading] = useState(true);\n\n const [pickerTx, setPickerTx] = useState(null);\n\n const fetchTx = useCallback(async () => {\n setLoading(true);\n const params = new URLSearchParams();\n params.set(\"month\", month);\n if (category) params.set(\"category\", category);\n if (search) params.set(\"search\", search);\n params.set(\"limit\", \"500\");\n\n const res = await fetch(`/api/transactions?${params}`);\n const data = await res.json();\n setTransactions(data.transactions);\n setTotal(data.total);\n setLoading(false);\n }, [month, category, search]);\n\n useEffect(() => {\n fetchTx();\n }, [fetchTx]);\n\n const handleCategoryUpdate = useCallback(async (newCategory: string) => {\n if (!pickerTx) return;\n await fetch(`/api/transactions/${encodeURIComponent(pickerTx.id)}`, {\n method: \"PATCH\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify({ category: newCategory }),\n });\n setPickerTx(null);\n fetchTx();\n }, [pickerTx, fetchTx]);\n\n return (\n

\n \n {formatMonth(month)}\n \n

\n\n

\n setSearch(e.target.value)}\n />\n \n

\n\n

\n {total} transaction{total !== 1 ? \"s\" : \"\"}\n

\n\n {loading ? (\n

\n ) : transactions.length === 0 ? (\n

\n No transactions found\n

\n ) : (\n

\n {transactions.map((tx) => {\n const amount = parseFloat(tx.amount);\n const isIncome = amount > 0;\n return (\n

\n {formatDate(tx.posted)}\n

\n {tx.payee || tx.description}\n

\n {tx.is_transfer && (\n transfer\n )}\n

\n setPickerTx(tx)}\n >\n {tx.category || \"—\"}\n

\n {dollars(amount)}\n

\n );\n })}\n

\n )}\n\n {pickerTx && (\n setPickerTx(null)}\n />\n )}\n \n );\n}\n",[],[140,216,208],"components","ca377076-1203-11f1-a532-42dde27851f2","Dashboard.tsx","ca37713e-1203-11f1-a532-42dde27851f2",9,["D",1771994291180],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState, useEffect, useCallback } from \"https://esm.sh/react@18.2.0\";\nimport type { BudgetSummary, BudgetSummaryGroup, BudgetSummaryItem } from \"../../shared/types.ts\";\n\nfunction formatMonth(month: string): string {\n const [y, m] = month.split(\"-\").map(Number);\n return new Date(y, m - 1).toLocaleDateString(\"en-US\", { month: \"long\", year: \"numeric\" });\n}\n\nfunction shiftMonth(month: string, delta: number): string {\n const [y, m] = month.split(\"-\").map(Number);\n const d = new Date(y, m - 1 + delta, 1);\n return `${d.getFullYear()}-${String(d.getMonth() + 1).padStart(2, \"0\")}`;\n}\n\nfunction currentMonth(): string {\n const d = new Date();\n return `${d.getFullYear()}-${String(d.getMonth() + 1).padStart(2, \"0\")}`;\n}\n\nfunction dollars(n: number): string {\n return \"$\" + Math.abs(n).toLocaleString(\"en-US\", { minimumFractionDigits: 2, maximumFractionDigits: 2 });\n}\n\nfunction pct(actual: number, target: number): number {\n if (target <= 0) return 0;\n return Math.min((actual / target) * 100, 100);\n}\n\nfunction barColor(actual: number, target: number): string {\n if (target <= 0) return \"var(--primary)\";\n const ratio = actual / target;\n if (ratio > 1) return \"var(--danger)\";\n if (ratio > 0.8) return \"var(--warning)\";\n return \"var(--primary)\";\n}\n\nfunction ProgressBar({ actual, target }: { actual: number; target: number }) {\n return (\n

\n \n

\n );\n}\n\nfunction BudgetItemRow({ item }: { item: BudgetSummaryItem }) {\n const over = item.actual > item.target;\n return (\n

\n {item.name}\n \n {dollars(item.actual)}\n / {dollars(item.target)}\n \n

\n \n

\n );\n}\n\nfunction GroupCard({ group }: { group: BudgetSummaryGroup }) {\n const [expanded, setExpanded] = useState(false);\n const over = group.totalActual > group.totalTarget;\n\n return (\n

setExpanded(!expanded)}>\n

{group.name}

\n {group.items.length} categories\n

\n {dollars(group.totalActual)}\n

/ {dollars(group.totalTarget)}

\n \n {expanded && (\n

\n {group.items.map((item) => (\n \n ))}\n

\n )}\n

\n );\n}\n\nexport function Dashboard() {\n const [month, setMonth] = useState(currentMonth);\n const [summary, setSummary] = useState(null);\n const [loading, setLoading] = useState(true);\n\n const fetchSummary = useCallback(async (m: string) => {\n setLoading(true);\n const res = await fetch(`/api/budget/summary?month=${m}`);\n const data: BudgetSummary = await res.json();\n setSummary(data);\n setLoading(false);\n }, []);\n\n useEffect(() => {\n fetchSummary(month);\n }, [month, fetchSummary]);\n\n const savingsPositive = (summary?.savings ?? 0) >= 0;\n\n return (\n

\n \n {formatMonth(month)}\n \n

\n\n {loading ? (\n

\n ) : summary ? (\n <>\n {/* Top-level summary cards */}\n

Income

{dollars(summary.totalIncome)}

Spent

{dollars(summary.totalExpenses)}

Saved

\n {savingsPositive ? \"\" : \"-\"}{dollars(summary.savings)}\n

\n {summary.savingsRate.toFixed(1)}%\n

\n\n {/* Budget vs target bar */}\n

\n Total Budget\n \n {dollars(summary.totalExpenses)} / {dollars(summary.expenseTarget)}\n \n

\n \n

\n\n {/* Category groups */}\n {summary.groups.map((group) => (\n \n ))}\n \n ) : null}\n

\n );\n}\n",[],[140,216,218],"ca462a4e-1203-11f1-ac8f-42dde27851f2","CategoryPicker.tsx","ca462b34-1203-11f1-ac8f-42dde27851f2",11,["D",1771994291229],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from \"https://esm.sh/react@18.2.0\";\nimport type { BudgetGroup } from \"../../shared/types.ts\";\nimport { BUDGET_GROUPS } from \"../../shared/categories.ts\";\n\ninterface Props {\n currentCategory: string;\n onSelect: (category: string) => void;\n onClose: () => void;\n}\n\nconst EXTRA_OPTIONS = [\n { group: \"Other\", items: [\"Other\", \"Uncategorized\", \"Transfer\", \"Income\"] },\n];\n\nexport function CategoryPicker({ currentCategory, onSelect, onClose }: Props) {\n return (\n

e.stopPropagation()}>\n

Set Category

\n \n ✕\n \n

\n\n {BUDGET_GROUPS.map((group: BudgetGroup) => (\n

\n {group.name}\n

\n {group.items.map((item) => (\n onSelect(item.ruleCategory)}\n >\n {item.name}\n

\n ))}\n

\n ))}\n\n {EXTRA_OPTIONS.map((section) => (\n

\n {section.group}\n

\n {section.items.map((cat) => (\n onSelect(cat)}\n >\n {cat}\n

\n ))}\n

\n ))}\n \n \n );\n}\n",[],[140,216,226],"ca3403b4-1203-11f1-ab27-42dde27851f2","App.tsx","ca340454-1203-11f1-ab27-42dde27851f2",8,["D",1771994291174],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState, useCallback } from \"https://esm.sh/react@18.2.0\";\nimport { Dashboard } from \"./Dashboard.tsx\";\nimport { Transactions } from \"./Transactions.tsx\";\n\ntype Tab = \"dashboard\" | \"transactions\";\n\nexport function App() {\n const [tab, setTab] = useState(\"dashboard\");\n const [syncing, setSyncing] = useState(false);\n const [refreshKey, setRefreshKey] = useState(0);\n\n const config = (window as any).__RUNWAY_CONFIG__ ?? { connected: false };\n const [connected, setConnected] = useState(config.connected);\n\n const handleClaim = useCallback(async () => {\n setSyncing(true);\n try {\n const res = await fetch(\"/api/simplefin/claim\", { method: \"POST\" });\n const data = await res.json();\n if (!res.ok) throw new Error(data.error);\n setConnected(true);\n // Trigger initial sync after claiming\n await fetch(\"/api/sync\", { method: \"POST\" });\n setRefreshKey((k) => k + 1);\n } catch (err: any) {\n console.error(\"Claim error:\", err.message);\n } finally {\n setSyncing(false);\n }\n }, []);\n\n const handleSync = useCallback(async () => {\n setSyncing(true);\n try {\n await fetch(\"/api/sync\", { method: \"POST\" });\n setRefreshKey((k) => k + 1);\n } finally {\n setSyncing(false);\n }\n }, []);\n\n if (!connected) {\n return (\n

Runway

\n Connect your bank via SimpleFIN to start tracking your budget.\n Set the SIMPLEFIN_SETUP_TOKEN env var first.\n

\n \n

\n );\n }\n\n return (\n

Runway

\n \n

\n\n

\n \n \n

\n\n {tab === \"dashboard\" && }\n {tab === \"transactions\" && }\n

\n );\n}\n",[],[140,216,234],"c9d7cfea-1203-11f1-aea5-42dde27851f2",4,["D",1771994290565],[166,167,168,169],[140,216],["D",1771994289777],[165,170,171,172],[140],"ca57533c-1203-11f1-9a25-42dde27851f2","queries.ts","ca57540e-1203-11f1-9a25-42dde27851f2","ca044fac-1203-11f1-bfb6-42dde27851f2",13,["D",1771994291403],"import { sqlite } from \"https://esm.town/v/stevekrouse/sqlite\";\nimport type { Account, Transaction } from \"../../shared/types.ts\";\n\nconst ACCOUNTS = \"runway_accounts\";\nconst TRANSACTIONS = \"runway_transactions\";\nconst SYNC_STATE = \"runway_sync_state\";\n\n// ---------------------------------------------------------------------------\n// Sync state\n// ---------------------------------------------------------------------------\n\nexport async function getSyncState(key: string): Promise {\n const result = await sqlite.execute(\n `SELECT value FROM ${SYNC_STATE} WHERE key = ?`,\n [key],\n );\n return result.rows.length > 0 ? String(result.rows[0][0]) : null;\n}\n\nexport async function setSyncState(key: string, value: string): Promise {\n await sqlite.execute(\n `INSERT OR REPLACE INTO ${SYNC_STATE} (key, value) VALUES (?, ?)`,\n [key, value],\n );\n}\n\n// ---------------------------------------------------------------------------\n// Accounts\n// ---------------------------------------------------------------------------\n\nexport async function upsertAccount(account: Account): Promise {\n await sqlite.execute(\n `INSERT OR REPLACE INTO ${ACCOUNTS}\n (id, name, org_domain, currency, balance, balance_date, excluded)\n VALUES (?, ?, ?, ?, ?, ?, ?)`,\n [\n account.id,\n account.name,\n account.org_domain,\n account.currency,\n account.balance,\n account.balance_date,\n account.excluded ? 1 : 0,\n ],\n );\n}\n\nexport async function getAccounts(): Promise {\n const result = await sqlite.execute(`SELECT * FROM ${ACCOUNTS} ORDER BY name`);\n return result.rows.map((row) => ({\n id: String(row[0]),\n name: String(row[1]),\n org_domain: String(row[2]),\n currency: String(row[3]),\n balance: String(row[4]),\n balance_date: Number(row[5]),\n excluded: Boolean(row[6]),\n }));\n}\n\nexport async function setAccountExcluded(id: string, excluded: boolean): Promise {\n await sqlite.execute(\n `UPDATE ${ACCOUNTS} SET excluded = ? WHERE id = ?`,\n [excluded ? 1 : 0, id],\n );\n}\n\nexport async function getExcludedAccountIds(): Promise> {\n const result = await sqlite.execute(\n `SELECT id FROM ${ACCOUNTS} WHERE excluded = 1`,\n );\n return new Set(result.rows.map((row) => String(row[0])));\n}\n\n// ---------------------------------------------------------------------------\n// Transactions\n// ---------------------------------------------------------------------------\n\nexport async function upsertTransaction(tx: Transaction): Promise {\n await sqlite.execute(\n `INSERT INTO ${TRANSACTIONS}\n (id, account_id, posted, amount, description, payee, notes, category, category_source, is_transfer, pending)\n VALUES (?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?)\n ON CONFLICT(id) DO UPDATE SET\n account_id = excluded.account_id,\n posted = excluded.posted,\n amount = excluded.amount,\n description = excluded.description,\n payee = CASE WHEN ${TRANSACTIONS}.category_source = 'manual' THEN ${TRANSACTIONS}.payee ELSE excluded.payee END,\n notes = excluded.notes,\n category = CASE WHEN ${TRANSACTIONS}.category_source = 'manual' THEN ${TRANSACTIONS}.category ELSE excluded.category END,\n category_source = CASE WHEN ${TRANSACTIONS}.category_source = 'manual' THEN 'manual' ELSE excluded.category_source END,\n is_transfer = CASE WHEN ${TRANSACTIONS}.category_source = 'manual' THEN ${TRANSACTIONS}.is_transfer ELSE excluded.is_transfer END,\n pending = excluded.pending`,\n [\n tx.id,\n tx.account_id,\n tx.posted,\n tx.amount,\n tx.description,\n tx.payee,\n tx.notes,\n tx.category,\n tx.category_source,\n tx.is_transfer ? 1 : 0,\n tx.pending ? 1 : 0,\n ],\n );\n}\n\nfunction rowToTransaction(row: any[]): Transaction {\n return {\n id: String(row[0]),\n account_id: String(row[1]),\n posted: Number(row[2]),\n amount: String(row[3]),\n description: String(row[4]),\n payee: String(row[5]),\n notes: String(row[6]),\n category: String(row[7]),\n category_source: String(row[8]) as Transaction[\"category_source\"],\n is_transfer: Boolean(row[9]),\n pending: Boolean(row[10]),\n };\n}\n\nexport async function getTransactions(opts: {\n month?: string;\n category?: string;\n search?: string;\n limit?: number;\n offset?: number;\n}): Promise<{ transactions: Transaction[]; total: number }> {\n const conditions: string[] = [];\n const params: any[] = [];\n\n if (opts.month) {\n const [year, month] = opts.month.split(\"-\").map(Number);\n const start = new Date(year, month - 1, 1).getTime() / 1000;\n const end = new Date(year, month, 1).getTime() / 1000;\n conditions.push(\"posted >= ? AND posted < ?\");\n params.push(start, end);\n }\n\n if (opts.category) {\n conditions.push(\"category = ?\");\n params.push(opts.category);\n }\n\n if (opts.search) {\n conditions.push(\"(payee LIKE ? OR description LIKE ?)\");\n const term = `%${opts.search}%`;\n params.push(term, term);\n }\n\n const where = conditions.length > 0 ? `WHERE ${conditions.join(\" AND \")}` : \"\";\n\n const countResult = await sqlite.execute(\n `SELECT COUNT(*) FROM ${TRANSACTIONS} ${where}`,\n params,\n );\n const total = Number(countResult.rows[0][0]);\n\n const limit = opts.limit ?? 200;\n const offset = opts.offset ?? 0;\n const dataResult = await sqlite.execute(\n `SELECT * FROM ${TRANSACTIONS} ${where} ORDER BY posted DESC LIMIT ? OFFSET ?`,\n [...params, limit, offset],\n );\n\n return {\n transactions: dataResult.rows.map(rowToTransaction),\n total,\n };\n}\n\nexport async function updateTransactionCategory(\n id: string,\n category: string,\n isTransfer: boolean,\n): Promise {\n await sqlite.execute(\n `UPDATE ${TRANSACTIONS} SET category = ?, category_source = 'manual', is_transfer = ? WHERE id = ?`,\n [category, isTransfer ? 1 : 0, id],\n );\n}\n\nexport async function getMonthlySpendByCategory(month: string): Promise> {\n const [year, m] = month.split(\"-\").map(Number);\n const start = new Date(year, m - 1, 1).getTime() / 1000;\n const end = new Date(year, m, 1).getTime() / 1000;\n\n const result = await sqlite.execute(\n `SELECT category, SUM(CAST(amount AS REAL)) as total\n FROM ${TRANSACTIONS}\n WHERE posted >= ? AND posted < ? AND is_transfer = 0\n GROUP BY category`,\n [start, end],\n );\n\n const spending: Record = {};\n for (const row of result.rows) {\n spending[String(row[0])] = Number(row[1]);\n }\n return spending;\n}\n\nexport async function getMonthlyIncome(month: string): Promise {\n const [year, m] = month.split(\"-\").map(Number);\n const start = new Date(year, m - 1, 1).getTime() / 1000;\n const end = new Date(year, m, 1).getTime() / 1000;\n\n const result = await sqlite.execute(\n `SELECT SUM(CAST(amount AS REAL))\n FROM ${TRANSACTIONS}\n WHERE posted >= ? AND posted < ? AND category = 'Income'`,\n [start, end],\n );\n\n return result.rows[0][0] ? Number(result.rows[0][0]) : 0;\n}\n",[],[146,258,250],"database","ca044f0c-1203-11f1-bfb6-42dde27851f2",5,["D",1771994290859],[163],[146,258],["D",1771994289982],[162],[146],["D",1771992592978],{"_92":91,"_99":95},{"_92":91,"_93":-5,"_94":95,"_18":52,"_96":97,"_98":24},{"_13":81,"_31":82,"_40":39,"_83":41,"_84":-5,"_85":-5,"_86":-5,"_87":-5,"_88":-5,"_89":42,"_90":91},"ctx",{"_74":-5,"_118":304,"_305":306,"_307":308,"_309":24,"_310":24,"_311":24,"_312":128,"_313":-5,"_314":-7,"_315":-7,"_316":58,"_317":24,"_318":24,"_319":-5,"_320":24,"_321":24,"_322":24,"_323":-5},"ENV",{"_275":276,"_277":278,"_279":82,"_280":281,"_282":283,"_284":285,"_286":287,"_288":289,"_290":291,"_292":293,"_294":295,"_296":297,"_298":299,"_300":301,"_302":303},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","5015b8df46402d8bba4f485ecc37aec202b0e06b","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"]

Diff · v14