ADV160 Maintenance

[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_424":425,"_426":427},"routes/_app.x.$handle.$name",{"_99":98,"_32":46,"_108":89,"_27":109,"_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":126,"_127":-5,"_128":-5,"_129":130},"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":-5,"_58":25,"_59":-5,"_60":-5,"_61":62,"_63":64,"_65":66,"_67":68,"_69":70,"_71":-5,"_72":73,"_74":73,"_75":76,"_77":76,"_78":76,"_79":73,"_80":73,"_81":82,"_83":84,"_85":86,"_87":25},"version",51,"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/Fuel.tsx","latestPath","fileId","a4a6f7d8-7f0d-11f1-bf41-1607ee4eb77e","name","Fuel.tsx","fileType","script","content","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useState } from \"https://esm.sh/react@18.2.0\";\nimport { api } from \"../lib/api.ts\";\nimport type { AppState } from \"../lib/api.ts\";\nimport { fdate, km, money, num, todayISO } from \"../lib/format.ts\";\nimport { Button, Card, EmptyState, Field, Icon, Input, Modal, Stat } from \"./ui.tsx\";\nimport type { Mutate, ViewProps } from \"./App.tsx\";\n\nexport function FuelView({ state, mutate }: ViewProps) {\n const [open, setOpen] = useState(false);\n const cur = state.settings.currency;\n const eco = state.fuel_economy;\n const segByToKm = new Map(eco.segments.map((s) => [s.to_km, s.km_per_l]));\n\n return (\n

\n \n

\n \n \n \n

\n \n\n \n\n {state.fuel.length === 0\n ? (\n \n \n \n )\n : (\n

\n {state.fuel.map((f) => {\n const kmpl = f.is_full_tank === 1 ? segByToKm.get(f.odometer_km) : undefined;\n return (\n \n

{km(f.odometer_km)}

{fdate(f.filled_at)}

{num(f.liters, 2)} L

\n {f.total_cost != null ? money(cur, f.total_cost) : (f.price_per_liter != null ? `${money(cur, f.price_per_liter)}/L` : \"—\")}\n

\n {f.is_full_tank === 1\n ? Full tank\n : Partial}\n {kmpl != null && {num(kmpl, 1)} km/L this tank}\n

\n confirm(\"Delete this fill-up?\") && mutate(api.deleteFuel(f.id))}\n className=\"text-xs text-red-500 hover:underline\"\n >\n Delete\n \n

\n {f.notes &&

{f.notes}

}\n \n );\n })}\n

\n )}\n\n {open && setOpen(false)} />}\n

\n );\n}\n\nfunction AddFuel({ state, mutate, onClose }: { state: AppState; mutate: Mutate; onClose: () => void }) {\n const [date, setDate] = useState(todayISO());\n const [odo, setOdo] = useState(String(state.vehicle.current_odometer_km || \"\"));\n const [liters, setLiters] = useState(\"\");\n const [ppl, setPpl] = useState(\"\");\n const [total, setTotal] = useState(\"\");\n const [full, setFull] = useState(true);\n const [notes, setNotes] = useState(\"\");\n const [busy, setBusy] = useState(false);\n\n async function submit() {\n if (odo === \"\" || liters === \"\") return;\n setBusy(true);\n await mutate(api.addFuel({\n filled_at: date,\n odometer_km: Number(odo),\n liters: Number(liters),\n price_per_liter: ppl === \"\" ? null : Number(ppl),\n total_cost: total === \"\" ? null : Number(total),\n is_full_tank: full,\n notes,\n }));\n setBusy(false);\n onClose();\n }\n\n return (\n \n

\n \n setDate(e.target.value)} />\n \n \n setOdo(e.target.value)} />\n \n

\n \n setLiters(e.target.value)} placeholder=\"e.g. 4.2\" />\n \n \n setTotal(e.target.value)} />\n \n

\n \n setPpl(e.target.value)} />\n \n \n setFull(e.target.checked)} />\n Filled the tank completely (needed for economy calc)\n \n \n setNotes(e.target.value)} />\n \n

\n \n \n

\n \n );\n}\n","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useState } from \"https://esm.sh/react@18.2.0\";\nimport { api } from \"../lib/api.ts\";\nimport type { AppState } from \"../lib/api.ts\";\nimport { fdate, km, money, num, todayISO } from \"../lib/format.ts\";\nimport { Button, Card, EmptyState, Field, Icon, Input, Modal, Stat } from \"./ui.tsx\";\nimport type { Mutate, ViewProps } from \"./App.tsx\";\n\nexport function FuelView({ state, mutate }: ViewProps) {\n const [open, setOpen] = useState(false);\n const cur = state.settings.currency;\n const eco = state.fuel_economy;\n const segByToKm = new Map(eco.segments.map((s) => [s.to_km, s.km_per_l]));\n\n return (\n

\n \n

\n \n \n \n

\n \n\n \n\n {state.fuel.length === 0\n ? (\n \n \n \n )\n : (\n

\n {state.fuel.map((f) => {\n const kmpl = f.is_full_tank === 1 ? segByToKm.get(f.odometer_km) : undefined;\n return (\n \n

{km(f.odometer_km)}

{fdate(f.filled_at)}

{num(f.liters, 2)} L

\n {f.total_cost != null ? money(cur, f.total_cost) : (f.price_per_liter != null ? `${money(cur, f.price_per_liter)}/L` : \"—\")}\n

\n {f.is_full_tank === 1\n ? Full tank\n : Partial}\n {kmpl != null && {num(kmpl, 1)} km/L this tank}\n

\n confirm(\"Delete this fill-up?\") && mutate(api.deleteFuel(f.id))}\n className=\"text-xs text-red-500 hover:underline\"\n >\n Delete\n \n

\n {f.notes &&

{f.notes}

}\n \n );\n })}\n

\n )}\n\n {open && setOpen(false)} />}\n

\n \n setDate(e.target.value)} />\n \n \n setOdo(e.target.value)} />\n \n

\n \n setLiters(e.target.value)} placeholder=\"e.g. 4.2\" />\n \n \n setTotal(e.target.value)} />\n \n

\n \n setPpl(e.target.value)} />\n \n \n setFull(e.target.checked)} />\n Filled the tank completely (needed for economy calc)\n \n \n setNotes(e.target.value)} />\n \n

\n \n \n

