[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_251":252,"_253":254},"routes/_app.x.$handle.$name",{"_93":92,"_31":43,"_101":83,"_26":51,"_13":14,"_102":-5,"_11":103,"_104":105,"_106":107,"_108":109,"_110":111,"_20":-5,"_112":-5,"_113":-5,"_114":24,"_115":116,"_117":24,"_118":-5,"_119":-5,"_120":121},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_41":42,"_31":43,"_36":44,"_45":-5,"_46":24,"_47":48,"_49":48,"_50":51,"_52":-5,"_18":53,"_54":-5,"_55":24,"_56":-5,"_57":-5,"_58":59,"_60":61,"_62":-5,"_63":-5,"_64":-5,"_65":-5,"_66":67,"_68":67,"_69":70,"_71":70,"_72":70,"_73":67,"_74":67,"_75":76,"_77":78,"_79":80,"_81":24},"version",12,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":-7,"_23":24,"_25":24,"_26":27,"_28":27},"file",{"_29":30,"_31":32,"_33":20,"_34":35,"_36":37,"_38":14,"_39":40,"_23":24},"previous","deleted",false,"deletedHere","path","frontend/style.css","latestPath","fileId","ca4d2452-1203-11f1-86a1-42dde27851f2","name","style.css","fileType","content",":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","createdAt",["D",1771994291224],"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",{"_93":92,"_100":96},"org",{"_93":92,"_94":-5,"_95":96,"_18":53,"_97":98,"_99":24},"branch",{"_13":82,"_31":83,"_41":40,"_84":42,"_85":-5,"_86":-5,"_87":-5,"_88":-5,"_89":-5,"_90":43,"_91":92},"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",{"_41":42,"_31":43,"_36":247,"_45":-5,"_46":24,"_47":48,"_49":48,"_50":51,"_52":-5,"_18":53,"_54":-5,"_55":24,"_56":-5,"_57":-5,"_58":59,"_60":61,"_62":-5,"_63":-5,"_64":-5,"_65":-5,"_66":67,"_68":67,"_69":70,"_71":70,"_72":70,"_73":67,"_74":67,"_75":248,"_77":249,"_79":250,"_81":24},"tree",[158,160,169],"files",[158,159,160,161,162,163,164,165,166,167,168,169],"counts",{"_148":59,"_149":139,"_150":59,"_151":152,"_153":154},"contents",[122,123,124],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_41":142,"_31":143,"_29":144,"_128":-5,"_39":40,"_38":145,"_130":131,"_36":146,"_13":59,"_33":133,"_34":-5,"_23":24,"_134":-5,"_26":147},{"_41":136,"_31":137,"_29":138,"_128":-5,"_39":40,"_38":139,"_130":131,"_36":140,"_13":59,"_33":133,"_34":-5,"_23":24,"_134":-5,"_26":141},{"_41":125,"_31":126,"_29":127,"_128":-5,"_39":40,"_38":129,"_130":131,"_36":132,"_13":59,"_33":133,"_34":-5,"_23":24,"_134":-5,"_26":135},"c9b62002-1203-11f1-8965-42dde27851f2","shared","c9b62174-1203-11f1-8965-42dde27851f2","parentId",3,"latest",true,["D",1771994290349],"directory","label",[126],"c95f498a-1203-11f1-a32e-42dde27851f2","frontend","c95f4a52-1203-11f1-a32e-42dde27851f2",1,["D",1771994289777],[137],"c97e8fc0-1203-11f1-8965-42dde27851f2","backend","c97e906a-1203-11f1-8965-42dde27851f2",2,["D",1771994289982],[143],"pulls","branches","forks","envVars",{"_155":129,"_157":59},"connections",{"_155":59,"_156":59},"count","unfilledCount","emptyCount",{"_41":142,"_31":143,"_29":144,"_128":-5,"_39":40,"_38":145,"_130":131,"_36":244,"_13":59,"_33":133,"_34":-5,"_23":24,"_134":-5,"_171":245,"_26":246},{"_41":237,"_31":238,"_29":239,"_128":144,"_39":40,"_38":240,"_130":131,"_36":241,"_13":59,"_33":133,"_34":-5,"_23":24,"_134":-5,"_171":242,"_26":243},{"_41":136,"_31":137,"_29":138,"_128":-5,"_39":40,"_38":139,"_130":131,"_36":234,"_13":59,"_33":133,"_34":-5,"_23":24,"_134":-5,"_171":235,"_26":236},{"_41":229,"_31":204,"_29":198,"_128":138,"_39":40,"_38":230,"_130":131,"_36":231,"_13":59,"_33":133,"_34":-5,"_23":24,"_134":-5,"_171":232,"_26":233},{"_41":221,"_31":222,"_29":223,"_128":198,"_39":40,"_38":224,"_130":24,"_36":225,"_13":59,"_33":183,"_34":226,"_23":24,"_134":-5,"_171":227,"_26":228},{"_41":213,"_31":214,"_29":215,"_128":198,"_39":40,"_38":216,"_130":131,"_36":217,"_13":59,"_33":183,"_34":218,"_23":24,"_134":-5,"_171":219,"_26":220},{"_41":205,"_31":206,"_29":207,"_128":198,"_39":40,"_38":208,"_130":24,"_36":209,"_13":59,"_33":183,"_34":210,"_23":24,"_134":-5,"_171":211,"_26":212},{"_41":195,"_31":196,"_29":197,"_128":198,"_39":40,"_38":199,"_130":131,"_36":200,"_13":59,"_33":183,"_34":201,"_23":24,"_134":-5,"_171":202,"_26":203},{"_41":187,"_31":188,"_29":189,"_128":138,"_39":40,"_38":190,"_130":131,"_36":191,"_13":59,"_33":20,"_34":192,"_23":24,"_134":-5,"_171":193,"_26":194},{"_41":178,"_31":179,"_29":180,"_128":138,"_39":40,"_38":181,"_130":131,"_36":182,"_13":59,"_33":183,"_34":184,"_23":24,"_134":-5,"_171":185,"_26":186},{"_41":174,"_31":32,"_29":30,"_128":138,"_39":40,"_38":14,"_130":131,"_36":175,"_13":59,"_33":20,"_34":35,"_23":24,"_134":-5,"_171":176,"_26":177},{"_41":125,"_31":126,"_29":127,"_128":-5,"_39":40,"_38":129,"_130":131,"_36":170,"_13":59,"_33":133,"_34":-5,"_23":24,"_134":-5,"_171":172,"_26":173},["D",1771994290349],"children",[],[126],"ca4d2394-1203-11f1-86a1-42dde27851f2",["D",1771994291224],[],[137,32],"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",[],[137,179],"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",[],[137,188],"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",[],[137,204,196],"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",[],[137,204,206],"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",[],[137,204,214],"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",[],[137,204,222],"c9d7cfea-1203-11f1-aea5-42dde27851f2",4,["D",1771994290565],[162,163,164,165],[137,204],["D",1771994289777],[161,166,167,168],[137],"ca044f0c-1203-11f1-bfb6-42dde27851f2","database","ca044fac-1203-11f1-bfb6-42dde27851f2",5,["D",1771994290859],[],[143,238],["D",1771994289982],[159],[143],["D",1771992592978],{"_93":92,"_100":96},{"_93":92,"_94":-5,"_95":96,"_18":53,"_97":98,"_99":24},{"_13":82,"_31":83,"_41":40,"_84":42,"_85":-5,"_86":-5,"_87":-5,"_88":-5,"_89":-5,"_90":43,"_91":92},"ctx",{"_75":-5,"_119":284,"_285":286,"_287":288,"_289":24,"_290":24,"_291":24,"_292":131,"_293":-5,"_294":-7,"_295":-7,"_296":59,"_297":24,"_298":24,"_299":-5,"_300":24,"_301":24,"_302":24,"_303":-5},"ENV",{"_255":256,"_257":258,"_259":83,"_260":261,"_262":263,"_264":265,"_266":267,"_268":269,"_270":271,"_272":273,"_274":275,"_276":277,"_278":279,"_280":281,"_282":283},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","e87eb04e707cf64e7e532c8e8ec395f209e17f15","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 · v12