\n \n );\n}\n","createdAt",["D",1783984955922],"branchVersion","branchId","58afea27-3712-426c-ac55-6ff71fa69b2d","id","1f303e60-ab6b-42ff-8f49-6eb8e87de881","adv160-tracker",["D",1783982520711],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","Honda ADV160 maintenance tracker (PWA)","imageUrl","49091ede-0c48-4a6b-bdf2-2c256984d2e3","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount",0,"orgId","019ef139-9657-71ac-a5f0-37f41375e2b5","tursoName","1f303e60ab6b42ff8f496eb8e87de881","tursoHostname","1f303e60ab6b42ff8f496eb8e87de881-val-town.aws-us-east-2.turso.io","tursoMeasuredAt",["D",1789489305251],"pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_99":98,"_107":103},"org",{"_99":98,"_100":101,"_102":103,"_18":56,"_104":105,"_106":25},"branch",{"_13":88,"_32":89,"_44":43,"_90":45,"_91":-5,"_92":-5,"_93":-5,"_94":-5,"_95":-5,"_96":46,"_97":98},"isOwned",158,"main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","joshuaballesta","handle","displayName","Joshua Ballesta","avatar","https://lh3.googleusercontent.com/a/ACg8ocIq5SbD8bqDShV77ZIQSf_McOeZWlWCW6SFQ5xEjysyl4FV0ftx=s96-c","tier","free","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_44":45,"_32":46,"_39":419,"_48":-5,"_49":25,"_50":51,"_52":51,"_53":54,"_55":-5,"_18":56,"_57":-5,"_58":25,"_59":-5,"_60":-5,"_61":62,"_63":64,"_65":66,"_67":68,"_69":420,"_71":-5,"_72":73,"_74":73,"_75":76,"_77":76,"_78":76,"_79":73,"_80":73,"_81":421,"_83":422,"_85":423,"_87":25},"tree",[184,189,191,210,213],"files",[184,185,186,187,188,189,190,191,192,193,194,195,196,197,198,199,200,201,202,203,204,205,206,207,208,209,210,211,212,213],"counts",{"_173":62,"_174":175,"_176":62,"_177":178,"_179":180},"contents",[131,132,133,134,135],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles",true,"grants","orgs","customDomains",{},{"_44":167,"_32":168,"_30":169,"_139":-5,"_42":43,"_41":170,"_141":126,"_39":171,"_13":62,"_34":153,"_36":-5,"_24":25,"_146":-5,"_27":172},{"_44":161,"_32":162,"_30":163,"_139":-5,"_42":43,"_41":164,"_141":126,"_39":165,"_13":62,"_34":153,"_36":-5,"_24":25,"_146":-5,"_27":166},{"_44":155,"_32":156,"_30":157,"_139":-5,"_42":43,"_41":158,"_141":126,"_39":159,"_13":62,"_34":153,"_36":-5,"_24":25,"_146":-5,"_27":160},{"_44":148,"_32":149,"_30":150,"_139":-5,"_42":43,"_41":151,"_141":126,"_39":152,"_13":62,"_34":153,"_36":-5,"_24":25,"_146":-5,"_27":154},{"_44":136,"_32":137,"_30":138,"_139":-5,"_42":43,"_41":140,"_141":25,"_39":142,"_13":143,"_34":144,"_36":145,"_24":25,"_146":-5,"_27":147},"b8aa2c59-292b-4abc-96da-72741f093584","index.ts","0fdb1676-7f0c-11f1-8c45-1607ee4eb77e","parentId",28,"latest",["D",1783983435851],3,"http","/**\n * Honda ADV160 maintenance tracker — HTTP entry.\n * Serves the React PWA and a JSON API. All /api/* routes are gated by\n * \"Log in with Val Town\", restricted to the owner account.\n */\nimport { parseVal, serveFile } from \"https://esm.town/v/std/utils/index.ts\";\nimport { Hono } from \"npm:hono\";\nimport {\n getOAuthUserData,\n oauthMiddleware,\n} from \"https://esm.town/v/std/oauth/middleware.ts\";\nimport { blob } from \"https://esm.town/v/std/blob/main.ts\";\nimport {\n getFuelLogs,\n getRecords,\n getServiceTypes,\n getSettings,\n getVehicle,\n ready,\n sqlite,\n} from \"./backend/db.ts\";\nimport { computeDue, dateOnly, estimateKmPerDay } from \"./backend/schedule.ts\";\nimport { runReminders } from \"./backend/reminders.ts\";\nimport { costSummary, fuelEconomy } from \"./backend/stats.ts\";\nimport { CATEGORIES } from \"./shared/schedule.ts\";\n\nconst OWNER = \"joshuaballesta\";\n\nconst app = new Hono();\napp.onError((err) => Promise.reject(err));\n\n// ---------- Static frontend (public; contains no private data) ----------\napp.get(\"/\", () => serveFile(\"/frontend/index.html\"));\napp.get(\"/frontend/**/*\", (c) => serveFile(c.req.path));\napp.get(\"/shared/**/*\", (c) => serveFile(c.req.path));\napp.get(\"/sw.js\", () => serveFile(\"/frontend/sw.js\"));\napp.get(\"/manifest.json\", () => serveFile(\"/frontend/manifest.json\"));\napp.get(\"/source\", (c) => c.redirect(parseVal().links.self.val));\n\n// ---------- Auth gate for the whole API ----------\napp.use(\"/api/*\", async (c, next) => {\n const session = await getOAuthUserData(c.req.raw);\n if (!session?.user) {\n return c.json({ error: \"unauthorized\", login: \"/auth/login\" }, 401);\n }\n if (session.user.username !== OWNER) {\n return c.json({ error: \"forbidden\" }, 403);\n }\n await next();\n});\n\n// ---------- Helpers ----------\nfunction n(x: unknown): number | null {\n if (x === \"\" || x === null || x === undefined) return null;\n const v = Number(x);\n return Number.isFinite(v) ? v : null;\n}\nfunction reqNum(x: unknown, fallback = 0): number {\n const v = n(x);\n return v == null ? fallback : v;\n}\nfunction s(x: unknown): string {\n return x == null ? \"\" : String(x);\n}\n\nconst EXT_MIME: Record = {\n jpg: \"image/jpeg\",\n jpeg: \"image/jpeg\",\n png: \"image/png\",\n webp: \"image/webp\",\n gif: \"image/gif\",\n};\n\nfunction extFor(mime: string): string {\n if (mime.includes(\"png\")) return \"png\";\n if (mime.includes(\"webp\")) return \"webp\";\n if (mime.includes(\"gif\")) return \"gif\";\n return \"jpg\";\n}\n\nfunction dataUrlToBytes(dataUrl: string): { bytes: Uint8Array; mime: string } | null {\n const m = /^data:([^;]+);base64,(.*)$/s.exec(dataUrl);\n if (!m) return null;\n const mime = m[1];\n const bin = atob(m[2]);\n const bytes = new Uint8Array(bin.length);\n for (let i = 0; i < bin.length; i++) bytes[i] = bin.charCodeAt(i);\n return { bytes, mime };\n}\n\nasync function storePhotos(dataUrls: string[]): Promise {\n const keys: string[] = [];\n for (const url of dataUrls.slice(0, 6)) {\n const parsed = dataUrlToBytes(url);\n if (!parsed) continue;\n const ext = extFor(parsed.mime);\n const key = `photo:${Date.now()}-${Math.random().toString(36).slice(2, 8)}.${ext}`;\n await blob.set(key, parsed.bytes);\n keys.push(key);\n }\n return keys;\n}\n\nasync function deletePhotos(keys: string[]): Promise {\n for (const k of keys) {\n try {\n await blob.delete(k);\n } catch (_) { /* ignore missing */ }\n }\n}\n\n// Bump the vehicle's current odometer if a newer/higher reading arrives.\nasync function maybeAdvanceOdometer(km: number | null, when: string): Promise {\n if (km == null) return;\n const v = await getVehicle();\n if (km > v.current_odometer_km) {\n await sqlite.execute({\n sql: \"UPDATE vehicle SET current_odometer_km = ?, odometer_updated_at = ? WHERE id = 1\",\n args: [km, new Date().toISOString()],\n });\n await sqlite.execute({\n sql: \"INSERT INTO odometer_readings (km, recorded_at) VALUES (?, ?)\",\n args: [km, dateOnly(when) || new Date().toISOString().slice(0, 10)],\n });\n }\n}\n\n// Full application state — returned on load and after each mutation.\nasync function buildState() {\n await ready();\n const [vehicle, settings, serviceTypes, records, fuel] = await Promise.all([\n getVehicle(),\n getSettings(),\n getServiceTypes(),\n getRecords(),\n getFuelLogs(),\n ]);\n const readingsRes = await sqlite.execute(\n \"SELECT km, recorded_at FROM odometer_readings ORDER BY recorded_at\",\n );\n const readings = readingsRes.rows.map((r) => ({\n km: Number(r.km),\n recorded_at: String(r.recorded_at),\n }));\n const kmPerDay = estimateKmPerDay(vehicle, readings);\n const due = computeDue(vehicle, settings, serviceTypes, records, kmPerDay);\n return {\n vehicle,\n settings,\n service_types: serviceTypes,\n records,\n fuel,\n due,\n km_per_day: kmPerDay,\n fuel_economy: fuelEconomy(fuel),\n costs: costSummary(records, fuel, serviceTypes),\n categories: CATEGORIES,\n };\n}\n\n// ---------- API routes ----------\napp.get(\"/api/bootstrap\", async (c) => c.json(await buildState()));\n\napp.put(\"/api/vehicle\", async (c) => {\n const b = await c.req.json();\n await sqlite.execute({\n sql: `UPDATE vehicle SET name=?, make=?, model=?, year=?, plate=?, color=?,\n baseline_odometer_km=?, baseline_date=? WHERE id=1`,\n args: [\n s(b.name),\n s(b.make),\n s(b.model),\n n(b.year),\n s(b.plate),\n s(b.color),\n reqNum(b.baseline_odometer_km),\n dateOnly(s(b.baseline_date)) || new Date().toISOString().slice(0, 10),\n ],\n });\n return c.json(await buildState());\n});\n\napp.post(\"/api/odometer\", async (c) => {\n const b = await c.req.json();\n const km = n(b.km);\n if (km == null) return c.json({ error: \"km required\" }, 400);\n const when = dateOnly(s(b.recorded_at)) || new Date().toISOString().slice(0, 10);\n await sqlite.execute({\n sql: \"INSERT INTO odometer_readings (km, recorded_at) VALUES (?, ?)\",\n args: [km, when],\n });\n await sqlite.execute({\n sql: \"UPDATE vehicle SET current_odometer_km=?, odometer_updated_at=? WHERE id=1\",\n args: [km, new Date().toISOString()],\n });\n return c.json(await buildState());\n});\n\napp.post(\"/api/service-types\", async (c) => {\n const b = await c.req.json();\n await sqlite.execute({\n sql: `INSERT INTO service_types\n (service_key, name, category, interval_km, interval_months, first_km, first_months, enabled, note)\n VALUES (NULL, ?, ?, ?, ?, ?, ?, 1, ?)`,\n args: [\n s(b.name) || \"Custom service\",\n s(b.category) || \"Other\",\n n(b.interval_km),\n n(b.interval_months),\n n(b.first_km),\n n(b.first_months),\n s(b.note),\n ],\n });\n return c.json(await buildState());\n});\n\napp.put(\"/api/service-types/:id\", async (c) => {\n const id = Number(c.req.param(\"id\"));\n const b = await c.req.json();\n await sqlite.execute({\n sql: `UPDATE service_types SET name=?, category=?, interval_km=?, interval_months=?,\n first_km=?, first_months=?, enabled=?, note=? WHERE id=?`,\n args: [\n s(b.name),\n s(b.category) || \"Other\",\n n(b.interval_km),\n n(b.interval_months),\n n(b.first_km),\n n(b.first_months),\n b.enabled ? 1 : 0,\n s(b.note),\n id,\n ],\n });\n return c.json(await buildState());\n});\n\napp.delete(\"/api/service-types/:id\", async (c) => {\n const id = Number(c.req.param(\"id\"));\n await sqlite.execute({ sql: \"DELETE FROM service_types WHERE id=?\", args: [id] });\n return c.json(await buildState());\n});\n\n// Snooze reminders for a service type by 7 days (marks it reminded now).\napp.post(\"/api/service-types/:id/snooze\", async (c) => {\n const id = Number(c.req.param(\"id\"));\n await sqlite.execute({\n sql: \"UPDATE service_types SET last_reminder_sent_at=? WHERE id=?\",\n args: [new Date().toISOString(), id],\n });\n return c.json(await buildState());\n});\n\napp.post(\"/api/records\", async (c) => {\n const b = await c.req.json();\n const photos: string[] = Array.isArray(b.photos) ? b.photos : [];\n const keys = await storePhotos(photos);\n const km = n(b.odometer_km);\n const performed = dateOnly(s(b.performed_at)) || new Date().toISOString().slice(0, 10);\n await sqlite.execute({\n sql: `INSERT INTO service_records\n (service_type_id, name, performed_at, odometer_km, cost, notes, photo_keys, created_at)\n VALUES (?, ?, ?, ?, ?, ?, ?, ?)`,\n args: [\n n(b.service_type_id),\n s(b.name) || \"Service\",\n performed,\n km,\n n(b.cost),\n s(b.notes),\n JSON.stringify(keys),\n new Date().toISOString(),\n ],\n });\n await maybeAdvanceOdometer(km, performed);\n return c.json(await buildState());\n});\n\napp.delete(\"/api/records/:id\", async (c) => {\n const id = Number(c.req.param(\"id\"));\n const r = await sqlite.execute({\n sql: \"SELECT photo_keys FROM service_records WHERE id=?\",\n args: [id],\n });\n if (r.rows[0]) {\n try {\n await deletePhotos(JSON.parse(String(r.rows[0].photo_keys) || \"[]\"));\n } catch (_) { /* ignore */ }\n }\n await sqlite.execute({ sql: \"DELETE FROM service_records WHERE id=?\", args: [id] });\n return c.json(await buildState());\n});\n\napp.post(\"/api/fuel\", async (c) => {\n const b = await c.req.json();\n const km = n(b.odometer_km);\n const liters = n(b.liters);\n if (km == null || liters == null) return c.json({ error: \"odometer_km and liters required\" }, 400);\n const ppl = n(b.price_per_liter);\n const total = n(b.total_cost) ?? (ppl != null ? ppl * liters : null);\n const filled = dateOnly(s(b.filled_at)) || new Date().toISOString().slice(0, 10);\n await sqlite.execute({\n sql: `INSERT INTO fuel_logs\n (filled_at, odometer_km, liters, price_per_liter, total_cost, is_full_tank, notes, created_at)\n VALUES (?, ?, ?, ?, ?, ?, ?, ?)`,\n args: [\n filled,\n km,\n liters,\n ppl,\n total,\n b.is_full_tank === false ? 0 : 1,\n s(b.notes),\n new Date().toISOString(),\n ],\n });\n await maybeAdvanceOdometer(km, filled);\n return c.json(await buildState());\n});\n\napp.delete(\"/api/fuel/:id\", async (c) => {\n const id = Number(c.req.param(\"id\"));\n await sqlite.execute({ sql: \"DELETE FROM fuel_logs WHERE id=?\", args: [id] });\n return c.json(await buildState());\n});\n\napp.put(\"/api/settings\", async (c) => {\n const b = await c.req.json();\n await sqlite.execute({\n sql: `UPDATE settings SET reminder_lead_days=?, reminder_lead_km=?, currency=?, timezone=?, email=? WHERE id=1`,\n args: [\n reqNum(b.reminder_lead_days, 7),\n reqNum(b.reminder_lead_km, 200),\n s(b.currency) || \"PHP\",\n s(b.timezone) || \"Asia/Manila\",\n s(b.email),\n ],\n });\n return c.json(await buildState());\n});\n\n// Manually trigger the reminder email (for testing the email path).\napp.post(\"/api/send-reminder\", async (c) => {\n const result = await runReminders(true);\n return c.json(result);\n});\n\n// Serve a stored photo (auth-gated by the /api/* middleware).\napp.get(\"/api/photos/:key\", async (c) => {\n const key = c.req.param(\"key\");\n try {\n const res = await blob.get(key);\n const ext = key.split(\".\").pop()?.toLowerCase() ?? \"jpg\";\n const bytes = await res.arrayBuffer();\n return new Response(bytes, {\n headers: {\n \"Content-Type\": EXT_MIME[ext] ?? \"application/octet-stream\",\n \"Cache-Control\": \"private, max-age=86400\",\n },\n });\n } catch (_) {\n return c.json({ error: \"not found\" }, 404);\n }\n});\n\nexport default oauthMiddleware(app.fetch);\n","label",[137],"c4c3ea31-fbd0-44f4-8894-8c3685d3b941","shared","5d0b691e-d378-4a63-921e-5f1b6586c89e",2,["D",1783982540199],"directory",[149],"0387f0c2-b02a-4a5d-b98e-8eecf3f47c0c","frontend","0a32be25-01b2-402c-8164-5bf113cfeef5",10,["D",1783982946331],[156],"708696d0-6c9f-4e35-8a47-3219afefd46b","cron","4dbacbf6-905c-45ec-b40a-702b9456ef85",9,["D",1783982824101],[162],"dc27a954-22e0-47fc-b8ad-3b4d86ada28d","backend","977ebdc0-ab7e-4b24-8641-5c8d6c6d9182",4,["D",1783982589287],[168],"pulls","branches",1,"forks","envVars",{"_181":175,"_183":62},"connections",{"_181":62,"_182":62},"count","unfilledCount","emptyCount",{"_44":167,"_32":168,"_30":169,"_139":-5,"_42":43,"_41":170,"_141":126,"_39":416,"_13":62,"_34":153,"_36":-5,"_24":25,"_146":-5,"_215":417,"_27":418},{"_44":409,"_32":410,"_30":411,"_139":169,"_42":43,"_41":170,"_141":25,"_39":412,"_13":62,"_34":35,"_36":413,"_24":25,"_146":-5,"_215":414,"_27":415},{"_44":402,"_32":377,"_30":403,"_139":169,"_42":43,"_41":404,"_141":25,"_39":405,"_13":170,"_34":35,"_36":406,"_24":25,"_146":-5,"_215":407,"_27":408},{"_44":395,"_32":226,"_30":396,"_139":169,"_42":43,"_41":397,"_141":25,"_39":398,"_13":62,"_34":35,"_36":399,"_24":25,"_146":-5,"_215":400,"_27":401},{"_44":387,"_32":388,"_30":389,"_139":169,"_42":43,"_41":390,"_141":126,"_39":391,"_13":62,"_34":35,"_36":392,"_24":25,"_146":-5,"_215":393,"_27":394},{"_44":161,"_32":162,"_30":163,"_139":-5,"_42":43,"_41":164,"_141":126,"_39":384,"_13":62,"_34":153,"_36":-5,"_24":25,"_146":-5,"_215":385,"_27":386},{"_44":376,"_32":377,"_30":378,"_139":163,"_42":43,"_41":164,"_141":126,"_39":379,"_13":62,"_34":380,"_36":381,"_24":25,"_146":-5,"_215":382,"_27":383},{"_44":155,"_32":156,"_30":157,"_139":-5,"_42":43,"_41":158,"_141":126,"_39":373,"_13":62,"_34":153,"_36":-5,"_24":25,"_146":-5,"_215":374,"_27":375},{"_44":368,"_32":314,"_30":308,"_139":157,"_42":43,"_41":369,"_141":126,"_39":370,"_13":62,"_34":153,"_36":-5,"_24":25,"_146":-5,"_215":371,"_27":372},{"_44":359,"_32":360,"_30":361,"_139":308,"_42":43,"_41":362,"_141":25,"_39":363,"_13":364,"_34":35,"_36":365,"_24":25,"_146":-5,"_215":366,"_27":367},{"_44":351,"_32":352,"_30":353,"_139":308,"_42":43,"_41":354,"_141":25,"_39":355,"_13":62,"_34":35,"_36":356,"_24":25,"_146":-5,"_215":357,"_27":358},{"_44":343,"_32":344,"_30":345,"_139":308,"_42":43,"_41":346,"_141":25,"_39":347,"_13":151,"_34":35,"_36":348,"_24":25,"_146":-5,"_215":349,"_27":350},{"_44":339,"_32":33,"_30":31,"_139":308,"_42":43,"_41":14,"_141":25,"_39":340,"_13":143,"_34":35,"_36":38,"_24":25,"_146":-5,"_215":341,"_27":342},{"_44":331,"_32":332,"_30":333,"_139":308,"_42":43,"_41":334,"_141":25,"_39":335,"_13":62,"_34":35,"_36":336,"_24":25,"_146":-5,"_215":337,"_27":338},{"_44":323,"_32":324,"_30":325,"_139":308,"_42":43,"_41":326,"_141":25,"_39":327,"_13":62,"_34":35,"_36":328,"_24":25,"_146":-5,"_215":329,"_27":330},{"_44":315,"_32":316,"_30":317,"_139":308,"_42":43,"_41":318,"_141":25,"_39":319,"_13":62,"_34":35,"_36":320,"_24":25,"_146":-5,"_215":321,"_27":322},{"_44":305,"_32":306,"_30":307,"_139":308,"_42":43,"_41":309,"_141":25,"_39":310,"_13":175,"_34":35,"_36":311,"_24":25,"_146":-5,"_215":312,"_27":313},{"_44":301,"_32":284,"_30":278,"_139":157,"_42":43,"_41":296,"_141":126,"_39":302,"_13":62,"_34":153,"_36":-5,"_24":25,"_146":-5,"_215":303,"_27":304},{"_44":293,"_32":294,"_30":295,"_139":278,"_42":43,"_41":296,"_141":25,"_39":297,"_13":62,"_34":35,"_36":298,"_24":25,"_146":-5,"_215":299,"_27":300},{"_44":285,"_32":286,"_30":287,"_139":278,"_42":43,"_41":288,"_141":126,"_39":289,"_13":62,"_34":35,"_36":290,"_24":25,"_146":-5,"_215":291,"_27":292},{"_44":275,"_32":276,"_30":277,"_139":278,"_42":43,"_41":279,"_141":126,"_39":280,"_13":62,"_34":35,"_36":281,"_24":25,"_146":-5,"_215":282,"_27":283},{"_44":267,"_32":268,"_30":269,"_139":157,"_42":43,"_41":270,"_141":126,"_39":271,"_13":62,"_34":35,"_36":272,"_24":25,"_146":-5,"_215":273,"_27":274},{"_44":259,"_32":260,"_30":261,"_139":157,"_42":43,"_41":262,"_141":25,"_39":263,"_13":151,"_34":20,"_36":264,"_24":25,"_146":-5,"_215":265,"_27":266},{"_44":251,"_32":252,"_30":253,"_139":157,"_42":43,"_41":254,"_141":25,"_39":255,"_13":175,"_34":20,"_36":256,"_24":25,"_146":-5,"_215":257,"_27":258},{"_44":243,"_32":244,"_30":245,"_139":157,"_42":43,"_41":246,"_141":25,"_39":247,"_13":62,"_34":20,"_36":248,"_24":25,"_146":-5,"_215":249,"_27":250},{"_44":235,"_32":236,"_30":237,"_139":157,"_42":43,"_41":238,"_141":25,"_39":239,"_13":62,"_34":35,"_36":240,"_24":25,"_146":-5,"_215":241,"_27":242},{"_44":148,"_32":149,"_30":150,"_139":-5,"_42":43,"_41":151,"_141":126,"_39":232,"_13":62,"_34":153,"_36":-5,"_24":25,"_146":-5,"_215":233,"_27":234},{"_44":225,"_32":226,"_30":227,"_139":150,"_42":43,"_41":151,"_141":25,"_39":228,"_13":62,"_34":35,"_36":229,"_24":25,"_146":-5,"_215":230,"_27":231},{"_44":218,"_32":219,"_30":220,"_139":150,"_42":43,"_41":143,"_141":25,"_39":221,"_13":62,"_34":35,"_36":222,"_24":25,"_146":-5,"_215":223,"_27":224},{"_44":136,"_32":137,"_30":138,"_139":-5,"_42":43,"_41":140,"_141":25,"_39":214,"_13":143,"_34":144,"_36":145,"_24":25,"_146":-5,"_215":216,"_27":217},["D",1783983435851],"children",[],[137],"9c339fe4-098a-4309-9bf3-361a1028cb33","types.ts","1fb2d476-7f0c-11f1-b04b-1607ee4eb77e",["D",1783982547320],"// Shared TypeScript types used by both the backend and the browser frontend.\n\nexport interface Vehicle {\n id: number;\n name: string;\n make: string;\n model: string;\n year: number | null;\n plate: string;\n color: string;\n baseline_odometer_km: number;\n baseline_date: string; // ISO date (yyyy-mm-dd)\n current_odometer_km: number;\n odometer_updated_at: string; // ISO datetime\n}\n\nexport interface Settings {\n id: number;\n reminder_lead_days: number;\n reminder_lead_km: number;\n currency: string;\n timezone: string;\n email: string;\n}\n\nexport interface ServiceType {\n id: number;\n service_key: string | null;\n name: string;\n category: string;\n interval_km: number | null;\n interval_months: number | null;\n first_km: number | null;\n first_months: number | null;\n enabled: number; // 0 | 1\n note: string;\n last_reminder_sent_at: string | null;\n}\n\nexport interface ServiceRecord {\n id: number;\n service_type_id: number | null;\n name: string;\n performed_at: string; // ISO date\n odometer_km: number | null;\n cost: number | null;\n notes: string;\n photo_keys: string[];\n created_at: string;\n}\n\nexport interface FuelLog {\n id: number;\n filled_at: string; // ISO date\n odometer_km: number;\n liters: number;\n price_per_liter: number | null;\n total_cost: number | null;\n is_full_tank: number; // 0 | 1\n notes: string;\n created_at: string;\n}\n\nexport type DueStatus = \"overdue\" | \"due_soon\" | \"ok\" | \"unknown\";\n\nexport interface DueInfo {\n service_type_id: number;\n name: string;\n category: string;\n enabled: boolean;\n last_done_km: number | null;\n last_done_date: string | null;\n next_due_km: number | null;\n next_due_date: string | null;\n km_remaining: number | null;\n days_remaining: number | null;\n projected_due_date: string | null;\n status: DueStatus;\n reason: string;\n}\n",[],[149,219],"778e39ec-ebf4-49d6-afd0-904c468ded88","schedule.ts","1b755bae-7f0c-11f1-84c2-1607ee4eb77e",["D",1783982540199],"// Default Honda ADV160 maintenance schedule.\n// \"confirmed\" = from Honda's official ADV160 owner's manual / maintenance schedule.\n// \"est.\" = sensible default; verify against your owner's manual (regional manuals differ)\n// and edit in Settings. Every interval here is user-editable in the app.\n\nexport interface DefaultService {\n key: string;\n name: string;\n category: string;\n interval_km: number | null;\n interval_months: number | null;\n first_km: number | null;\n first_months: number | null;\n note: string;\n}\n\nexport const DEFAULT_SERVICES: DefaultService[] = [\n {\n key: \"engine_oil\",\n name: \"Engine oil\",\n category: \"Engine\",\n interval_km: 6000,\n interval_months: 12,\n first_km: 1000,\n first_months: 1,\n note: \"Confirmed: first change at 1,000 km, then every 6,000 km. Time interval is a common default.\",\n },\n {\n key: \"oil_filter\",\n name: \"Engine oil filter\",\n category: \"Engine\",\n interval_km: 12000,\n interval_months: 24,\n first_km: 1000,\n first_months: null,\n note: \"Estimated — verify with owner's manual.\",\n },\n {\n key: \"valve_clearance\",\n name: \"Valve clearance (inspect)\",\n category: \"Engine\",\n interval_km: 24000,\n interval_months: null,\n first_km: null,\n first_months: null,\n note: \"Confirmed: inspect every 24,000 km.\",\n },\n {\n key: \"drive_belt\",\n name: \"Drive belt (inspect)\",\n category: \"Transmission\",\n interval_km: 24000,\n interval_months: null,\n first_km: null,\n first_months: null,\n note: \"Confirmed: inspect every 24,000 km.\",\n },\n {\n key: \"final_drive_oil\",\n name: \"Final drive (gear) oil\",\n category: \"Transmission\",\n interval_km: 12000,\n interval_months: 24,\n first_km: null,\n first_months: null,\n note: \"Time interval confirmed (every 2 years); km is a common default.\",\n },\n {\n key: \"spark_plug\",\n name: \"Spark plug\",\n category: \"Engine\",\n interval_km: 24000,\n interval_months: null,\n first_km: null,\n first_months: null,\n note: \"Estimated — verify with owner's manual.\",\n },\n {\n key: \"air_cleaner\",\n name: \"Air cleaner\",\n category: \"Engine\",\n interval_km: 12000,\n interval_months: null,\n first_km: null,\n first_months: null,\n note: \"Estimated — verify with owner's manual.\",\n },\n {\n key: \"brake_fluid\",\n name: \"Brake fluid\",\n category: \"Brakes\",\n interval_km: null,\n interval_months: 24,\n first_km: null,\n first_months: null,\n note: \"Every 2 years (common default).\",\n },\n {\n key: \"coolant\",\n name: \"Coolant\",\n category: \"Cooling\",\n interval_km: 24000,\n interval_months: 36,\n first_km: null,\n first_months: null,\n note: \"Estimated — verify with owner's manual.\",\n },\n {\n key: \"general_inspection\",\n name: \"General inspection (brakes, tires, lights, bolts)\",\n category: \"General\",\n interval_km: 6000,\n interval_months: 6,\n first_km: null,\n first_months: null,\n note: \"General periodic check-up default.\",\n },\n];\n\nexport const CATEGORIES = [\n \"Engine\",\n \"Transmission\",\n \"Brakes\",\n \"Cooling\",\n \"Suspension\",\n \"Electrical\",\n \"General\",\n \"Other\",\n];\n",[],[149,226],["D",1783982540199],[211,212],[149],"b9849492-3989-4e7a-9e73-b0603823964a","sw.js","13530b64-7f0d-11f1-8d0b-1607ee4eb77e",12,["D",1783982956060],"// Service worker: makes the app installable and openable offline.\n// Strategy: network-first for GET (so new code/data loads when online),\n// falling back to cache when offline. /api and /auth are never cached.\nconst CACHE = \"adv160-v1\";\nconst SHELL = [\"/\", \"/frontend/index.html\", \"/frontend/app.tsx\", \"/manifest.json\", \"/frontend/icon.svg\"];\n\nself.addEventListener(\"install\", (e) => {\n e.waitUntil(\n caches.open(CACHE).then((c) => c.addAll(SHELL)).then(() => self.skipWaiting()),\n );\n});\n\nself.addEventListener(\"activate\", (e) => {\n e.waitUntil(\n caches.keys()\n .then((keys) => Promise.all(keys.filter((k) => k !== CACHE).map((k) => caches.delete(k))))\n .then(() => self.clients.claim()),\n );\n});\n\nself.addEventListener(\"fetch\", (e) => {\n const url = new URL(e.request.url);\n if (e.request.method !== \"GET\") return;\n if (url.pathname.startsWith(\"/api/\") || url.pathname.startsWith(\"/auth/\")) return;\n\n e.respondWith(\n fetch(e.request)\n .then((res) => {\n const copy = res.clone();\n caches.open(CACHE).then((c) => c.put(e.request, copy)).catch(() => {});\n return res;\n })\n .catch(() =>\n caches.match(e.request).then((r) => r || caches.match(\"/\"))\n ),\n );\n});\n",[],[156,236],"0b65acd7-a359-4cff-9f98-8fc3811c46d3","manifest.json","0f7b7c4c-7f0d-11f1-ba89-1607ee4eb77e",11,["D",1783982949616],"{\n \"name\": \"ADV160 Maintenance\",\n \"short_name\": \"ADV160\",\n \"description\": \"Maintenance tracker for a Honda ADV160 — service due dates, fuel, costs and email reminders.\",\n \"start_url\": \"/\",\n \"scope\": \"/\",\n \"display\": \"standalone\",\n \"background_color\": \"#ffffff\",\n \"theme_color\": \"#C8102E\",\n \"orientation\": \"portrait-primary\",\n \"icons\": [\n { \"src\": \"/frontend/icon.svg\", \"sizes\": \"any\", \"type\": \"image/svg+xml\", \"purpose\": \"any\" },\n { \"src\": \"/frontend/icon.svg\", \"sizes\": \"any\", \"type\": \"image/svg+xml\", \"purpose\": \"maskable\" }\n ]\n}\n",[],[156,244],"7197226e-9cc1-4090-a279-7e484baf0d2c","index.html","0d8a809a-7f0d-11f1-a074-1607ee4eb77e",37,["D",1783984490527],"\n\n \n \n \n ADV160 Maintenance\n \n \n \n \n \n \n \n \n \n \n \n

\n \n \n \n\n",[],[156,252],"df75080a-9f0a-43d7-a0b0-7cbbc4c88149","icon.svg","16eae79c-7f0d-11f1-ae2e-1607ee4eb77e",39,["D",1783984495919],"\n",[],[156,260],"157a7bf9-a860-48da-b484-25ea0d1e612f","app.tsx","18adaf38-7f0d-11f1-b187-1607ee4eb77e",14,["D",1783982964999],"/** @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\");\ncreateRoot(root).render();\n\n// Register the service worker for installability + offline shell.\nif (\"serviceWorker\" in navigator) {\n window.addEventListener(\"load\", () => {\n navigator.serviceWorker.register(\"/sw.js\").catch((e) => console.warn(\"SW failed\", e));\n });\n}\n",[],[156,268],"03633853-c996-4d34-9d3b-67e5f884dabc","image.ts","2aee5742-7f0d-11f1-b1fc-1607ee4eb77e","2ac53dcb-575d-4f9f-b0d8-7b720b7a17cc",17,["D",1783982995614],"// Downscale a picked image to keep uploads small (blob storage is limited).\n// Returns a JPEG data URL no larger than `max` px on its longest side.\nexport async function fileToDataUrl(file: File, max = 1024, quality = 0.72): Promise {\n const original = await readAsDataUrl(file);\n try {\n const img = await loadImage(original);\n const scale = Math.min(1, max / Math.max(img.width, img.height));\n const w = Math.max(1, Math.round(img.width * scale));\n const h = Math.max(1, Math.round(img.height * scale));\n const canvas = document.createElement(\"canvas\");\n canvas.width = w;\n canvas.height = h;\n const ctx = canvas.getContext(\"2d\");\n if (!ctx) return original;\n ctx.drawImage(img, 0, 0, w, h);\n return canvas.toDataURL(\"image/jpeg\", quality);\n } catch (_) {\n return original;\n }\n}\n\nfunction readAsDataUrl(file: File): Promise {\n return new Promise((resolve, reject) => {\n const fr = new FileReader();\n fr.onload = () => resolve(fr.result as string);\n fr.onerror = reject;\n fr.readAsDataURL(file);\n });\n}\n\nfunction loadImage(src: string): Promise {\n return new Promise((resolve, reject) => {\n const img = new Image();\n img.onload = () => resolve(img);\n img.onerror = reject;\n img.src = src;\n });\n}\n",[],[156,284,276],"lib","0ae5cdf8-e47f-4e09-bffe-08ec848ada83","format.ts","27eb33b2-7f0d-11f1-a142-1607ee4eb77e",16,["D",1783982990612],"export function money(currency: string, v: number | null | undefined): string {\n if (v == null) return \"—\";\n try {\n return new Intl.NumberFormat(undefined, { style: \"currency\", currency, maximumFractionDigits: 2 })\n .format(v);\n } catch (_) {\n return `${currency} ${v.toFixed(2)}`;\n }\n}\n\nexport function km(v: number | null | undefined): string {\n if (v == null) return \"—\";\n return `${Math.round(v).toLocaleString()} km`;\n}\n\nexport function fdate(s: string | null | undefined): string {\n if (!s) return \"—\";\n const d = new Date(`${String(s).slice(0, 10)}T00:00:00`);\n if (isNaN(d.getTime())) return String(s);\n return d.toLocaleDateString(undefined, { year: \"numeric\", month: \"short\", day: \"numeric\" });\n}\n\nexport function monthLabel(ym: string): string {\n const d = new Date(`${ym}-01T00:00:00`);\n if (isNaN(d.getTime())) return ym;\n return d.toLocaleDateString(undefined, { year: \"numeric\", month: \"short\" });\n}\n\nexport function num(v: number | null | undefined, digits = 1): string {\n if (v == null) return \"—\";\n return v.toLocaleString(undefined, { maximumFractionDigits: digits });\n}\n\nexport function todayISO(): string {\n return new Date().toISOString().slice(0, 10);\n}\n",[],[156,284,286],"be9aa650-2624-4b51-8eb7-51943cb7471a","api.ts","249219b0-7f0d-11f1-b130-1607ee4eb77e",15,["D",1783982984924],"import type {\n DueInfo,\n FuelLog,\n ServiceRecord,\n ServiceType,\n Settings,\n Vehicle,\n} from \"../../shared/types.ts\";\n\nexport interface FuelSegment {\n from_km: number;\n to_km: number;\n distance: number;\n liters: number;\n km_per_l: number;\n date: string;\n}\nexport interface FuelEconomy {\n segments: FuelSegment[];\n average_km_per_l: number | null;\n}\nexport interface Costs {\n service_total: number;\n fuel_total: number;\n total: number;\n by_month: Record;\n by_category: Record;\n}\nexport interface AppState {\n vehicle: Vehicle;\n settings: Settings;\n service_types: ServiceType[];\n records: ServiceRecord[];\n fuel: FuelLog[];\n due: DueInfo[];\n km_per_day: number | null;\n fuel_economy: FuelEconomy;\n costs: Costs;\n categories: string[];\n}\n\nexport class AuthError extends Error {\n constructor(public status: number) {\n super(\"auth\");\n }\n}\n\nasync function fetchJSON(path: string, method = \"GET\", body?: unknown): Promise {\n const res = await fetch(path, {\n method,\n headers: body ? { \"Content-Type\": \"application/json\" } : undefined,\n body: body ? JSON.stringify(body) : undefined,\n });\n if (res.status === 401 || res.status === 403) throw new AuthError(res.status);\n if (!res.ok) throw new Error(`${method} ${path} -> ${res.status}`);\n return res.json() as Promise;\n}\n\nexport const api = {\n bootstrap: () => fetchJSON(\"/api/bootstrap\"),\n updateVehicle: (v: Record) => fetchJSON(\"/api/vehicle\", \"PUT\", v),\n addOdometer: (km: number, recorded_at?: string) =>\n fetchJSON(\"/api/odometer\", \"POST\", { km, recorded_at }),\n addServiceType: (t: Record) => fetchJSON(\"/api/service-types\", \"POST\", t),\n updateServiceType: (id: number, t: Record) =>\n fetchJSON(`/api/service-types/${id}`, \"PUT\", t),\n deleteServiceType: (id: number) => fetchJSON(`/api/service-types/${id}`, \"DELETE\"),\n snooze: (id: number) => fetchJSON(`/api/service-types/${id}/snooze`, \"POST\", {}),\n addRecord: (r: Record) => fetchJSON(\"/api/records\", \"POST\", r),\n deleteRecord: (id: number) => fetchJSON(`/api/records/${id}`, \"DELETE\"),\n addFuel: (f: Record) => fetchJSON(\"/api/fuel\", \"POST\", f),\n deleteFuel: (id: number) => fetchJSON(`/api/fuel/${id}`, \"DELETE\"),\n updateSettings: (s: Record) => fetchJSON(\"/api/settings\", \"PUT\", s),\n sendReminder: () =>\n fetchJSON<{ sent: boolean; reason: string; included: string[] }>(\"/api/send-reminder\", \"POST\", {}),\n};\n\nexport function photoUrl(key: string): string {\n return `/api/photos/${encodeURIComponent(key)}`;\n}\n",[],[156,284,294],"771dffc2-0eeb-4e2b-97e1-e1b1fe9a9852",["D",1783982984924],[202,203,204],[156,284],"66279e92-6516-4ab6-86be-2c7b506b35f0","ui.tsx","405db8b6-7f0d-11f1-a0da-1607ee4eb77e","771e6092-b2b2-48a3-9a7c-58834e7466e2",36,["D",1783984487932],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport type { ReactNode } from \"https://esm.sh/react@18.2.0\";\nimport { useEffect } from \"https://esm.sh/react@18.2.0\";\nimport type { DueStatus } from \"../../shared/types.ts\";\n\nexport const RED = \"#E4002B\";\n\nconst ICON_PATHS: Record = {\n home: (\n <>\n \n \n \n ),\n fuel: (\n <>\n \n \n \n \n \n ),\n costs: (\n <>\n \n \n \n \n ),\n history: (\n <>\n \n \n \n \n ),\n gear: (\n <>\n \n \n \n ),\n gauge: (\n <>\n \n \n \n ),\n plus: (\n <>\n \n \n \n ),\n};\n\nexport function Icon(\n { name, size = 22, strokeWidth = 1.8, className = \"\" }: {\n name: string;\n size?: number;\n strokeWidth?: number;\n className?: string;\n },\n) {\n return (\n \n {ICON_PATHS[name] ?? null}\n \n );\n}\n\nexport function Card({ children, className = \"\" }: { children: ReactNode; className?: string }) {\n return (\n

\n {children}\n

\n );\n}\n\nexport function Button(\n { children, onClick, variant = \"primary\", type = \"button\", disabled, className = \"\", full }: {\n children: ReactNode;\n onClick?: () => void;\n variant?: \"primary\" | \"secondary\" | \"ghost\" | \"danger\";\n type?: \"button\" | \"submit\";\n disabled?: boolean;\n className?: string;\n full?: boolean;\n },\n) {\n const base = \"inline-flex items-center justify-center gap-2 rounded-xl font-semibold text-sm px-4 py-2.5 transition active:scale-[.98] disabled:opacity-50 disabled:pointer-events-none\";\n const styles = {\n primary: \"text-white shadow-sm\",\n secondary: \"bg-white border border-neutral-300 text-neutral-800 hover:bg-neutral-50\",\n ghost: \"text-neutral-600 hover:bg-neutral-100\",\n danger: \"bg-red-50 text-red-700 hover:bg-red-100\",\n }[variant];\n return (\n \n {children}\n \n );\n}\n\nexport function Field({ label, children, hint }: { label: string; children: ReactNode; hint?: string }) {\n return (\n \n {label}\n {children}\n {hint ? {hint} : null}\n \n );\n}\n\nconst inputCls =\n \"w-full rounded-xl border border-neutral-300 px-3 py-2.5 text-[15px] bg-white focus:outline-none focus:ring-2 focus:ring-red-200 focus:border-red-400\";\n\nexport function Input(props: Record) {\n return ;\n}\nexport function Textarea(props: Record) {\n return

;\n}\nexport function Select({ children, ...props }: { children: ReactNode } & Record<string, unknown>) {\n  return (\n    <select {...props} className={`${inputCls} ${(props.className as string) ?? \"\"}`}>\n      {children}\n    </select>\n  );\n}\n\nexport function StatusPill({ status }: { status: DueStatus }) {\n  const map: Record<DueStatus, { label: string; cls: string }> = {\n    overdue: { label: \"Overdue\", cls: \"bg-red-100 text-red-700\" },\n    due_soon: { label: \"Due soon\", cls: \"bg-amber-100 text-amber-800\" },\n    ok: { label: \"OK\", cls: \"bg-emerald-100 text-emerald-700\" },\n    unknown: { label: \"No interval\", cls: \"bg-neutral-100 text-neutral-500\" },\n  };\n  const { label, cls } = map[status];\n  return <span className={`text-xs font-semibold px-2 py-0.5 rounded-full ${cls}`}>{label}</span>;\n}\n\nexport function Stat({ label, value, sub }: { label: string; value: ReactNode; sub?: ReactNode }) {\n  return (\n    <div className=\"flex-1 min-w-0\">\n      <div className=\"text-xs text-neutral-500 font-medium truncate\">{label}</div>\n      <div className=\"text-xl font-bold text-neutral-900 leading-tight\">{value}</div>\n      {sub ? <div className=\"text-xs text-neutral-400 truncate\">{sub}</div> : null}\n    </div>\n  );\n}\n\nexport function EmptyState({ icon, title, sub }: { icon: string; title: string; sub?: string }) {\n  return (\n    <div className=\"text-center py-10 px-4\">\n      <div className=\"text-4xl mb-2\">{icon}</div>\n      <div className=\"font-semibold text-neutral-700\">{title}</div>\n      {sub ? <div className=\"text-sm text-neutral-400 mt-1\">{sub}</div> : null}\n    </div>\n  );\n}\n\nexport function Modal(\n  { title, onClose, children }: { title: string; onClose: () => void; children: ReactNode },\n) {\n  useEffect(() => {\n    const onKey = (e: KeyboardEvent) => e.key === \"Escape\" && onClose();\n    document.addEventListener(\"keydown\", onKey);\n    document.body.style.overflow = \"hidden\";\n    return () => {\n      document.removeEventListener(\"keydown\", onKey);\n      document.body.style.overflow = \"\";\n    };\n  }, [onClose]);\n  return (\n    <div\n      className=\"fixed inset-0 z-50 bg-black/40 flex items-end sm:items-center justify-center\"\n      onClick={onClose}\n    >\n      <div\n        className=\"bg-white w-full sm:max-w-md rounded-t-3xl sm:rounded-2xl max-h-[92vh] overflow-auto shadow-xl\"\n        onClick={(e) => e.stopPropagation()}\n      >\n        <div className=\"sticky top-0 bg-white/95 backdrop-blur px-4 py-3 border-b border-neutral-100 flex items-center justify-between\">\n          <h2 className=\"font-bold text-lg\">{title}</h2>\n          <button onClick={onClose} className=\"text-neutral-400 hover:text-neutral-700 text-2xl leading-none px-1\">×</button>\n        </div>\n        <div className=\"p-4\">{children}</div>\n      </div>\n    </div>\n  );\n}\n",[],[156,314,306],"components","7f26726c-1a07-487f-bafc-fc3bfb068e3d","Settings.tsx","db019784-7f0d-11f1-85ea-1607ee4eb77e",25,["D",1783983291066],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useState } from \"https://esm.sh/react@18.2.0\";\nimport { api } from \"../lib/api.ts\";\nimport type { AppState } from \"../lib/api.ts\";\nimport type { ServiceType } from \"../../shared/types.ts\";\nimport { Button, Field, Input, Modal, Select } from \"./ui.tsx\";\nimport type { Mutate } from \"./App.tsx\";\n\nfunction Section({ title, children }: { title: string; children: unknown }) {\n  return (\n    <div className=\"mb-6\">\n      <h3 className=\"font-bold text-neutral-700 mb-2\">{title}</h3>\n      {children as never}\n    </div>\n  );\n}\n\nexport function SettingsView(\n  { state, mutate, onClose }: { state: AppState; mutate: Mutate; onClose: () => void },\n) {\n  return (\n    <Modal title=\"Settings\" onClose={onClose}>\n      <Section title=\"Motorcycle\">\n        <VehicleForm state={state} mutate={mutate} />\n      </Section>\n\n      <Section title=\"Reminders\">\n        <ReminderForm state={state} mutate={mutate} />\n      </Section>\n\n      <Section title=\"Service schedule\">\n        <p className=\"text-xs text-neutral-400 mb-2\">\n          Intervals seeded from the Honda ADV160 manual. Some are estimates — edit to match your\n          owner's manual. Turn a service off to stop tracking it.\n        </p>\n        <div className=\"space-y-2\">\n          {state.service_types.map((t) => (\n            <ServiceRow key={t.id} type={t} categories={state.categories} mutate={mutate} />\n          ))}\n        </div>\n        <AddService state={state} mutate={mutate} />\n      </Section>\n\n      <form method=\"POST\" action=\"/auth/logout\" className=\"pt-2 border-t border-neutral-100\">\n        <button type=\"submit\" className=\"text-sm text-neutral-500 hover:text-red-600 py-2\">\n          Log out\n        </button>\n      </form>\n    </Modal>\n  );\n}\n\nfunction VehicleForm({ state, mutate }: { state: AppState; mutate: Mutate }) {\n  const v = state.vehicle;\n  const [name, setName] = useState(v.name);\n  const [year, setYear] = useState(v.year != null ? String(v.year) : \"\");\n  const [plate, setPlate] = useState(v.plate);\n  const [color, setColor] = useState(v.color);\n  const [baseDate, setBaseDate] = useState(v.baseline_date);\n  const [baseKm, setBaseKm] = useState(String(v.baseline_odometer_km));\n  const [busy, setBusy] = useState(false);\n\n  async function save() {\n    setBusy(true);\n    await mutate(api.updateVehicle({\n      name, make: v.make, model: v.model,\n      year: year === \"\" ? null : Number(year),\n      plate, color,\n      baseline_date: baseDate,\n      baseline_odometer_km: baseKm === \"\" ? 0 : Number(baseKm),\n    }));\n    setBusy(false);\n  }\n\n  return (\n    <div>\n      <Field label=\"Name\"><Input value={name} onChange={(e: { target: { value: string } }) => setName(e.target.value)} /></Field>\n      <div className=\"grid grid-cols-2 gap-3\">\n        <Field label=\"Year\"><Input inputMode=\"numeric\" value={year} onChange={(e: { target: { value: string } }) => setYear(e.target.value)} /></Field>\n        <Field label=\"Color\"><Input value={color} onChange={(e: { target: { value: string } }) => setColor(e.target.value)} /></Field>\n      </div>\n      <Field label=\"Plate number\"><Input value={plate} onChange={(e: { target: { value: string } }) => setPlate(e.target.value)} /></Field>\n      <div className=\"grid grid-cols-2 gap-3\">\n        <Field label=\"Start date\" hint=\"When tracking began\"><Input type=\"date\" value={baseDate} onChange={(e: { target: { value: string } }) => setBaseDate(e.target.value)} /></Field>\n        <Field label=\"Start odometer\" hint=\"km at start date\"><Input inputMode=\"numeric\" value={baseKm} onChange={(e: { target: { value: string } }) => setBaseKm(e.target.value)} /></Field>\n      </div>\n      <Button onClick={save} disabled={busy}>{busy ? \"Saving…\" : \"Save motorcycle\"}</Button>\n    </div>\n  );\n}\n\nfunction ReminderForm({ state, mutate }: { state: AppState; mutate: Mutate }) {\n  const s = state.settings;\n  const [leadDays, setLeadDays] = useState(String(s.reminder_lead_days));\n  const [leadKm, setLeadKm] = useState(String(s.reminder_lead_km));\n  const [currency, setCurrency] = useState(s.currency);\n  const [busy, setBusy] = useState(false);\n  const [testing, setTesting] = useState(false);\n\n  async function save() {\n    setBusy(true);\n    await mutate(api.updateSettings({\n      reminder_lead_days: Number(leadDays) || 7,\n      reminder_lead_km: Number(leadKm) || 200,\n      currency: currency || \"PHP\",\n      timezone: s.timezone,\n      email: s.email,\n    }));\n    setBusy(false);\n  }\n\n  async function test() {\n    setTesting(true);\n    try {\n      const r = await api.sendReminder();\n      alert(r.sent ? `Sent! Included: ${r.included.join(\", \")}` : `No email sent: ${r.reason}`);\n    } catch (_) {\n      alert(\"Could not send the test reminder.\");\n    }\n    setTesting(false);\n  }\n\n  return (\n    <div>\n      <div className=\"grid grid-cols-2 gap-3\">\n        <Field label=\"Warn me within (days)\"><Input inputMode=\"numeric\" value={leadDays} onChange={(e: { target: { value: string } }) => setLeadDays(e.target.value)} /></Field>\n        <Field label=\"Warn me within (km)\"><Input inputMode=\"numeric\" value={leadKm} onChange={(e: { target: { value: string } }) => setLeadKm(e.target.value)} /></Field>\n      </div>\n      <Field label=\"Currency\" hint=\"e.g. PHP, USD\"><Input value={currency} onChange={(e: { target: { value: string } }) => setCurrency(e.target.value)} /></Field>\n      <p className=\"text-xs text-neutral-400 mb-3\">\n        A daily check emails you a digest of anything overdue or due soon (max once per 7 days per\n        item). Emails go to your Val Town account address.\n      </p>\n      <div className=\"flex gap-2\">\n        <Button onClick={save} disabled={busy}>{busy ? \"Saving…\" : \"Save reminders\"}</Button>\n        <Button variant=\"secondary\" onClick={test} disabled={testing}>{testing ? \"Sending…\" : \"Send test email\"}</Button>\n      </div>\n    </div>\n  );\n}\n\nfunction ServiceRow(\n  { type, categories, mutate }: { type: ServiceType; categories: string[]; mutate: Mutate },\n) {\n  const [open, setOpen] = useState(false);\n  const [name, setName] = useState(type.name);\n  const [category, setCategory] = useState(type.category);\n  const [ik, setIk] = useState(type.interval_km != null ? String(type.interval_km) : \"\");\n  const [im, setIm] = useState(type.interval_months != null ? String(type.interval_months) : \"\");\n  const [fk, setFk] = useState(type.first_km != null ? String(type.first_km) : \"\");\n  const [fm, setFm] = useState(type.first_months != null ? String(type.first_months) : \"\");\n  const [busy, setBusy] = useState(false);\n\n  const numOrNull = (x: string) => (x === \"\" ? null : Number(x));\n\n  async function toggle(enabled: boolean) {\n    await mutate(api.updateServiceType(type.id, {\n      name, category,\n      interval_km: numOrNull(ik), interval_months: numOrNull(im),\n      first_km: numOrNull(fk), first_months: numOrNull(fm),\n      enabled, note: type.note,\n    }));\n  }\n\n  async function save() {\n    setBusy(true);\n    await mutate(api.updateServiceType(type.id, {\n      name, category,\n      interval_km: numOrNull(ik), interval_months: numOrNull(im),\n      first_km: numOrNull(fk), first_months: numOrNull(fm),\n      enabled: type.enabled === 1, note: type.note,\n    }));\n    setBusy(false);\n    setOpen(false);\n  }\n\n  return (\n    <div className=\"border border-neutral-200 rounded-xl p-3\">\n      <div className=\"flex items-center justify-between gap-2\">\n        <label className=\"flex items-center gap-2 min-w-0\">\n          <input\n            type=\"checkbox\"\n            checked={type.enabled === 1}\n            onChange={(e: { target: { checked: boolean } }) => toggle(e.target.checked)}\n          />\n          <span className={`text-sm font-medium truncate ${type.enabled === 1 ? \"\" : \"text-neutral-400 line-through\"}`}>\n            {type.name}\n          </span>\n        </label>\n        <button onClick={() => setOpen((o) => !o)} className=\"text-xs text-neutral-500 shrink-0\">\n          {open ? \"Close\" : \"Edit\"}\n        </button>\n      </div>\n      <div className=\"text-xs text-neutral-400 mt-1\">\n        {type.interval_km != null ? `${type.interval_km.toLocaleString()} km` : \"\"}\n        {type.interval_km != null && type.interval_months != null ? \" · \" : \"\"}\n        {type.interval_months != null ? `${type.interval_months} mo` : \"\"}\n        {type.interval_km == null && type.interval_months == null ? \"no interval\" : \"\"}\n      </div>\n\n      {open && (\n        <div className=\"mt-3 pt-3 border-t border-neutral-100\">\n          <Field label=\"Name\"><Input value={name} onChange={(e: { target: { value: string } }) => setName(e.target.value)} /></Field>\n          <Field label=\"Category\">\n            <Select value={category} onChange={(e: { target: { value: string } }) => setCategory(e.target.value)}>\n              {categories.map((c) => <option key={c} value={c}>{c}</option>)}\n            </Select>\n          </Field>\n          <div className=\"grid grid-cols-2 gap-3\">\n            <Field label=\"Every (km)\"><Input inputMode=\"numeric\" value={ik} onChange={(e: { target: { value: string } }) => setIk(e.target.value)} /></Field>\n            <Field label=\"Every (months)\"><Input inputMode=\"numeric\" value={im} onChange={(e: { target: { value: string } }) => setIm(e.target.value)} /></Field>\n          </div>\n          <div className=\"grid grid-cols-2 gap-3\">\n            <Field label=\"First at (km)\" hint=\"Break-in, optional\"><Input inputMode=\"numeric\" value={fk} onChange={(e: { target: { value: string } }) => setFk(e.target.value)} /></Field>\n            <Field label=\"First at (months)\" hint=\"Optional\"><Input inputMode=\"numeric\" value={fm} onChange={(e: { target: { value: string } }) => setFm(e.target.value)} /></Field>\n          </div>\n          <div className=\"flex gap-2\">\n            <Button onClick={save} disabled={busy}>{busy ? \"Saving…\" : \"Save\"}</Button>\n            <Button variant=\"danger\" onClick={() => confirm(`Delete \"${type.name}\"?`) && mutate(api.deleteServiceType(type.id))}>Delete</Button>\n          </div>\n        </div>\n      )}\n    </div>\n  );\n}\n\nfunction AddService({ state, mutate }: { state: AppState; mutate: Mutate }) {\n  const [open, setOpen] = useState(false);\n  const [name, setName] = useState(\"\");\n  const [category, setCategory] = useState(state.categories[0] ?? \"Other\");\n  const [ik, setIk] = useState(\"\");\n  const [im, setIm] = useState(\"\");\n  const [busy, setBusy] = useState(false);\n  const numOrNull = (x: string) => (x === \"\" ? null : Number(x));\n\n  async function add() {\n    if (!name) return;\n    setBusy(true);\n    await mutate(api.addServiceType({\n      name, category,\n      interval_km: numOrNull(ik), interval_months: numOrNull(im),\n      first_km: null, first_months: null, note: \"\",\n    }));\n    setBusy(false);\n    setName(\"\"); setIk(\"\"); setIm(\"\"); setOpen(false);\n  }\n\n  if (!open) {\n    return (\n      <button onClick={() => setOpen(true)} className=\"mt-3 text-sm font-semibold text-neutral-600 hover:text-neutral-900\">\n        ＋ Add custom service\n      </button>\n    );\n  }\n\n  return (\n    <div className=\"mt-3 border border-dashed border-neutral-300 rounded-xl p-3\">\n      <Field label=\"Name\"><Input value={name} onChange={(e: { target: { value: string } }) => setName(e.target.value)} placeholder=\"e.g. Tires\" /></Field>\n      <Field label=\"Category\">\n        <Select value={category} onChange={(e: { target: { value: string } }) => setCategory(e.target.value)}>\n          {state.categories.map((c) => <option key={c} value={c}>{c}</option>)}\n        </Select>\n      </Field>\n      <div className=\"grid grid-cols-2 gap-3\">\n        <Field label=\"Every (km)\"><Input inputMode=\"numeric\" value={ik} onChange={(e: { target: { value: string } }) => setIk(e.target.value)} /></Field>\n        <Field label=\"Every (months)\"><Input inputMode=\"numeric\" value={im} onChange={(e: { target: { value: string } }) => setIm(e.target.value)} /></Field>\n      </div>\n      <div className=\"flex gap-2\">\n        <Button variant=\"secondary\" onClick={() => setOpen(false)}>Cancel</Button>\n        <Button onClick={add} disabled={busy}>{busy ? \"Adding…\" : \"Add\"}</Button>\n      </div>\n    </div>\n  );\n}\n",[],[156,314,316],"0cb42e06-5028-47fe-bd77-c14af13e99a9","LogService.tsx","74b72840-7f0d-11f1-8c1b-1607ee4eb77e",20,["D",1783983119436],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useState } from \"https://esm.sh/react@18.2.0\";\nimport { api } from \"../lib/api.ts\";\nimport type { AppState } from \"../lib/api.ts\";\nimport { todayISO } from \"../lib/format.ts\";\nimport { fileToDataUrl } from \"../lib/image.ts\";\nimport { Button, Field, Input, Modal, Select, Textarea } from \"./ui.tsx\";\nimport type { Mutate } from \"./App.tsx\";\n\nexport function LogService(\n  { state, mutate, onClose, presetTypeId }: {\n    state: AppState;\n    mutate: Mutate;\n    onClose: () => void;\n    presetTypeId?: number | null;\n  },\n) {\n  const preset = presetTypeId != null ? state.service_types.find((t) => t.id === presetTypeId) : null;\n  const [typeId, setTypeId] = useState<string>(preset ? String(preset.id) : (state.service_types[0] ? String(state.service_types[0].id) : \"custom\"));\n  const [customName, setCustomName] = useState(\"\");\n  const [date, setDate] = useState(todayISO());\n  const [odo, setOdo] = useState<string>(String(state.vehicle.current_odometer_km || \"\"));\n  const [cost, setCost] = useState(\"\");\n  const [notes, setNotes] = useState(\"\");\n  const [photos, setPhotos] = useState<string[]>([]);\n  const [busy, setBusy] = useState(false);\n\n  async function onPick(e: { target: { files: FileList | null } }) {\n    const files = Array.from(e.target.files ?? []);\n    const urls = await Promise.all(files.slice(0, 6).map((f) => fileToDataUrl(f)));\n    setPhotos((p) => [...p, ...urls].slice(0, 6));\n  }\n\n  async function submit() {\n    setBusy(true);\n    const chosen = typeId === \"custom\" ? null : Number(typeId);\n    const name = chosen != null\n      ? (state.service_types.find((t) => t.id === chosen)?.name ?? \"Service\")\n      : (customName || \"Other service\");\n    await mutate(api.addRecord({\n      service_type_id: chosen,\n      name,\n      performed_at: date,\n      odometer_km: odo === \"\" ? null : Number(odo),\n      cost: cost === \"\" ? null : Number(cost),\n      notes,\n      photos,\n    }));\n    setBusy(false);\n    onClose();\n  }\n\n  return (\n    <Modal title=\"Log a service\" onClose={onClose}>\n      <Field label=\"Service\">\n        <Select value={typeId} onChange={(e: { target: { value: string } }) => setTypeId(e.target.value)}>\n          {state.service_types.map((t) => (\n            <option key={t.id} value={String(t.id)}>{t.name}</option>\n          ))}\n          <option value=\"custom\">Other / custom…</option>\n        </Select>\n      </Field>\n\n      {typeId === \"custom\" && (\n        <Field label=\"Custom service name\">\n          <Input value={customName} onChange={(e: { target: { value: string } }) => setCustomName(e.target.value)} placeholder=\"e.g. New tires\" />\n        </Field>\n      )}\n\n      <div className=\"grid grid-cols-2 gap-3\">\n        <Field label=\"Date\">\n          <Input type=\"date\" value={date} onChange={(e: { target: { value: string } }) => setDate(e.target.value)} />\n        </Field>\n        <Field label=\"Odometer (km)\">\n          <Input inputMode=\"numeric\" value={odo} onChange={(e: { target: { value: string } }) => setOdo(e.target.value)} placeholder=\"e.g. 1200\" />\n        </Field>\n      </div>\n\n      <Field label={`Cost (${state.settings.currency})`} hint=\"Optional\">\n        <Input inputMode=\"decimal\" value={cost} onChange={(e: { target: { value: string } }) => setCost(e.target.value)} placeholder=\"0.00\" />\n      </Field>\n\n      <Field label=\"Notes\" hint=\"Optional — shop, parts, observations\">\n        <Textarea rows={2} value={notes} onChange={(e: { target: { value: string } }) => setNotes(e.target.value)} />\n      </Field>\n\n      <Field label=\"Photos\" hint=\"Receipts or parts — resized automatically\">\n        <input type=\"file\" accept=\"image/*\" multiple onChange={onPick} className=\"text-sm\" />\n        {photos.length > 0 && (\n          <div className=\"flex gap-2 flex-wrap mt-2\">\n            {photos.map((p, i) => (\n              <div key={i} className=\"relative\">\n                <img src={p} className=\"w-16 h-16 object-cover rounded-lg border border-neutral-200\" />\n                <button\n                  onClick={() => setPhotos((ps) => ps.filter((_, j) => j !== i))}\n                  className=\"absolute -top-1.5 -right-1.5 bg-neutral-800 text-white rounded-full w-5 h-5 text-xs leading-none\"\n                >×</button>\n              </div>\n            ))}\n          </div>\n        )}\n      </Field>\n\n      <div className=\"flex gap-2 mt-4\">\n        <Button variant=\"secondary\" full onClick={onClose}>Cancel</Button>\n        <Button full onClick={submit} disabled={busy}>{busy ? \"Saving…\" : \"Save service\"}</Button>\n      </div>\n    </Modal>\n  );\n}\n",[],[156,314,324],"51969968-6a61-4da7-9093-97adea9af101","History.tsx","b489e174-7f0d-11f1-ab46-1607ee4eb77e",24,["D",1783983226533],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { api, photoUrl } from \"../lib/api.ts\";\nimport { fdate, km, money } from \"../lib/format.ts\";\nimport { Card, EmptyState } from \"./ui.tsx\";\nimport type { ViewProps } from \"./App.tsx\";\n\nexport function HistoryView({ state, mutate }: ViewProps) {\n  const cur = state.settings.currency;\n  const records = state.records;\n\n  if (records.length === 0) {\n    return (\n      <Card className=\"p-2\">\n        <EmptyState icon=\"📜\" title=\"No service history yet\" sub=\"Logged services will appear here.\" />\n      </Card>\n    );\n  }\n\n  return (\n    <div className=\"space-y-2.5\">\n      {records.map((r) => (\n        <Card key={r.id} className=\"p-3.5\">\n          <div className=\"flex items-start justify-between gap-2\">\n            <div className=\"min-w-0\">\n              <div className=\"font-semibold text-neutral-800\">{r.name}</div>\n              <div className=\"text-xs text-neutral-500 mt-0.5\">\n                {fdate(r.performed_at)}{r.odometer_km != null ? ` · ${km(r.odometer_km)}` : \"\"}\n              </div>\n            </div>\n            <div className=\"text-right shrink-0\">\n              {r.cost != null && <div className=\"font-semibold\">{money(cur, r.cost)}</div>}\n              <button\n                onClick={() => confirm(\"Delete this record?\") && mutate(api.deleteRecord(r.id))}\n                className=\"text-xs text-red-500 hover:underline\"\n              >\n                Delete\n              </button>\n            </div>\n          </div>\n          {r.notes && <div className=\"text-sm text-neutral-600 mt-2\">{r.notes}</div>}\n          {r.photo_keys.length > 0 && (\n            <div className=\"flex gap-2 flex-wrap mt-2\">\n              {r.photo_keys.map((k) => (\n                <a key={k} href={photoUrl(k)} target=\"_blank\" rel=\"noreferrer\">\n                  <img src={photoUrl(k)} className=\"w-16 h-16 object-cover rounded-lg border border-neutral-200\" />\n                </a>\n              ))}\n            </div>\n          )}\n        </Card>\n      ))}\n    </div>\n  );\n}\n",[],[156,314,332],"a33e9bcd-90c6-46b5-9d1e-21a619674a37",["D",1783984955922],[],[156,314,33],"35f5c116-b15f-41b1-9d22-4e5e8009a17a","Dashboard.tsx","86405afa-7f0d-11f1-a307-1607ee4eb77e",48,["D",1783984560360],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useState } from \"https://esm.sh/react@18.2.0\";\nimport { api } from \"../lib/api.ts\";\nimport type { DueInfo } from \"../../shared/types.ts\";\nimport { fdate, km, num } from \"../lib/format.ts\";\nimport { Button, Card, EmptyState, Icon, Input, StatusPill } from \"./ui.tsx\";\nimport { LogService } from \"./LogService.tsx\";\nimport type { ViewProps } from \"./App.tsx\";\n\nexport function Dashboard({ state, mutate }: ViewProps) {\n  const [logFor, setLogFor] = useState<number | null | undefined>(undefined); // undefined = closed\n  const [odo, setOdo] = useState(\"\");\n  const [savingOdo, setSavingOdo] = useState(false);\n\n  const dueItems = state.due.filter((d) => d.enabled);\n\n  async function saveOdo() {\n    if (odo === \"\") return;\n    setSavingOdo(true);\n    await mutate(api.addOdometer(Number(odo)));\n    setOdo(\"\");\n    setSavingOdo(false);\n  }\n\n  return (\n    <div className=\"space-y-4\">\n      {/* Odometer + log actions */}\n      <Card className=\"p-4\">\n        <div className=\"flex items-center gap-2\">\n          <Input\n            inputMode=\"numeric\"\n            value={odo}\n            onChange={(e: { target: { value: string } }) => setOdo(e.target.value)}\n            placeholder={`Update odometer (now ${km(state.vehicle.current_odometer_km)})`}\n          />\n          <Button onClick={saveOdo} disabled={savingOdo || odo === \"\"}>Save</Button>\n        </div>\n        <div className=\"mt-3\">\n          <Button full onClick={() => setLogFor(null)}><Icon name=\"plus\" size={18} /> Log a service</Button>\n        </div>\n        {state.km_per_day != null && (\n          <div className=\"text-xs text-neutral-400 mt-2 text-center\">\n            Average use ≈ {num(state.km_per_day, 1)} km/day\n          </div>\n        )}\n      </Card>\n\n      {/* Due list */}\n      <div className=\"flex items-center justify-between px-1\">\n        <h2 className=\"font-bold text-neutral-700\">Maintenance</h2>\n        <span className=\"text-xs text-neutral-400\">{dueItems.length} tracked</span>\n      </div>\n\n      {dueItems.length === 0\n        ? (\n          <Card className=\"p-2\">\n            <EmptyState icon=\"🧰\" title=\"No services enabled\" sub=\"Turn some on in Settings.\" />\n          </Card>\n        )\n        : (\n          <div className=\"space-y-2.5\">\n            {dueItems.map((d) => (\n              <DueCard\n                key={d.service_type_id}\n                d={d}\n                onLog={() => setLogFor(d.service_type_id)}\n                onSnooze={() => mutate(api.snooze(d.service_type_id))}\n              />\n            ))}\n          </div>\n        )}\n\n      {logFor !== undefined && (\n        <LogService\n          state={state}\n          mutate={mutate}\n          presetTypeId={logFor}\n          onClose={() => setLogFor(undefined)}\n        />\n      )}\n    </div>\n  );\n}\n\nfunction DueCard(\n  { d, onLog, onSnooze }: { d: DueInfo; onLog: () => void; onSnooze: () => void },\n) {\n  const accent = d.status === \"overdue\"\n    ? \"border-l-red-500\"\n    : d.status === \"due_soon\"\n    ? \"border-l-amber-400\"\n    : d.status === \"ok\"\n    ? \"border-l-emerald-400\"\n    : \"border-l-neutral-300\";\n\n  const dueBits: string[] = [];\n  if (d.next_due_km != null) dueBits.push(km(d.next_due_km));\n  if (d.next_due_date != null) dueBits.push(`by ${fdate(d.next_due_date)}`);\n\n  return (\n    <Card className={`p-3.5 border-l-4 ${accent}`}>\n      <div className=\"flex items-start justify-between gap-2\">\n        <div className=\"min-w-0\">\n          <div className=\"font-semibold text-neutral-800 truncate\">{d.name}</div>\n          <div className=\"text-xs text-neutral-500 mt-0.5\">{d.category}</div>\n        </div>\n        <StatusPill status={d.status} />\n      </div>\n\n      <div className=\"mt-2 text-sm text-neutral-700\">\n        {dueBits.length ? <span>Next due: {dueBits.join(\" · \")}</span> : <span className=\"text-neutral-400\">No interval set</span>}\n      </div>\n      {d.reason && (\n        <div\n          className={`text-xs mt-0.5 ${\n            d.status === \"overdue\" ? \"text-red-600\" : d.status === \"due_soon\" ? \"text-amber-700\" : \"text-neutral-400\"\n          }`}\n        >\n          {d.reason}\n        </div>\n      )}\n      <div className=\"text-xs text-neutral-400 mt-1\">\n        {d.last_done_date\n          ? `Last done: ${fdate(d.last_done_date)}${d.last_done_km != null ? ` · ${km(d.last_done_km)}` : \"\"}`\n          : \"Never logged\"}\n      </div>\n\n      <div className=\"flex gap-2 mt-3\">\n        <Button variant=\"secondary\" onClick={onLog} className=\"!py-2 text-xs\">Log this</Button>\n        {(d.status === \"overdue\" || d.status === \"due_soon\") && (\n          <Button variant=\"ghost\" onClick={onSnooze} className=\"!py-2 text-xs\">Snooze 7d</Button>\n        )}\n      </div>\n    </Card>\n  );\n}\n",[],[156,314,344],"7cc96f51-7c7a-40b2-862b-8561435144d9","Costs.tsx","b04c37ec-7f0d-11f1-9fbe-1607ee4eb77e",23,["D",1783983219418],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { money, monthLabel } from \"../lib/format.ts\";\nimport { Card, EmptyState, Stat } from \"./ui.tsx\";\nimport { RED } from \"./ui.tsx\";\nimport type { ViewProps } from \"./App.tsx\";\n\nexport function CostsView({ state }: ViewProps) {\n  const cur = state.settings.currency;\n  const c = state.costs;\n  const months = Object.entries(c.by_month).sort(([a], [b]) => (a < b ? 1 : -1)).slice(0, 12);\n  const maxMonth = Math.max(1, ...months.map(([, v]) => v.service + v.fuel));\n  const cats = Object.entries(c.by_category).sort(([, a], [, b]) => b - a);\n\n  return (\n    <div className=\"space-y-4\">\n      <Card className=\"p-4\">\n        <div className=\"flex gap-3\">\n          <Stat label=\"Total spent\" value={money(cur, c.total)} />\n          <Stat label=\"Service\" value={money(cur, c.service_total)} />\n          <Stat label=\"Fuel\" value={money(cur, c.fuel_total)} />\n        </div>\n      </Card>\n\n      {c.total === 0\n        ? (\n          <Card className=\"p-2\">\n            <EmptyState icon=\"💵\" title=\"No costs recorded yet\" sub=\"Add costs when logging services or fuel.\" />\n          </Card>\n        )\n        : (\n          <>\n            <Card className=\"p-4\">\n              <h3 className=\"font-bold text-neutral-700 mb-3\">Monthly spend</h3>\n              <div className=\"space-y-2\">\n                {months.map(([m, v]) => {\n                  const total = v.service + v.fuel;\n                  return (\n                    <div key={m}>\n                      <div className=\"flex justify-between text-xs mb-1\">\n                        <span className=\"text-neutral-500\">{monthLabel(m)}</span>\n                        <span className=\"font-semibold\">{money(cur, total)}</span>\n                      </div>\n                      <div className=\"h-2.5 rounded-full bg-neutral-100 overflow-hidden flex\">\n                        <div style={{ width: `${(v.service / maxMonth) * 100}%`, backgroundColor: RED }} />\n                        <div style={{ width: `${(v.fuel / maxMonth) * 100}%`, backgroundColor: \"#f59e0b\" }} />\n                      </div>\n                    </div>\n                  );\n                })}\n              </div>\n              <div className=\"flex gap-4 mt-3 text-xs text-neutral-500\">\n                <span className=\"flex items-center gap-1\"><span className=\"w-2.5 h-2.5 rounded-full inline-block\" style={{ backgroundColor: RED }} />Service</span>\n                <span className=\"flex items-center gap-1\"><span className=\"w-2.5 h-2.5 rounded-full inline-block bg-amber-500\" />Fuel</span>\n              </div>\n            </Card>\n\n            {cats.length > 0 && (\n              <Card className=\"p-4\">\n                <h3 className=\"font-bold text-neutral-700 mb-3\">Service by category</h3>\n                <div className=\"space-y-2\">\n                  {cats.map(([cat, amt]) => (\n                    <div key={cat} className=\"flex justify-between text-sm\">\n                      <span className=\"text-neutral-600\">{cat}</span>\n                      <span className=\"font-semibold\">{money(cur, amt)}</span>\n                    </div>\n                  ))}\n                </div>\n              </Card>\n            )}\n          </>\n        )}\n    </div>\n  );\n}\n",[],[156,314,352],"2a953707-69ef-487c-8d0a-ce3b2113026b","App.tsx","5de39cc0-7f0d-11f1-a52a-1607ee4eb77e",46,["D",1783984542919],7,"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useCallback, useEffect, useState } from \"https://esm.sh/react@18.2.0\";\nimport { api, AuthError } from \"../lib/api.ts\";\nimport type { AppState } from \"../lib/api.ts\";\nimport { km } from \"../lib/format.ts\";\nimport { Button, Icon, RED } from \"./ui.tsx\";\nimport { Dashboard } from \"./Dashboard.tsx\";\nimport { FuelView } from \"./Fuel.tsx\";\nimport { CostsView } from \"./Costs.tsx\";\nimport { HistoryView } from \"./History.tsx\";\nimport { SettingsView } from \"./Settings.tsx\";\n\nexport type Mutate = (p: Promise<AppState>) => Promise<void>;\nexport interface ViewProps {\n  state: AppState;\n  mutate: Mutate;\n}\n\ntype Tab = \"dashboard\" | \"fuel\" | \"costs\" | \"history\";\n\nconst TABS: { id: Tab; label: string; icon: string }[] = [\n  { id: \"dashboard\", label: \"Home\", icon: \"home\" },\n  { id: \"fuel\", label: \"Fuel\", icon: \"fuel\" },\n  { id: \"costs\", label: \"Costs\", icon: \"costs\" },\n  { id: \"history\", label: \"History\", icon: \"history\" },\n];\n\nexport function App() {\n  const [state, setState] = useState<AppState | null>(null);\n  const [needLogin, setNeedLogin] = useState(false);\n  const [err, setErr] = useState<string | null>(null);\n  const [tab, setTab] = useState<Tab>(\"dashboard\");\n  const [showSettings, setShowSettings] = useState(false);\n\n  const load = useCallback(async () => {\n    setErr(null);\n    try {\n      setState(await api.bootstrap());\n      setNeedLogin(false);\n    } catch (e) {\n      if (e instanceof AuthError) setNeedLogin(true);\n      else setErr(String(e));\n    }\n  }, []);\n\n  useEffect(() => {\n    load();\n  }, [load]);\n\n  const mutate: Mutate = useCallback(async (p) => {\n    try {\n      setState(await p);\n    } catch (e) {\n      if (e instanceof AuthError) setNeedLogin(true);\n      else alert(\"Something went wrong. Please try again.\\n\\n\" + String(e));\n    }\n  }, []);\n\n  if (needLogin) return <Login />;\n  if (err) return <ErrorScreen msg={err} onRetry={load} />;\n  if (!state) return <Splash />;\n\n  const v = state.vehicle;\n  const overdue = state.due.filter((d) => d.enabled && d.status === \"overdue\").length;\n  const soon = state.due.filter((d) => d.enabled && d.status === \"due_soon\").length;\n\n  return (\n    <div className=\"min-h-screen max-w-lg mx-auto pb-24\">\n      {/* Header */}\n      <header\n        className=\"px-4 pt-5 pb-5 text-white shadow-sm\"\n        style={{ background: \"linear-gradient(135deg, #232323, #0a0a0a)\", borderBottom: `3px solid ${RED}` }}\n      >\n        <div className=\"flex items-start justify-between\">\n          <div className=\"min-w-0\">\n            <div className=\"text-white/80 text-xs font-semibold uppercase tracking-wide\">\n              {v.year ? `${v.year} ` : \"\"}{v.make} {v.model}\n            </div>\n            <div className=\"text-2xl font-extrabold truncate\">{v.name || \"My ADV160\"}</div>\n            <div className=\"text-white/80 text-xs mt-0.5\">\n              {v.color}{v.plate ? ` · ${v.plate}` : \"\"}\n            </div>\n          </div>\n          <button\n            onClick={() => setShowSettings(true)}\n            className=\"shrink-0 bg-white/10 hover:bg-white/20 rounded-full w-10 h-10 flex items-center justify-center text-white\"\n            aria-label=\"Settings\"\n          >\n            <Icon name=\"gear\" size={20} />\n          </button>\n        </div>\n        <div className=\"mt-4 flex items-end gap-4\">\n          <div>\n            <div className=\"text-white/70 text-xs\">Odometer</div>\n            <div className=\"text-3xl font-extrabold leading-none\">{km(v.current_odometer_km)}</div>\n          </div>\n          <div className=\"ml-auto text-right text-xs text-white/85\">\n            {overdue > 0 && <div className=\"font-bold\" style={{ color: \"#ff5b5b\" }}>{overdue} overdue</div>}\n            {soon > 0 && <div>{soon} due soon</div>}\n            {overdue === 0 && soon === 0 && <div>All up to date ✓</div>}\n          </div>\n        </div>\n      </header>\n\n      <main className=\"px-4 pt-4 space-y-4\">\n        {tab === \"dashboard\" && <Dashboard state={state} mutate={mutate} />}\n        {tab === \"fuel\" && <FuelView state={state} mutate={mutate} />}\n        {tab === \"costs\" && <CostsView state={state} mutate={mutate} />}\n        {tab === \"history\" && <HistoryView state={state} mutate={mutate} />}\n\n        <div className=\"text-center pt-2\">\n          <a href=\"/source\" className=\"text-xs text-neutral-400 underline\">view source</a>\n        </div>\n      </main>\n\n      {/* Bottom nav */}\n      <nav className=\"fixed bottom-0 inset-x-0 z-40 border-t border-neutral-200 bg-white/95 backdrop-blur\">\n        <div className=\"max-w-lg mx-auto grid grid-cols-4\">\n          {TABS.map((t) => {\n            const active = tab === t.id;\n            return (\n              <button\n                key={t.id}\n                onClick={() => setTab(t.id)}\n                className=\"relative py-2.5 flex flex-col items-center gap-1 text-[11px] font-semibold\"\n                style={{ color: active ? RED : \"#9ca3af\" }}\n              >\n                {active && (\n                  <span\n                    className=\"absolute top-0 h-[3px] w-8 rounded-full\"\n                    style={{ backgroundColor: RED }}\n                  />\n                )}\n                <Icon name={t.icon} size={22} strokeWidth={active ? 2 : 1.8} />\n                {t.label}\n              </button>\n            );\n          })}\n        </div>\n      </nav>\n\n      {showSettings && (\n        <SettingsView state={state} mutate={mutate} onClose={() => setShowSettings(false)} />\n      )}\n    </div>\n  );\n}\n\nfunction Login() {\n  return (\n    <div className=\"min-h-screen flex items-center justify-center p-6\">\n      <div className=\"bg-white rounded-3xl shadow-sm border border-neutral-200 p-7 max-w-sm w-full text-center\">\n        <div\n          className=\"mx-auto mb-4 w-16 h-16 rounded-2xl flex items-center justify-center text-white\"\n          style={{ backgroundColor: RED }}\n        >\n          <Icon name=\"gauge\" size={32} strokeWidth={2} />\n        </div>\n        <h1 className=\"text-xl font-extrabold\">ADV160 Maintenance</h1>\n        <p className=\"text-sm text-neutral-500 mt-2 mb-6\">\n          Your private maintenance log. Sign in with your Val Town account to continue.\n        </p>\n        <a\n          href=\"/auth/login\"\n          className=\"inline-flex w-full items-center justify-center rounded-xl text-white font-semibold py-3\"\n          style={{ backgroundColor: RED }}\n        >\n          Log in with Val Town\n        </a>\n      </div>\n    </div>\n  );\n}\n\nfunction Splash() {\n  return (\n    <div className=\"min-h-screen flex items-center justify-center text-neutral-400\">\n      <div className=\"animate-pulse text-center\">\n        <div className=\"text-4xl mb-2\">🛠️</div>\n        Loading…\n      </div>\n    </div>\n  );\n}\n\nfunction ErrorScreen({ msg, onRetry }: { msg: string; onRetry: () => void }) {\n  return (\n    <div className=\"min-h-screen flex items-center justify-center p-6\">\n      <div className=\"text-center max-w-sm\">\n        <div className=\"text-4xl mb-2\">⚠️</div>\n        <div className=\"font-semibold mb-1\">Couldn't load your data</div>\n        <div className=\"text-xs text-neutral-400 mb-4 break-words\">{msg}</div>\n        <Button onClick={onRetry}>Try again</Button>\n      </div>\n    </div>\n  );\n}\n",[],[156,314,360],"c89cb1c7-d65d-4870-a93d-966767eb90fa",18,["D",1783983031616],[193,194,195,196,197,198,199,200],[156,314],["D",1783982946331],[192,201,205,206,207,208,209],[156],"8b212fd4-43df-4663-a003-bb92fd201d54","reminders.ts","c4ad43e4-7f0c-11f1-9765-1607ee4eb77e",["D",1783982824101],"interval","// Daily reminder job. Recomputes what's due and emails a throttled digest\n// (each service is reminded at most once per 7 days). Verify manually with run_file.\nimport { runReminders } from \"../backend/reminders.ts\";\n\nexport default async function (interval: Interval) {\n  const result = await runReminders(false);\n  console.log(\"reminder run:\", JSON.stringify(result));\n}\n",[],[162,377],["D",1783982824101],[190],[162],"0bb15bd5-0ed6-4203-9041-eb385d89ff65","stats.ts","039c413a-7f0e-11f1-8601-1607ee4eb77e",26,["D",1783983359126],"// Pure fuel-economy and cost aggregation, split out from the HTTP layer so it can\n// be unit-tested independently.\nimport type { FuelLog, ServiceRecord, ServiceType } from \"../shared/types.ts\";\n\nexport interface FuelSegment {\n  from_km: number;\n  to_km: number;\n  distance: number;\n  liters: number;\n  km_per_l: number;\n  date: string;\n}\n\n// Fuel economy between consecutive full-tank fills (km per liter).\nexport function fuelEconomy(fuel: FuelLog[]): {\n  segments: FuelSegment[];\n  average_km_per_l: number | null;\n} {\n  const asc = [...fuel].sort((a, b) => a.odometer_km - b.odometer_km);\n  const segments: FuelSegment[] = [];\n  let lastFull: FuelLog | null = null;\n  let litersSinceFull = 0;\n  for (const f of asc) {\n    if (lastFull) litersSinceFull += f.liters;\n    if (f.is_full_tank === 1) {\n      if (lastFull) {\n        const distance = f.odometer_km - lastFull.odometer_km;\n        if (distance > 0 && litersSinceFull > 0) {\n          segments.push({\n            from_km: lastFull.odometer_km,\n            to_km: f.odometer_km,\n            distance,\n            liters: litersSinceFull,\n            km_per_l: distance / litersSinceFull,\n            date: f.filled_at,\n          });\n        }\n      }\n      lastFull = f;\n      litersSinceFull = 0;\n    }\n  }\n  const totalDist = segments.reduce((a, x) => a + x.distance, 0);\n  const totalLiters = segments.reduce((a, x) => a + x.liters, 0);\n  return { segments, average_km_per_l: totalLiters > 0 ? totalDist / totalLiters : null };\n}\n\nexport function costSummary(\n  records: ServiceRecord[],\n  fuel: FuelLog[],\n  types: ServiceType[],\n) {\n  const catById = new Map(types.map((t) => [t.id, t.category]));\n  const fuelCost = (f: FuelLog) =>\n    f.total_cost ?? (f.price_per_liter != null ? f.price_per_liter * f.liters : 0);\n  const serviceTotal = records.reduce((a, r) => a + (r.cost ?? 0), 0);\n  const fuelTotal = fuel.reduce((a, f) => a + fuelCost(f), 0);\n\n  const byMonth: Record<string, { service: number; fuel: number }> = {};\n  const add = (month: string, key: \"service\" | \"fuel\", amt: number) => {\n    if (!amt) return;\n    byMonth[month] ??= { service: 0, fuel: 0 };\n    byMonth[month][key] += amt;\n  };\n  for (const r of records) add((r.performed_at || \"\").slice(0, 7), \"service\", r.cost ?? 0);\n  for (const f of fuel) add((f.filled_at || \"\").slice(0, 7), \"fuel\", fuelCost(f));\n\n  const byCategory: Record<string, number> = {};\n  for (const r of records) {\n    if (!r.cost) continue;\n    const cat = r.service_type_id != null ? (catById.get(r.service_type_id) ?? \"Other\") : \"Other\";\n    byCategory[cat] = (byCategory[cat] ?? 0) + r.cost;\n  }\n  return {\n    service_total: serviceTotal,\n    fuel_total: fuelTotal,\n    total: serviceTotal + fuelTotal,\n    by_month: byMonth,\n    by_category: byCategory,\n  };\n}\n",[],[168,388],"8e0d8283-511f-4048-b4fd-f8cbfd2335a3","5272b174-7f0c-11f1-ab1f-1607ee4eb77e",5,["D",1783982632435],"// Pure due-date / reminder calculation. No DB access here so it can be unit-reasoned\n// and reused by both the HTTP API and the daily cron job.\n\nimport type {\n  DueInfo,\n  DueStatus,\n  ServiceRecord,\n  ServiceType,\n  Settings,\n  Vehicle,\n} from \"../shared/types.ts\";\n\nconst DAY_MS = 24 * 60 * 60 * 1000;\n\nexport function dateOnly(s: string): string {\n  return (s || \"\").slice(0, 10);\n}\n\nfunction parseUTC(s: string): Date {\n  return new Date(`${dateOnly(s)}T00:00:00Z`);\n}\n\nexport function todayISO(): string {\n  return new Date().toISOString().slice(0, 10);\n}\n\nexport function addMonths(dateStr: string, months: number): string {\n  const d = parseUTC(dateStr);\n  const day = d.getUTCDate();\n  d.setUTCMonth(d.getUTCMonth() + months);\n  // Clamp end-of-month overflow (e.g. Jan 31 + 1mo -> Feb 28).\n  if (d.getUTCDate() < day) d.setUTCDate(0);\n  return d.toISOString().slice(0, 10);\n}\n\nexport function daysBetween(fromISO: string, toISO: string): number {\n  return Math.round((parseUTC(toISO).getTime() - parseUTC(fromISO).getTime()) / DAY_MS);\n}\n\n// Estimate average km/day from odometer history, falling back to the baseline.\nexport function estimateKmPerDay(\n  vehicle: Vehicle,\n  readings: { km: number; recorded_at: string }[],\n): number | null {\n  const pts = [...readings]\n    .map((r) => ({ km: r.km, at: dateOnly(r.recorded_at) }))\n    .sort((a, b) => (a.at < b.at ? -1 : 1));\n  if (pts.length >= 2) {\n    const first = pts[0];\n    const last = pts[pts.length - 1];\n    const days = daysBetween(first.at, last.at);\n    const km = last.km - first.km;\n    if (days >= 1 && km > 0) return km / days;\n  }\n  // Fallback: distance covered since the vehicle baseline.\n  const days = daysBetween(vehicle.baseline_date, todayISO());\n  const km = vehicle.current_odometer_km - vehicle.baseline_odometer_km;\n  if (days >= 1 && km > 0) return km / days;\n  return null;\n}\n\nfunction fmtKm(n: number): string {\n  return `${Math.round(n).toLocaleString(\"en-US\")} km`;\n}\n\nexport function computeDue(\n  vehicle: Vehicle,\n  settings: Settings,\n  serviceTypes: ServiceType[],\n  records: ServiceRecord[],\n  kmPerDay: number | null,\n): DueInfo[] {\n  const currentKm = vehicle.current_odometer_km;\n  const today = todayISO();\n  const leadDays = settings.reminder_lead_days;\n  const leadKm = settings.reminder_lead_km;\n\n  const out: DueInfo[] = serviceTypes.map((st) => {\n    // Most recent record for this service type (records already sorted desc by date).\n    const last = records.find((r) => r.service_type_id === st.id) ?? null;\n\n    const baseKm = last?.odometer_km ?? vehicle.baseline_odometer_km;\n    const baseDate = last ? dateOnly(last.performed_at) : vehicle.baseline_date;\n\n    // Choose km interval: use \"first\" interval only when the service was never done.\n    const kmInterval = last ? st.interval_km : (st.first_km ?? st.interval_km);\n    const monthInterval = last ? st.interval_months : (st.first_months ?? st.interval_months);\n\n    const nextDueKm = kmInterval != null ? baseKm + kmInterval : null;\n    const nextDueDate = monthInterval != null ? addMonths(baseDate, monthInterval) : null;\n\n    const kmRemaining = nextDueKm != null ? nextDueKm - currentKm : null;\n    const daysRemaining = nextDueDate != null ? daysBetween(today, nextDueDate) : null;\n\n    // Project when the km-based service will be reached, given usage rate.\n    let projectedDueDate: string | null = null;\n    if (kmRemaining != null && kmPerDay && kmPerDay > 0) {\n      const daysToKm = Math.round(kmRemaining / kmPerDay);\n      const d = new Date(Date.now() + daysToKm * DAY_MS);\n      projectedDueDate = d.toISOString().slice(0, 10);\n    }\n\n    let status: DueStatus = \"ok\";\n    const reasons: string[] = [];\n\n    if (nextDueKm == null && nextDueDate == null) {\n      status = \"unknown\";\n      reasons.push(\"No interval set\");\n    } else {\n      const overdueKm = kmRemaining != null && kmRemaining <= 0;\n      const overdueTime = daysRemaining != null && daysRemaining < 0;\n      const soonKm = kmRemaining != null && kmRemaining > 0 && kmRemaining <= leadKm;\n      const soonTime = daysRemaining != null && daysRemaining >= 0 && daysRemaining <= leadDays;\n      const soonProjected = projectedDueDate != null &&\n        daysBetween(today, projectedDueDate) <= leadDays;\n\n      if (overdueKm) reasons.push(`Over by ${fmtKm(-(kmRemaining as number))}`);\n      if (overdueTime) reasons.push(`${-(daysRemaining as number)} days overdue`);\n      if (!overdueKm && soonKm) reasons.push(`${fmtKm(kmRemaining as number)} left`);\n      if (!overdueTime && soonTime) reasons.push(`due in ${daysRemaining} days`);\n      if (!overdueKm && !overdueTime && !soonKm && !soonTime && soonProjected) {\n        reasons.push(`~${daysBetween(today, projectedDueDate as string)} days at current usage`);\n      }\n\n      if (overdueKm || overdueTime) status = \"overdue\";\n      else if (soonKm || soonTime || soonProjected) status = \"due_soon\";\n      else status = \"ok\";\n    }\n\n    return {\n      service_type_id: st.id,\n      name: st.name,\n      category: st.category,\n      enabled: st.enabled === 1,\n      last_done_km: last?.odometer_km ?? null,\n      last_done_date: last ? dateOnly(last.performed_at) : null,\n      next_due_km: nextDueKm,\n      next_due_date: nextDueDate,\n      km_remaining: kmRemaining,\n      days_remaining: daysRemaining,\n      projected_due_date: projectedDueDate,\n      status,\n      reason: reasons.join(\" · \"),\n    };\n  });\n\n  // Sort: overdue first, then due_soon, then ok, then unknown; within a group by urgency.\n  const rank: Record<DueStatus, number> = { overdue: 0, due_soon: 1, ok: 2, unknown: 3 };\n  out.sort((a, b) => {\n    if (rank[a.status] !== rank[b.status]) return rank[a.status] - rank[b.status];\n    const av = urgencyValue(a);\n    const bv = urgencyValue(b);\n    return av - bv;\n  });\n  return out;\n}\n\nfunction urgencyValue(d: DueInfo): number {\n  // Lower = more urgent. Combine remaining days and a km->days proxy.\n  const candidates: number[] = [];\n  if (d.days_remaining != null) candidates.push(d.days_remaining);\n  if (d.projected_due_date != null) {\n    candidates.push(daysBetween(todayISO(), d.projected_due_date));\n  }\n  if (candidates.length === 0) return Number.MAX_SAFE_INTEGER;\n  return Math.min(...candidates);\n}\n",[],[168,226],"5c825db5-3db3-49ae-9ec3-509245b2895d","68f15d24-7f0c-11f1-8163-1607ee4eb77e",31,["D",1783983486696],"import { email } from \"https://esm.town/v/std/email\";\nimport {\n  getRecords,\n  getServiceTypes,\n  getSettings,\n  getVehicle,\n  ready,\n  sqlite,\n} from \"./db.ts\";\nimport { computeDue, estimateKmPerDay } from \"./schedule.ts\";\nimport type { DueInfo } from \"../shared/types.ts\";\n\nconst THROTTLE_DAYS = 7;\nconst APP_URL = \"https://joshuaballesta--0fdb16767f0c11f18c451607ee4eb77e.web.val.run\";\n\nfunction fmtDate(s: string | null): string {\n  return s ? s : \"—\";\n}\n\nfunction lineFor(d: DueInfo): string {\n  const bits: string[] = [];\n  if (d.next_due_km != null) bits.push(`at ${Math.round(d.next_due_km).toLocaleString(\"en-US\")} km`);\n  if (d.next_due_date != null) bits.push(`by ${d.next_due_date}`);\n  const when = bits.length ? ` — due ${bits.join(\" / \")}` : \"\";\n  const reason = d.reason ? ` (${d.reason})` : \"\";\n  return `${d.name}${when}${reason}`;\n}\n\nexport interface ReminderResult {\n  sent: boolean;\n  reason: string;\n  included: string[];\n}\n\n// Compute due items, filter to actionable + un-throttled ones, email a digest,\n// and record last_reminder_sent_at. Safe to call from cron or a manual trigger.\nexport async function runReminders(force = false): Promise<ReminderResult> {\n  await ready();\n  const [vehicle, settings, serviceTypes, records] = await Promise.all([\n    getVehicle(),\n    getSettings(),\n    getServiceTypes(),\n    getRecords(),\n  ]);\n\n  const readingsRes = await sqlite.execute(\n    \"SELECT km, recorded_at FROM odometer_readings ORDER BY recorded_at\",\n  );\n  const readings = readingsRes.rows.map((r) => ({\n    km: Number(r.km),\n    recorded_at: String(r.recorded_at),\n  }));\n  const kmPerDay = estimateKmPerDay(vehicle, readings);\n\n  const due = computeDue(vehicle, settings, serviceTypes, records, kmPerDay);\n  const byId = new Map(serviceTypes.map((s) => [s.id, s]));\n\n  const now = Date.now();\n  const actionable = due.filter((d) => {\n    if (!d.enabled) return false;\n    if (d.status !== \"overdue\" && d.status !== \"due_soon\") return false;\n    if (force) return true;\n    const st = byId.get(d.service_type_id);\n    const last = st?.last_reminder_sent_at;\n    if (!last) return true;\n    const ageDays = (now - new Date(last).getTime()) / (24 * 60 * 60 * 1000);\n    return ageDays >= THROTTLE_DAYS;\n  });\n\n  if (actionable.length === 0) {\n    return { sent: false, reason: \"Nothing due (or all recently reminded)\", included: [] };\n  }\n\n  const overdue = actionable.filter((d) => d.status === \"overdue\");\n  const soon = actionable.filter((d) => d.status === \"due_soon\");\n\n  const currencyKm = `${Math.round(vehicle.current_odometer_km).toLocaleString(\"en-US\")} km`;\n  const section = (title: string, items: DueInfo[]) =>\n    items.length\n      ? `\\n${title}\\n` + items.map((d) => `  • ${lineFor(d)}`).join(\"\\n\")\n      : \"\";\n\n  const text =\n    `Maintenance due for your ${vehicle.year ?? \"\"} ${vehicle.make} ${vehicle.model} (${vehicle.name}).\\n` +\n    `Current odometer: ${currencyKm}.\\n` +\n    section(\"OVERDUE\", overdue) +\n    section(\"DUE SOON\", soon) +\n    `\\n\\nOpen your tracker to log or snooze these.`;\n\n  const htmlItem = (d: DueInfo, color: string) =>\n    `<li style=\"margin:6px 0\"><strong style=\"color:${color}\">${d.name}</strong>` +\n    `<div style=\"color:#555;font-size:13px\">` +\n    (d.next_due_km != null ? `Due at ${Math.round(d.next_due_km).toLocaleString(\"en-US\")} km. ` : \"\") +\n    (d.next_due_date != null ? `Due by ${fmtDate(d.next_due_date)}. ` : \"\") +\n    (d.reason ? `${d.reason}.` : \"\") +\n    `</div></li>`;\n\n  const html =\n    `<div style=\"font-family:system-ui,-apple-system,sans-serif;max-width:520px\">` +\n    `<h2 style=\"margin:0 0 4px\">🏍️ Maintenance due</h2>` +\n    `<p style=\"color:#555;margin:0 0 12px\">${vehicle.year ?? \"\"} ${vehicle.make} ${vehicle.model} · odometer ${currencyKm}</p>` +\n    (overdue.length\n      ? `<h3 style=\"color:#c0392b;margin:12px 0 4px\">Overdue</h3><ul style=\"padding-left:18px;margin:0\">${overdue.map((d) => htmlItem(d, \"#c0392b\")).join(\"\")}</ul>`\n      : \"\") +\n    (soon.length\n      ? `<h3 style=\"color:#b7791f;margin:12px 0 4px\">Due soon</h3><ul style=\"padding-left:18px;margin:0\">${soon.map((d) => htmlItem(d, \"#b7791f\")).join(\"\")}</ul>`\n      : \"\") +\n    `<p style=\"margin-top:16px\"><a href=\"${APP_URL}\">Open your maintenance tracker →</a></p>` +\n    `</div>`;\n\n  await email({\n    subject: `🏍️ ADV160 maintenance: ${actionable.length} item${actionable.length === 1 ? \"\" : \"s\"} due`,\n    text,\n    html,\n  });\n\n  // Record that we reminded about these service types.\n  const nowIso = new Date().toISOString();\n  await sqlite.batch(\n    actionable.map((d) => ({\n      sql: \"UPDATE service_types SET last_reminder_sent_at = ? WHERE id = ?\",\n      args: [nowIso, d.service_type_id],\n    })),\n  );\n\n  return {\n    sent: true,\n    reason: `Emailed ${actionable.length} item(s)`,\n    included: actionable.map((d) => d.name),\n  };\n}\n\n",[],[168,377],"8dbf20a4-cb9a-4906-a139-117d3cb18cff","db.ts","38b648ae-7f0c-11f1-93a5-1607ee4eb77e",["D",1783982589287],"import { sqlite } from \"https://esm.town/v/std/sqlite/main.ts\";\nimport { DEFAULT_SERVICES } from \"../shared/schedule.ts\";\nimport type {\n  FuelLog,\n  ServiceRecord,\n  ServiceType,\n  Settings,\n  Vehicle,\n} from \"../shared/types.ts\";\n\n// ---- Schema + seed (idempotent, memoized so it runs once per warm instance) ----\n\nlet readyPromise: Promise<void> | null = null;\n\nexport function ready(): Promise<void> {\n  if (!readyPromise) readyPromise = init();\n  return readyPromise;\n}\n\nfunction today(): string {\n  return new Date().toISOString().slice(0, 10);\n}\n\nasync function init(): Promise<void> {\n  await sqlite.batch([\n    `CREATE TABLE IF NOT EXISTS vehicle (\n      id INTEGER PRIMARY KEY,\n      name TEXT NOT NULL DEFAULT '',\n      make TEXT NOT NULL DEFAULT '',\n      model TEXT NOT NULL DEFAULT '',\n      year INTEGER,\n      plate TEXT NOT NULL DEFAULT '',\n      color TEXT NOT NULL DEFAULT '',\n      baseline_odometer_km INTEGER NOT NULL DEFAULT 0,\n      baseline_date TEXT NOT NULL,\n      current_odometer_km INTEGER NOT NULL DEFAULT 0,\n      odometer_updated_at TEXT NOT NULL\n    )`,\n    `CREATE TABLE IF NOT EXISTS settings (\n      id INTEGER PRIMARY KEY,\n      reminder_lead_days INTEGER NOT NULL DEFAULT 7,\n      reminder_lead_km INTEGER NOT NULL DEFAULT 200,\n      currency TEXT NOT NULL DEFAULT 'PHP',\n      timezone TEXT NOT NULL DEFAULT 'Asia/Manila',\n      email TEXT NOT NULL DEFAULT ''\n    )`,\n    `CREATE TABLE IF NOT EXISTS odometer_readings (\n      id INTEGER PRIMARY KEY AUTOINCREMENT,\n      km INTEGER NOT NULL,\n      recorded_at TEXT NOT NULL\n    )`,\n    `CREATE TABLE IF NOT EXISTS service_types (\n      id INTEGER PRIMARY KEY AUTOINCREMENT,\n      service_key TEXT,\n      name TEXT NOT NULL,\n      category TEXT NOT NULL DEFAULT 'Other',\n      interval_km INTEGER,\n      interval_months INTEGER,\n      first_km INTEGER,\n      first_months INTEGER,\n      enabled INTEGER NOT NULL DEFAULT 1,\n      note TEXT NOT NULL DEFAULT '',\n      last_reminder_sent_at TEXT\n    )`,\n    `CREATE TABLE IF NOT EXISTS service_records (\n      id INTEGER PRIMARY KEY AUTOINCREMENT,\n      service_type_id INTEGER,\n      name TEXT NOT NULL,\n      performed_at TEXT NOT NULL,\n      odometer_km INTEGER,\n      cost REAL,\n      notes TEXT NOT NULL DEFAULT '',\n      photo_keys TEXT NOT NULL DEFAULT '[]',\n      created_at TEXT NOT NULL\n    )`,\n    `CREATE TABLE IF NOT EXISTS fuel_logs (\n      id INTEGER PRIMARY KEY AUTOINCREMENT,\n      filled_at TEXT NOT NULL,\n      odometer_km INTEGER NOT NULL,\n      liters REAL NOT NULL,\n      price_per_liter REAL,\n      total_cost REAL,\n      is_full_tank INTEGER NOT NULL DEFAULT 1,\n      notes TEXT NOT NULL DEFAULT '',\n      created_at TEXT NOT NULL\n    )`,\n  ]);\n\n  // Seed the single vehicle row.\n  const v = await sqlite.execute(\"SELECT COUNT(*) AS n FROM vehicle\");\n  if (Number(v.rows[0].n) === 0) {\n    await sqlite.execute({\n      sql: `INSERT INTO vehicle\n        (id, name, make, model, year, plate, color, baseline_odometer_km, baseline_date, current_odometer_km, odometer_updated_at)\n        VALUES (1, ?, 'Honda', 'ADV160', 2026, '', 'Pearl White', 0, ?, 0, ?)`,\n      args: [\"My ADV160\", today(), new Date().toISOString()],\n    });\n  }\n\n  // Seed settings.\n  const s = await sqlite.execute(\"SELECT COUNT(*) AS n FROM settings\");\n  if (Number(s.rows[0].n) === 0) {\n    await sqlite.execute(\n      \"INSERT INTO settings (id, reminder_lead_days, reminder_lead_km, currency, timezone, email) VALUES (1, 7, 200, 'PHP', 'Asia/Manila', '')\",\n    );\n  }\n\n  // Seed the ADV160 service schedule.\n  const st = await sqlite.execute(\"SELECT COUNT(*) AS n FROM service_types\");\n  if (Number(st.rows[0].n) === 0) {\n    await sqlite.batch(\n      DEFAULT_SERVICES.map((d) => ({\n        sql: `INSERT INTO service_types\n          (service_key, name, category, interval_km, interval_months, first_km, first_months, enabled, note)\n          VALUES (?, ?, ?, ?, ?, ?, ?, 1, ?)`,\n        args: [\n          d.key,\n          d.name,\n          d.category,\n          d.interval_km,\n          d.interval_months,\n          d.first_km,\n          d.first_months,\n          d.note,\n        ],\n      })),\n    );\n  }\n}\n\n// ---- Row mappers ----\n\nfunction num(x: unknown): number {\n  return x == null ? 0 : Number(x);\n}\nfunction maybeNum(x: unknown): number | null {\n  return x == null ? null : Number(x);\n}\nfunction str(x: unknown): string {\n  return x == null ? \"\" : String(x);\n}\n\nexport function mapVehicle(r: Record<string, unknown>): Vehicle {\n  return {\n    id: num(r.id),\n    name: str(r.name),\n    make: str(r.make),\n    model: str(r.model),\n    year: maybeNum(r.year),\n    plate: str(r.plate),\n    color: str(r.color),\n    baseline_odometer_km: num(r.baseline_odometer_km),\n    baseline_date: str(r.baseline_date),\n    current_odometer_km: num(r.current_odometer_km),\n    odometer_updated_at: str(r.odometer_updated_at),\n  };\n}\n\nexport function mapSettings(r: Record<string, unknown>): Settings {\n  return {\n    id: num(r.id),\n    reminder_lead_days: num(r.reminder_lead_days),\n    reminder_lead_km: num(r.reminder_lead_km),\n    currency: str(r.currency),\n    timezone: str(r.timezone),\n    email: str(r.email),\n  };\n}\n\nexport function mapServiceType(r: Record<string, unknown>): ServiceType {\n  return {\n    id: num(r.id),\n    service_key: r.service_key == null ? null : str(r.service_key),\n    name: str(r.name),\n    category: str(r.category),\n    interval_km: maybeNum(r.interval_km),\n    interval_months: maybeNum(r.interval_months),\n    first_km: maybeNum(r.first_km),\n    first_months: maybeNum(r.first_months),\n    enabled: num(r.enabled),\n    note: str(r.note),\n    last_reminder_sent_at: r.last_reminder_sent_at == null ? null : str(r.last_reminder_sent_at),\n  };\n}\n\nexport function mapRecord(r: Record<string, unknown>): ServiceRecord {\n  let photos: string[] = [];\n  try {\n    photos = JSON.parse(str(r.photo_keys) || \"[]\");\n  } catch (_) {\n    photos = [];\n  }\n  return {\n    id: num(r.id),\n    service_type_id: maybeNum(r.service_type_id),\n    name: str(r.name),\n    performed_at: str(r.performed_at),\n    odometer_km: maybeNum(r.odometer_km),\n    cost: maybeNum(r.cost),\n    notes: str(r.notes),\n    photo_keys: photos,\n    created_at: str(r.created_at),\n  };\n}\n\nexport function mapFuel(r: Record<string, unknown>): FuelLog {\n  return {\n    id: num(r.id),\n    filled_at: str(r.filled_at),\n    odometer_km: num(r.odometer_km),\n    liters: num(r.liters),\n    price_per_liter: maybeNum(r.price_per_liter),\n    total_cost: maybeNum(r.total_cost),\n    is_full_tank: num(r.is_full_tank),\n    notes: str(r.notes),\n    created_at: str(r.created_at),\n  };\n}\n\n// ---- High-level reads used by both the API and the cron job ----\n\nexport async function getVehicle(): Promise<Vehicle> {\n  await ready();\n  const r = await sqlite.execute(\"SELECT * FROM vehicle WHERE id = 1\");\n  return mapVehicle(r.rows[0]);\n}\n\nexport async function getSettings(): Promise<Settings> {\n  await ready();\n  const r = await sqlite.execute(\"SELECT * FROM settings WHERE id = 1\");\n  return mapSettings(r.rows[0]);\n}\n\nexport async function getServiceTypes(): Promise<ServiceType[]> {\n  await ready();\n  const r = await sqlite.execute(\n    \"SELECT * FROM service_types ORDER BY category, name\",\n  );\n  return r.rows.map(mapServiceType);\n}\n\nexport async function getRecords(): Promise<ServiceRecord[]> {\n  await ready();\n  const r = await sqlite.execute(\n    \"SELECT * FROM service_records ORDER BY performed_at DESC, id DESC\",\n  );\n  return r.rows.map(mapRecord);\n}\n\nexport async function getFuelLogs(): Promise<FuelLog[]> {\n  await ready();\n  const r = await sqlite.execute(\n    \"SELECT * FROM fuel_logs ORDER BY odometer_km DESC, id DESC\",\n  );\n  return r.rows.map(mapFuel);\n}\n\nexport { sqlite };\n",[],[168,410],["D",1783982589287],[185,186,187,188],[168],["D",1783982520711],["D",1789489305251],{"_99":98,"_107":103},{"_99":98,"_100":101,"_102":103,"_18":56,"_104":105,"_106":25},{"_13":88,"_32":89,"_44":43,"_90":45,"_91":-5,"_92":-5,"_93":-5,"_94":-5,"_95":-5,"_96":46,"_97":98},"ctx",{"_81":-5,"_128":457,"_458":459,"_460":461,"_462":25,"_463":25,"_464":25,"_465":126,"_466":-5,"_467":-7,"_468":-7,"_469":62,"_470":25,"_471":25,"_472":-5,"_473":25,"_474":25,"_475":25,"_476":-5},"ENV",{"_428":429,"_430":431,"_432":89,"_433":434,"_435":436,"_437":438,"_439":440,"_441":442,"_443":444,"_445":446,"_447":448,"_449":450,"_451":452,"_453":454,"_455":456},"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"]
</article></body></html>

Diff · v51