No maps configured yet.

);\n }\n const requested = c.req.query(\"map\");\n const currentMap = maps.find((m) => m.name === requested) ?? maps[0];\n\n const [entries, counts, total] = await Promise.all([\n listEntriesForMap(currentMap.name),\n countEntriesByMap(),\n countEntries(),\n ]);\n\n return c.html(\n ,\n );\n});\n\napp.get(\"/submit\", async (c) => {\n const maps = await listMaps();\n const requested = c.req.query(\"map\");\n const currentMap = maps.find((m) => m.name === requested) ?? maps[0];\n const added = c.req.query(\"added\") === \"1\";\n const existingEntries = currentMap ? await listEntriesForMap(currentMap.name) : [];\n return c.html();\n});\n\napp.post(\"/submit\", async (c) => {\n const form = await c.req.formData();\n const mapName = String(form.get(\"map_name\") ?? \"\").trim();\n const category = String(form.get(\"category\") ?? \"\").trim();\n const entryName = String(form.get(\"entry_name\") ?? \"\").trim();\n const notes = String(form.get(\"notes\") ?? \"\").trim();\n const submittedBy = String(form.get(\"submitted_by\") ?? \"\").trim();\n const pinX = Number(form.get(\"pin_x\"));\n const pinY = Number(form.get(\"pin_y\"));\n\n const maps = await listMaps();\n const currentMap = maps.find((m) => m.name === mapName) ?? maps[0];\n const validCategory = CATEGORIES.some((cat) => cat.value === category);\n\n if (!mapName || !entryName || !validCategory || !Number.isFinite(pinX) || !Number.isFinite(pinY)) {\n const existingEntries = currentMap ? await listEntriesForMap(currentMap.name) : [];\n return c.html(\n ,\n 400,\n );\n }\n\n const { id, editToken } = await addEntry({ mapName, category, entryName, notes, submittedBy, pinX, pinY });\n await notifyDiscord({ mapName, category, entryName, submittedBy });\n\n const redirectTo = `/submit?map=${encodeURIComponent(mapName)}&added=1`;\n\n // Hand the edit/delete token to the browser via localStorage (not the URL) before redirecting,\n // so the submitter — and only their browser — keeps the ability to manage this entry later.\n return c.html(\n \n \n \n \n \n ,\n );\n});\n\napp.get(\"/entries/:id/edit\", async (c) => {\n const id = Number(c.req.param(\"id\"));\n const entry = Number.isFinite(id) ? await getEntry(id) : null;\n if (!entry) return c.text(\"Entry not found\", 404);\n\n const admin = isAdminRequest(c);\n const token = c.req.query(\"t\") ?? \"\";\n const allowed = canManage(entry, { isAdmin: admin, token });\n\n if (!allowed) {\n return c.html(\n

\n You can't edit this entry. Guildies can only edit their own submissions within 1 hour of posting them.{\" \"}\n Back to the Map Guide\n

,\n 403,\n );\n }\n if (!admin && !isEntryEditable(entry)) {\n return c.html(\n

\n The 1-hour edit window for this entry has passed. You can still delete it from the Map Guide if needed.{\" \"}\n Back to the Map Guide\n

,\n 403,\n );\n }\n\n const maps = await listMaps();\n const map = maps.find((m) => m.name === entry.map_name);\n return c.html();\n});\n\napp.post(\"/entries/:id/edit\", async (c) => {\n const id = Number(c.req.param(\"id\"));\n const entry = Number.isFinite(id) ? await getEntry(id) : null;\n if (!entry) return c.text(\"Entry not found\", 404);\n\n const admin = isAdminRequest(c);\n const form = await c.req.formData();\n const token = String(form.get(\"token\") ?? \"\");\n const allowed = canManage(entry, { isAdmin: admin, token });\n\n if (!allowed || (!admin && !isEntryEditable(entry))) {\n return c.html(\n

\n This entry can no longer be edited (either it isn't yours, or the 1-hour edit window has passed).{\" \"}\n Back to the Map Guide\n

,\n 403,\n );\n }\n\n const category = String(form.get(\"category\") ?? \"\").trim();\n const entryName = String(form.get(\"entry_name\") ?? \"\").trim();\n const notes = String(form.get(\"notes\") ?? \"\").trim();\n const pinX = Number(form.get(\"pin_x\"));\n const pinY = Number(form.get(\"pin_y\"));\n const validCategory = CATEGORIES.some((cat) => cat.value === category);\n\n if (!entryName || !validCategory || !Number.isFinite(pinX) || !Number.isFinite(pinY)) {\n const maps = await listMaps();\n const map = maps.find((m) => m.name === entry.map_name);\n return c.html(\n ,\n 400,\n );\n }\n\n await updateEntry(id, { category, entryName, notes, pinX, pinY });\n return c.redirect(`/?map=${encodeURIComponent(entry.map_name)}`);\n});\n\napp.post(\"/entries/:id/delete\", async (c) => {\n const id = Number(c.req.param(\"id\"));\n const entry = Number.isFinite(id) ? await getEntry(id) : null;\n const mapQuery = c.req.query(\"map\");\n\n if (!entry) {\n return c.redirect(mapQuery ? `/?map=${encodeURIComponent(mapQuery)}` : \"/\");\n }\n\n const admin = isAdminRequest(c);\n const form = await c.req.formData().catch(() => null);\n const token = String(form?.get(\"token\") ?? \"\");\n const allowed = canManage(entry, { isAdmin: admin, token });\n\n if (allowed) await deleteEntry(id);\n\n return c.redirect(mapQuery ? `/?map=${encodeURIComponent(mapQuery)}` : `/?map=${encodeURIComponent(entry.map_name)}`);\n});\n\napp.get(\"/leaderboard\", async (c) => {\n const rows = await listLeaderboard();\n return c.html();\n});\n\napp.get(\"/admin\", (c) => {\n return c.html();\n});\n\napp.post(\"/admin\", async (c) => {\n const form = await c.req.formData();\n const key = String(form.get(\"key\") ?? \"\");\n const secret = Deno.env.get(\"ADMIN_SECRET\");\n\n if (!secret || key !== secret) {\n return c.html(, 401);\n }\n\n setCookie(c, ADMIN_COOKIE, secret, {\n httpOnly: true,\n path: \"/\",\n sameSite: \"Lax\",\n maxAge: 60 * 60 * 24 * 365,\n });\n return c.redirect(\"/\");\n});\n\napp.get(\"/admin/logout\", (c) => {\n deleteCookie(c, ADMIN_COOKIE, { path: \"/\" });\n return c.redirect(\"/\");\n});\n\napp.onError((err) => Promise.reject(err));\n\nexport default app.fetch;\n","children",[],[319],["D",1789515739795],[],[18],"e291920c-629e-4a5c-b861-ed77e137fab0","README.md","01a07e97-dc4a-73bc-8d45-76f37207cf1d",30,["D",1788869084865],"# Arthion Atlas\n\nA 2-page guild tool for the Metin2 Arthion private server: guildies report boss/NPC/resource/metin locations by clicking directly on a map, and everyone can browse what's been confirmed so far.\n\n- **Map Guide** (`/`) — pick a map, see every confirmed location pinned on the image with a legend alongside it.\n- **Submission** (`/submit`) — pick a map, click the spot, fill in what's there, submit. No login required.\n\n## Files\n\n- `main.tsx` — Hono routes: `GET /` (guide), `GET /submit` + `POST /submit` (report a location), `POST /entries/:id/delete` (remove an entry)\n- `db.ts` — SQLite schema (`maps`, `entries`) and queries\n- `components/Layout.tsx` — shared page shell and styling\n- `components/GuidePage.tsx` — the Map Guide page\n- `components/SubmitPage.tsx` — the Submission page, including the click-to-pin JS\n\n## Notes\n\n- The whole app is public — anyone with the link can view and submit. Anyone can also delete an entry, so it relies on guild trust rather than accounts.\n- Pin positions are stored as a percentage of the image's bounding box (`pin_x`/`pin_y`, 0–100), computed from the click position — not in-game coordinates.\n",[],[331],"d6b43f96-30d4-4868-8474-c7dde8a67c22","rebuild-maps.ts","b2364a66-af0a-11f1-9702-1607ee4eb77e","7b2b06c9-75d1-44f7-93cb-0ee1e2f3179e",82,["D",1789262955643],6,"import { blob } from \"https://esm.town/v/std/blob/main.ts\";\n\nconst SINGLE = [\n \"ghost-forest\",\n \"fireland\",\n \"mount-sohan\",\n \"yongbi-desert\",\n \"hwang-temple\",\n \"land-of-giants\",\n \"pyungmoo\",\n \"spider-dungeon-1\",\n \"spider-dungeon-3\",\n];\n\nconst MULTI: Record = {\n \"valley-serungryong\": 2,\n \"red-forest\": 3,\n \"bakra\": 4,\n \"snakefield\": 2,\n};\n\nfunction b64ToBytes(b64raw: string): Uint8Array {\n let b64 = b64raw.replace(/\\s+/g, \"\");\n const pad = b64.length % 4;\n if (pad === 2) b64 += \"==\";\n else if (pad === 3) b64 += \"=\";\n const bin = atob(b64);\n const bytes = new Uint8Array(bin.length);\n for (let i = 0; i < bin.length; i++) bytes[i] = bin.charCodeAt(i);\n return bytes;\n}\n\nconst results: Record = {};\n\nfor (const slug of SINGLE) {\n try {\n const key = `maps-src/${slug}.b64`;\n const b64 = await blob.get(key);\n if (!b64) {\n results[slug] = \"MISSING\";\n continue;\n }\n const text = await b64.text();\n const trimmed = text.trim();\n const bytes = b64ToBytes(trimmed);\n await blob.set(`maps/${slug}.webp`, bytes);\n results[slug] = `ok:${bytes.length} (b64len=${trimmed.length})`;\n } catch (e) {\n results[slug] = `ERROR: ${e}`;\n }\n}\n\nfor (const [slug, parts] of Object.entries(MULTI)) {\n try {\n let combined = \"\";\n let ok = true;\n for (let i = 0; i < parts; i++) {\n const key = `maps-src/${slug}.b64.part${i}`;\n const part = await blob.get(key);\n if (!part) {\n ok = false;\n break;\n }\n combined += (await part.text()).trim();\n }\n if (!ok) {\n results[slug] = \"MISSING PART\";\n continue;\n }\n const bytes = b64ToBytes(combined);\n await blob.set(`maps/${slug}.webp`, bytes);\n results[slug] = `ok:${bytes.length} (b64len=${combined.length})`;\n } catch (e) {\n results[slug] = `ERROR: ${e}`;\n }\n}\n\nconsole.log(JSON.stringify(results, null, 2));\n",[],[348,339],"scratch","89f8ff14-1fdd-47d1-8675-7eb8a1098a48","fix-sd2.ts","7283d7be-af12-11f1-911a-1607ee4eb77e",81,["D",1789262919054],"import { blob } from \"https://esm.town/v/std/blob/main.ts\";\n\nconst seg0 = \"UklGRkQPAABXRUJQVlA4IDgPAAAQmgCdASrgAeABPtForlCoJrMipdZoimAaCWlu7wsVwBzrKy+8cjFh8f/07ygfU+He21sB/xW5R6cDTQxf/JZcy//366f7AV/ql40r\";\nconst seg2 = \"ZsJ45mhmqQZUzyAcdXVLxpW9A8ZpQW9AuTqBbgfSFmJtKZONK3oHjNKC3oHjLOUCgsZLsyt9pbUt3agOvX3gGJ1cMVs0oLegeMz+4Smj2DGYvWwYJg6scpqiY+QSVu0IbN1eGKA457CYGiDukTBQv4wPAB4TAM8bgYwMStnGCTCN6X7/A5GoH8SdxY4jXVLxpW8a16NpkF9GmVj7fFgHHlWUnewrng6xPVKwOXrynmuEhJLR5yTahYQaYWkS5xHeyYsWGyC3fhGx8lKDSjwqRhnkF+PGaUFvQP3nAP5Gt6e/YAKoAau1qi1FHKK9B4nreBUXeNK2tEdb2M8cIZXkrV8OnDteqYfglm2HnTINPd9c3p2Kesz7ecBI6SHJcP3gWvPcuqPB1VFv/W2scMo+JIt8dm7Sgt6B4yzrewlqupstIe8DrU9rfqb7uwFZ4cKWBQ/4MoygqUx5D6FTCqMhBzrM+/rR76T/hP3JhRWnw042fgs6wfPehAKgXBgXhE03t7G8aVvQPFq7UHmYIqdqLnZOZpI15RJ+EOTVp4usk72k7cMsXEnbMKLK2aUFtdSYkT0UrVsOpxIOkxN6+VepRizbRHZqKhXPogRQS12vVPerD7AGNwbt85wCOXYE3hZSGXLODORmsjCIBfMb1Q57Z5lfpGOkA11S8aVtbt6Zjx4dWydg58Vpnguzf8BOpU4wblprZtBuqzHP1r43zKVJ9fgAf4NFdZdUuRH2pQwNgBUUNzDWF0u9mjgVF3jSrBLMoCmCyPweTV2bwDb2SINJg5gKqX75i4L4dL5oKoakshIIfLoHjNKC2tokXJuIEntoBdw7HTVherPCWoE9hIvPBenJGA3dknBZaCNxP6DDQlj17Aaeehd4PJDUOhkXW6TzNu6uoTWHiC6MaNLxpW9A7p3iv5cAQDv7StNsHtitNQ/QlpogJCdAEXWNLP2M2KycT/GzmfD9A/73xZEQXnIAxORZfTRCP9JY3pjQWNL/Ra3uM0oLegeV7afQy/79q+go0qRI36dm93pucQhk2jPZklp+jjxmlBb0DxWF+xIwzWXSGurt442/4iSwetStOyPI9le+O98nrAMHxpQ5IFxnTMCs7vNghINLF3StuQaUICFN8kfm8Xq3bW6wXNpIPcaEq8gndGN40regeMruyqLwNcZOEzmMf+/AfjNQmjWOh9+fsUWW0/CF4ERe3jmwxSS18Yml3S+o6mT0lgzX1Ckfux6M7xUaaYB5ONdUvGlb0D2dMhaWtBz8n/HYoJ/r5hK2MCR6Fb0M2oiIHDCulbNKC3oHjNKXooLf+K+fBUtRdp9MgV9JEa6peNK3oHjNJ/bZF2ENHOwbjS\";\nconst seg4 = \"t7u\";\nconst seg6 = \"zSgt57gAD+/20M\";\nconst seg8 = \"BZL1DWaLgp7hLAaxLzuY+EQalPbfD8tTjMSTL1xGIJW4ARuHl1FdvW0I3/q4IHKdyKI8CMv3DI2r9+o9P4LvpeKNALjuYUgPusG8TOkNMa+5CdnkbsPk38Fn6+xpqKXwnuu25QAdcOy27tp7LQkAIPyqmwpXw5gZQ27yAbNqywPcBQL2tUwPesJ5ONPOZbxUMAszsSprn6GVHG5r2+km2yHz5Ob/Bs8yjmw2X0XnymTdNa0X0SsyiZAGf8BYkp4VR1Go7qOSXiO/yefWdZbrP4dS1np3sBHaLZsA38ND7+6an247z1Vpn1v2wLqXvLe9U4nEUjT34F1wREDWGfI0lilOwPLu/EQ/e8e/JrBXU+v1cTQk1JUZZQeGzNSMwbUQDpcpbC0w6D+fJE/tmVk6yNQ0h/Chfx6NcVvdEq2Aw/AKe8In9IS8/+yEX2KYbwUjawB4cfcju455x3TVe40JkNLoPQS7H65btOZV+mNKMWBhZJA34Ic8Erhx+MAcPksCK/ph9n0f8q4N4B7TjpNEJ2HdF5uEeKLVz+hUvsDBxXp2yICiW/7dHDHlI3UIzf7D8WI7UMvJNJpzJkQ+8GmrWynqfrhBiRCqfK1YdF6ZfIqQ6+UGechkXI5AJWGr4qe4EjO7bNL5mkRD8KwmJZ7IBmoY8gk63U30O7h5107LLKMegpReDlPhe+Xgo+2Qr8ZJc7eXLZLSkeTqm2wAT5APrL/SJxRJDtqOaigmrFuNQ2UGpvNy0B2bccLXvFkjDnZtWSH38pDvRod+TiSUsgOg7Z1KHTRS/kYtXTboVp+6pQUkB4REt5eYPoExdFkei7ui4wwZ69OlbR5mxZa22qNLxD/OjxjTRQlEozHdRU8K3xa54b/E8NeRZKwaCe4sdJLwV87x0DMxYFAqesnoExPV61MRRI0zvEju8U9s93fo2tyl3LpYnRScmc4yDnAakjwNlps3TI5yHn7oB2LkhrfMH7fH4W9HX8amQoIHabqt7FMTPUKF2QKrPLPNiOqtVNR/8GuKjVsvNUINU1ZEgDG5z6C1FLCKzYk0hvyg20oM0qGsSvUVYcG7xMpc7YpdPUjO6rdxE2Y8IuBpywcn8bnYfyuG+TP4/9jsSlUCeZb7jsv7PjV2p75tGprMI+O6b7pjetViPnYgtZAiJaQ/1mDfnrJ+2pYjeeuWqbkfT4FeJ/+bgq6Om+Wmqe6pp+3Bk/W3NtalfRpVu1LfxdJ/68BwZ2U8y/y4jXKF6WDSkqYtslt6mCisISSF4jC2jD9QqifpECIc+BDn4uOMqJQ4y3Mm92ub8KlQYExsT2ih28qq1EQh+0XsZ8DOtwHQh7fcyujxiolTzMctzMiPUkn9oJGyx5Yv2tken/P49GlSRuyHtj4IMyjA0ZuMRvogHFI9WURpcQV09uHC4ZzF9Qm+txvRnmlP3ljnA+WCKjD8Nx7GfbS4AtNrYwqHCVjgAlxrYdvf9BOg+cOcGGCbjP8fY2CtfASZNcXJcBJ53cM4ibwX0nzq0iqsL9zP/Ska5Ux3mPQXy8APfaZ9h2shsX23gvy8/pzVdP3S0KnV+9bxkpEC0nyGry8oXv6qMhE457VpL8zmGe4k0mPaSN2jh47fTtodzf41VPBvz/1Pd5nyZZkitYD/fCuOMHbFwuTEBUIlUhVtoDEWfRIFS9OCQBHRP5aiDc173MmZe7UmvqreCjIAkm8zH/6EBFoDH4drxDV1SFUtvPGIm64arFony4iVoSW00V1nMh5ogUOBEb0Prpp12gJK5vvd115uYHZYDqXuft1jRsEyslFk02TK9gIlemYizowM38ADCdxiCn+/RR1ZXHZhEBL2uods9rk0yd2lG1GnzMZd/u9/BI9oj1uogzhlQIyF0VrXbHFmwv0hXmDmvV3yViY0QJeO0bU+kOml2ZEaXg/dVmcx0obBkbhovYNSmxa1UUFGS+XIG0WrOQd4Tzfm1tY8fRDwfkXBU2nkdtbSEpgdJ+CXCGH1DD3ZKm0UdcXtiQeVJMyi9a0feQ8eTsMSOvKOl+cAb8YRgF55sFZuJPG0x2zLvHaNA6vGT1XNCRKdD/rAiwlI9vomJ2ptEfWTvJZZ7VexbbUpLBfEzrTuk/f8JTdT9Btp3QccstSP4wsuWHO6ssOde6o5FMBoTnfOy+8+Vztco/CE5Bzp5Q2SFpxCXd7ZR5RBkbqtwXCj15dyL3tKLO43VFZzY7XX3GrNcjuC+DyKv+z7p0fsL8e6/VwhvvKRpMNLAaL0nsKZK93oHDqw1WHVDQdJz3TNxsHYKAK0qZNfDR0OLMMJos5C01EoJPN7KKg14MuPEMWZ2cGn4RuDa4a+uvdwSw8ISXwCcdgREXSxtUgPStgr1MVIcwO92cQ/o0mMG4NIb37v1ric1SVRaJWEADzdNnvxaUPqqdX48SoXL4EPFAys1U1NI0j/ox23v8i5KJnoXqewNINilqmjxI9ggzKOjCrS33koGLxK4zM/IsIZUw4o9mBiQUfDGdvo0nJugTaVFYKg2xQxWVCy7wDjRlOvIGhQxCG4Mr0gkIN8bMd/VxcvCYTDackPXwh1vwb7D/w5Kb7nwH9B2dqYS2HqQO6Sbu7bYEmyuNVC7XHEZTU3/CJ7UzYeF8V7oqM0HcR76nisJlWCbqed+XhHi4Pv1FFHo+fkaZ//BW2kQPzdN+6dPGPRnp8n2oIlJTlFsJqA/oR5dI8ZCxrv6FMJ6vnObvxdB7p5miTceQ3CAA0pc4GYB7KsU4BnnMS/2byFpSxM\";\nconst seg10 = \"KrZuQAIIK6Zp3wHzn/H7VpJ/tmx9zGypVOcmvu4h3DIX3LTvvdqC3wCsDperoctF+sHpT5a7uKJKLtobKc70hzzp4eJt+WMq+dRU/egKXYOMWcJFDnxNAGlaku/gtJ4gsJWDwKrYnzMCLEh2WoPJRiwtl12H6ubmNUd/HIgKfeUc+WCbx3kE7/EPAT52sj5bO5JhFZuniZhvkv1X8WaWYZmL/ZkMo6eYAkBaDrSyRvwnmRY2xErTDmHJYWHMtBmNYHfIoncbuEwl6+AlKv9yPu2FTJ9WWQS+GlccmSyII83JcA4dzVVRcCM0TrOHEYdxwqw8PGgY32gNEj7cNydfTfLtJq03n4hM1qolHGY3JDp2EFk7/CuL43EOw7Qbq/Y2SIc4ewUqRN3yh3Zlf6vbanfHBVZUbx8nROn97HVEElQvNh+oZua8cGZw1+2sKbVe8ZA71BP3/R3YVC5csoZrMTeSMzhPCN4B2+fc7ePqipR2YPqiMvX/RvWqlnQ/nZPCTypHuCiYC9zKS4Bq2UXgZ96BvrSqDgMlarWU6XZgOysU7aZQmCbk9jTaYx8nrj/IrKf83xeWPXXPZHs/ExXYSKJ1sAAJTkm8BxeoH5ZUowfDyjxkIPkJCeUX3vYYG1Sp3qW0RuQy42QsUBAHu8attSDU9dUGeGs3ZCkmJUwDIQVdl+VxqD0GxNxlRHmYiQmTfWYAMJ8zC96yobUwxdP+l4PzCto7xxNbzGF\";\nconst seg12 = \"==\";\n\nconst b64 = seg0 + \"egeM0oL\".repeat(19) + seg2 + \"t6B4zSg\".repeat(2) + seg4 + \"zSgt6B4\".repeat(6) + seg6 + \"AAA\".repeat(5) + seg8 + \"U2\".repeat(2) + seg10 + \"AA\".repeat(6) + seg12;\n\nfunction b64ToBytes(b64raw: string): Uint8Array {\n const bin = atob(b64raw);\n const bytes = new Uint8Array(bin.length);\n for (let i = 0; i < bin.length; i++) bytes[i] = bin.charCodeAt(i);\n return bytes;\n}\n\nconst bytes = b64ToBytes(b64);\nawait blob.set(\"maps/spider-dungeon-2.webp\", bytes);\nconsole.log(JSON.stringify({ len: b64.length, bytes: bytes.length }));\n",[],[348,350],"ec7546b6-251d-4c94-b529-1c96bac5f002","dump-b64.ts","bdf5b56a-af0c-11f1-9829-1607ee4eb77e",80,["D",1789260468623],"import { blob } from \"https://esm.town/v/std/blob/main.ts\";\n\nconst keys = [\"maps/spider-dungeon-1.webp\", \"maps/spider-dungeon-3.webp\"];\nfor (const key of keys) {\n const b = await blob.get(key);\n if (!b) {\n console.log(key, \"MISSING\");\n continue;\n }\n const buf = new Uint8Array(await b.arrayBuffer());\n let bin = \"\";\n for (let i = 0; i < buf.length; i++) bin += String.fromCharCode(buf[i]);\n const b64 = btoa(bin);\n console.log(key, \"LEN\", b64.length);\n console.log(b64);\n}\n",[],[348,358],"bf5cfbc7-267a-4283-adbe-c01fb116c982",56,["D",1788963893559],"directory",[312,313,314],[348],"ff74c45e-5d5e-49e6-83ec-866999c0276c","UpgradesPage.tsx","b461cbb0-b105-11f1-8fc1-1607ee4eb77e","01a07e97-dc49-70c1-928f-d93bc188b742",200,["D",1789484951420],"/** @jsxImportSource npm:hono/jsx */\nimport Layout from \"./Layout.tsx\";\nimport type { UpgradeItem } from \"../db.ts\";\n\nexport default function UpgradesPage(\n { items, filter, typeFilter, pendingCount }: {\n items: UpgradeItem[];\n filter: \"all\" | \"undiscovered\" | \"confirmed\";\n typeFilter: string;\n pendingCount: number;\n },\n) {\n const weaponTypes = Array.from(new Set(items.map((i) => i.weapon_type)));\n const activeType = weaponTypes.includes(typeFilter) ? typeFilter : \"all\";\n\n const statusFiltered = filter === \"all\" ? items : items.filter((i) => i.status === filter);\n const filtered = activeType === \"all\" ? statusFiltered : statusFiltered.filter((i) => i.weapon_type === activeType);\n\n const CATEGORY_ORDER = [\n \"Weapons\",\n \"Armors\",\n \"Helmets\",\n \"Shields\",\n \"Shoes\",\n \"Bracelets\",\n \"Necklaces\",\n \"Earrings\",\n ] as const;\n function categoryOf(weaponType: string): typeof CATEGORY_ORDER[number] {\n const wt = weaponType.toLowerCase();\n if (wt.includes(\"helmet\")) return \"Helmets\";\n if (wt.includes(\"armor\")) return \"Armors\";\n if (wt.includes(\"shield\")) return \"Shields\";\n if (wt.includes(\"shoe\")) return \"Shoes\";\n if (wt.includes(\"bracelet\")) return \"Bracelets\";\n if (wt.includes(\"necklace\")) return \"Necklaces\";\n if (wt.includes(\"earring\")) return \"Earrings\";\n return \"Weapons\";\n }\n\n // category -> weapon_type -> items\n const categoryGroups = new Map>();\n for (const item of filtered) {\n const cat = categoryOf(item.weapon_type);\n const catMap = categoryGroups.get(cat) ?? new Map();\n const list = catMap.get(item.weapon_type) ?? [];\n list.push(item);\n catMap.set(item.weapon_type, list);\n categoryGroups.set(cat, catMap);\n }\n\n function buildLink(f: string, t: string): string {\n const params = new URLSearchParams();\n if (f !== \"all\") params.set(\"filter\", f);\n if (t !== \"all\") params.set(\"type\", t);\n const qs = params.toString();\n return `/upgrades${qs ? `?${qs}` : \"\"}`;\n }\n\n const confirmedCount = items.filter((i) => i.status === \"confirmed\").length;\n\n return (\n \n

Upgrade material wiki

\n Arthion changed which materials the blacksmith wants for +0 → +9 upgrades, so the vanilla wikis don't apply\n anymore. This catalog starts blank (\"undiscovered\") and fills in as guildies submit screenshots of their own\n upgrade attempts. Covers weapons, armor, helmets, shields, shoes, bracelets, necklaces, and earrings.\n

\n\n {(() => {\n const topByType = new Map();\n for (const it of items) {\n const cur = topByType.get(it.weapon_type);\n if (\n !cur ||\n it.level_requirement > cur.level_requirement ||\n (it.level_requirement === cur.level_requirement && it.id < cur.id)\n ) {\n topByType.set(it.weapon_type, it);\n }\n }\n const byId = new Map(items.map((it) => [it.id, it]));\n // Warrior and Sura both use the \"Sword\" weapon_type, which ties at the same top level\n // between Poison Sword and Lion Sword — Warrior shows Poison Sword, Sura shows Lion Sword.\n const SURA_WEAPON_OVERRIDE = items.find((it) => it.name === \"Lion Sword\")?.id;\n const CLASS_DEFS = [\n { name: \"Warrior\", weapon: \"Sword\", armor: \"Warrior Armor\", helmet: \"Warrior Helmet\" },\n { name: \"Ninja\", weapon: \"Bow\", armor: \"Ninja Armor\", helmet: \"Ninja Helmet\" },\n {\n name: \"Sura\",\n weapon: \"Sword\",\n armor: \"Sura Armor\",\n helmet: \"Sura Helmet\",\n weaponOverrideId: SURA_WEAPON_OVERRIDE,\n },\n { name: \"Shaman\", weapon: \"Fan\", armor: \"Shaman Armor\", helmet: \"Shaman Helmet\" },\n ];\n const ACCESSORY_DEFS = [\n { label: \"Shields\", type: \"Shield\" },\n { label: \"Shoes\", type: \"Shoes\" },\n { label: \"Bracelets\", type: \"Bracelet\" },\n { label: \"Necklaces\", type: \"Necklace\" },\n { label: \"Earrings\", type: \"Earring\" },\n ];\n const visibleClasses = CLASS_DEFS\n .map((c) => ({\n ...c,\n slots: [\n {\n label: \"Weapons\",\n type: c.weapon,\n item: (c.weaponOverrideId !== undefined ? byId.get(c.weaponOverrideId) : undefined) ??\n topByType.get(c.weapon),\n },\n { label: \"Armor\", type: c.armor, item: topByType.get(c.armor) },\n { label: \"Helmets\", type: c.helmet, item: topByType.get(c.helmet) },\n ].filter((s): s is { label: string; type: string; item: UpgradeItem } => !!s.item),\n }))\n .filter((c) => c.slots.length > 0);\n const visibleAccessories = ACCESSORY_DEFS.filter((a) => topByType.has(a.type));\n\n if (visibleClasses.length === 0 && visibleAccessories.length === 0) return null;\n\n return (\n

\n {visibleClasses.length > 0 && (\n

\n {visibleClasses.map((c) => (\n

{c.name}

\n {c.slots.map((s) => (\n \n {s.item.image_url && $\"\"$ }\n {s.label}\n \n ))}\n

\n ))}\n

\n )}\n {visibleAccessories.length > 0 && (\n

\n {visibleAccessories.map((a) => {\n const top = topByType.get(a.type)!;\n return (\n \n {top.image_url && $\"\"$ }\n {a.label}\n \n );\n })}\n

\n )}\n

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

\n {confirmedCount}\n Confirmed\n

\n {items.length - confirmedCount}\n Undiscovered\n

\n {pendingCount > 0 && (\n

\n {pendingCount}\n \n Pending screenshots\n \n

\n )}\n

\n\n \n\n {filtered.length === 0\n ?

Nothing here

No items match this filter.

\n : (\n CATEGORY_ORDER.filter((cat) => categoryGroups.has(cat)).map((cat) => {\n const catMap = categoryGroups.get(cat)!;\n const catCount = Array.from(catMap.values()).reduce((n, list) => n + list.length, 0);\n return (\n

{cat} ({catCount})

\n {Array.from(catMap.entries()).map(([weaponType, groupItems]) => (\n

{weaponType} ({groupItems.length})

\n {groupItems.map((item) => (\n \n \n {item.image_url && (\n $\"\"$ \n )}\n \n {item.name}\n \n Lv. {item.level_requirement}\n \n {item.status === \"confirmed\" ? \"Confirmed\" : \"Undiscovered\"}\n \n \n \n ))}\n

\n ))}\n

\n );\n })\n )}\n \n );\n}\n",[],[380,372],"components","52e83f32-ada1-455a-a7c0-a323a1ca96e7","UpgradeReviewPage.tsx","c3fd3fa0-b105-11f1-a16f-1607ee4eb77e",227,["D",1789504570113],"/** @jsxImportSource npm:hono/jsx */\nimport Layout from \"./Layout.tsx\";\nimport { parseMaterialEntry } from \"../db.ts\";\nimport type { ParsedUpgradeData, UpgradeItem, UpgradeSubmission } from \"../db.ts\";\n\nconst LEVELS = [1, 2, 3, 4, 5, 6, 7, 8, 9];\n\nexport default function UpgradeReviewPage(\n { item, submission, screenshotUrl, materialIcons }: {\n item: UpgradeItem;\n submission: UpgradeSubmission;\n screenshotUrl: string;\n materialIcons: Record;\n },\n) {\n const parsed: ParsedUpgradeData = submission.parsed_data ? JSON.parse(submission.parsed_data) : {};\n const materialNames = Object.keys(materialIcons).sort((a, b) => a.localeCompare(b));\n\n return (\n \n

Review: {item.name}

\n Look at the screenshot and fill in the materials and gold cost for each level you can read. Leave a row\n blank if you can't tell what it says — someone else (or Kubeniz) can fill it in later. Nothing here is\n auto-read; it only saves once someone submits this form.\n

\n Type a material name and pick it from the dropdown so it matches exactly — that's what makes the icon show\n up on the item page.\n

\n\n \n {materialNames.map((name) => \n\n

\n $\"Uploaded$ \n

\n\n

\n \n \n \n \n \n \n \n \n \n {LEVELS.map((lvl) => {\n const row = parsed[String(lvl)];\n const rowMaterials = row?.materials?.length\n ? row.materials.map((entry) => parseMaterialEntry(entry))\n : [{ name: \"\", qty: null }];\n return (\n \n \n \n \n \n );\n })}\n \n

Level	Materials	Gold
+{lvl}	\n \n {rowMaterials.map((m) => (\n \n \n \n \n \n ))}\n \n \n	\n \n

\n \n Cancel\n

\n\n ' +\n '' +\n '';\n container.appendChild(row);\n } else if (target.classList.contains(\"remove-material-btn\")) {\n var rowEl = target.closest(\".material-row\");\n var container = rowEl.parentElement;\n if (container.children.length > 1) {\n rowEl.remove();\n } else {\n rowEl.querySelectorAll(\"input\").forEach(function (input) { input.value = \"\"; });\n }\n }\n });\n `,\n }}\n >\n \n \n );\n}\n",[],[380,382],"ac894663-7a90-4d35-a7a7-2fe1e0a8d339","UpgradeItemPage.tsx","bcd753c8-b105-11f1-b3f2-1607ee4eb77e",222,["D",1789499249451],"/** @jsxImportSource npm:hono/jsx */\nimport Layout from \"./Layout.tsx\";\nimport { parseMaterialEntry } from \"../db.ts\";\nimport type { ParsedUpgradeData, UpgradeItem, UpgradeSubmission } from \"../db.ts\";\n\nconst LEVELS = [1, 2, 3, 4, 5, 6, 7, 8, 9];\n\nexport default function UpgradeItemPage(\n { item, confirmed, materialIcons, latestSubmission, latestScreenshotUrl, error }: {\n item: UpgradeItem;\n confirmed: UpgradeSubmission | null;\n materialIcons: Record;\n latestSubmission?: UpgradeSubmission | null;\n latestScreenshotUrl?: string | null;\n error?: string;\n },\n) {\n const parsed: ParsedUpgradeData = confirmed?.parsed_data ? JSON.parse(confirmed.parsed_data) : {};\n\n return (\n \n ← Back to Upgrade catalog\n

\n \n {item.image_url && $\"\"$ }\n \n

{item.name}

\n {item.status === \"confirmed\" ? \"Confirmed\" : \"Undiscovered\"}\n

{item.weapon_type} · Level {item.level_requirement}

\n {confirmed?.submitted_by && (\n

Confirmed by {confirmed.submitted_by}

\n )}\n\n {error && }\n\n {item.status === \"confirmed\"\n ? (\n

\n \n \n \n \n {LEVELS.map((lvl) => )}\n \n \n \n \n \n {LEVELS.map((lvl) => (\n \n ))}\n \n \n \n {LEVELS.map((lvl) => {\n const row = parsed[String(lvl)];\n return ;\n })}\n \n \n \n {LEVELS.map((lvl) => {\n const row = parsed[String(lvl)];\n return (\n \n );\n })}\n \n \n

	+{lvl}
	\n \n {item.image_url && $\"\"$ }\n \n
Gold	{row?.gold != null ? row.gold.toLocaleString() : \"—\"}
Materials	\n {row?.materials?.length\n ? (\n \n {row.materials.map((entry) => {\n const { name, qty } = parseMaterialEntry(entry);\n const icon = materialIcons[name];\n return (\n \n \n {icon && $\"\"$ }\n {qty && {qty}}\n \n {name}\n \n );\n })}\n \n )\n : \"—\"}\n

\n )\n : (\n

Not discovered yet

Be the first to try upgrading this at the blacksmith and share a screenshot below.

\n )}\n\n

\n {item.status === \"confirmed\" ? \"Have a correction? Submit a new screenshot\" : \"Submit a screenshot\"}\n

\n Upload a screenshot of your Notebook for this item. On the next page you can fill in the materials and\n gold cost yourself — or leave it blank and it'll wait in the{\" \"}\n pending queue until someone (often Kubeniz) fills it in from the\n screenshot.\n

\n \n

\n\n

\n {latestScreenshotUrl\n ? (\n

\n )\n : (\n

No screenshot yet

Once someone uploads one, it'll show up here — paste in whatever you'd drop in Discord.

\n )}\n {latestSubmission && (\n

\n {latestSubmission.status === \"confirmed\"\n ? \"From the confirmed submission\"\n : \"Latest upload — not filled in yet\"}\n {latestSubmission.submitted_by && <> · by {latestSubmission.submitted_by}}\n {latestSubmission.status !== \"confirmed\" && (\n <>\n {\" \"}· fill it in\n \n )}\n

\n )}\n

\n \n );\n}\n",[],[380,390],"e8645bba-0d12-49b4-83e6-80a21728d3b4","SubmitPage.tsx","741fc72e-ab23-11f1-bff4-1607ee4eb77e",59,["D",1788974992834],4,"/** @jsxImportSource npm:hono/jsx */\nimport Layout from \"./Layout.tsx\";\nimport { CategoryIcon } from \"./GuidePage.tsx\";\nimport { CATEGORIES, type Entry, type MapInfo } from \"../db.ts\";\n\nconst CATEGORY_LABEL: Record = Object.fromEntries(CATEGORIES.map((c) => [c.value, c.label]));\n\nexport default function SubmitPage(\n { maps, currentMap, error, added, existingEntries = [] }: {\n maps: MapInfo[];\n currentMap: MapInfo;\n error?: string;\n added?: boolean;\n existingEntries?: Entry[];\n },\n) {\n return (\n \n

Report a location

\n Pick the map below, check what's already marked so you don't submit a duplicate, click the exact spot on the\n image, then fill in what's there. Your pin shows up on the Map Guide the moment you submit.\n

\n\n {added && (\n \n )}\n {error && }\n\n \n\n \n\n

Already on {currentMap.name}

\n {existingEntries.length} {existingEntries.length === 1 ? \"entry\" : \"entries\"}\n

\n {existingEntries.length === 0\n ?

Nothing reported here yet — you'd be first!

\n : (\n

\n {i + 1}\n
\n
\n {e.entry_name}\n
\n {CATEGORY_LABEL[e.category] ?? e.category}\n
\n

\n )}\n

\n\n \n \n \n );\n}\n",[],[380,398],"f6426964-112b-4c0f-b269-b8f29da99e45","PendingSubmissionsPage.tsx","62545066-b10c-11f1-b41b-1607ee4eb77e",236,["D",1789515784832],"/** @jsxImportSource npm:hono/jsx */\nimport Layout from \"./Layout.tsx\";\nimport type { PendingSubmission } from \"../db.ts\";\n\nfunction screenshotUrl(submission: PendingSubmission): string {\n const key = submission.screenshot_blob_key.replace(/^upgrades\\//, \"\");\n return `/assets/upgrades/${key}`;\n}\n\nexport default function PendingSubmissionsPage(\n { submissions, isAdmin }: { submissions: PendingSubmission[]; isAdmin: boolean },\n) {\n return (\n \n

Pending upgrade screenshots

\n Screenshots that have been uploaded but don't have materials/gold filled in yet. Anyone can open one and\n fill it in — no need to wait for Kubeniz, though he'll get to these eventually too.\n

\n {isAdmin && submissions.length > 0 && (\n \n ⬇ Download all screenshots (.zip)\n \n )}\n

\n\n {submissions.length === 0\n ? (\n

Nothing pending

Every uploaded screenshot has been reviewed and filled in.

\n )\n : (\n

\n {submissions.map((s) => (\n

\n \n \n {s.item_name}\n \n {s.weapon_type}\n Pending\n \n \n {s.submitted_by && Uploaded by {s.submitted_by}}\n {isAdmin && (\n \n \n \n )}\n

\n ))}\n

\n )}\n \n );\n}\n",[],[380,407],"7316004b-efbf-472a-a4fb-4c40983d8e11","LeaderboardPage.tsx","9ede33fa-ab7e-11f1-991c-1607ee4eb77e",102,["D",1789479727839],3,"/** @jsxImportSource npm:hono/jsx */\nimport Layout from \"./Layout.tsx\";\nimport { CATEGORIES, type LeaderboardRow } from \"../db.ts\";\n\nconst CATEGORY_LABEL: Record = {\n ...Object.fromEntries(CATEGORIES.map((c) => [c.value, c.label])),\n upgrade: \"Upgrade confirmation\",\n};\n\nconst MEDALS = [\"🥇\", \"🥈\", \"🥉\"];\n\nexport default function LeaderboardPage({ rows, isAdmin }: { rows: LeaderboardRow[]; isAdmin: boolean }) {\n return (\n \n

Most Helpful Guildies

\n Ranked by how many confirmed locations and upgrade-material discoveries each guildie has reported. Every\n submission counts — the more you share, the higher you climb.\n

\n\n {rows.length === 0\n ? (\n

No submissions yet

Once guildies start reporting locations or confirming upgrade materials, the leaderboard fills in here.

\n )\n : (\n

\n {i < 3 ? MEDALS[i] : i + 1}\n
\n
{row.submittedBy}
\n
{breakdown}
\n
\n
\n Contributions\n {row.total}\n
\n

\n )}\n \n );\n}\n",[],[380,415],"9ace331a-f6f9-440e-96c3-567407cb834a","Layout.tsx","01a07e97-dc49-70c1-928f-d3329f8dc78f",226,["D",1789504552498],"/** @jsxImportSource npm:hono/jsx */\n\nexport default function Layout(\n { title, active, isAdmin, children }: {\n title: string;\n active?: \"guide\" | \"submit\" | \"leaderboard\" | \"upgrades\";\n isAdmin?: boolean;\n children?: unknown;\n },\n) {\n return (\n \n \n \n \n {title}\n \n \n \n \n \n \n

\n \n

{children}

\n \n \n \n );\n}\n\nconst CSS = `\n :root {\n --bg: #15100c;\n --bg-inset: #0f0b08;\n --surface: #201810;\n --surface-2: #2a2015;\n --border: #43331f;\n --border-soft: #33271a;\n --gold: #cda24c;\n --gold-bright: #e6c26e;\n --red: #a9392b;\n --red-bright: #c94a38;\n --jade: #4c8a76;\n --slate: #6a89a8;\n --moss: #7a9152;\n --text: #efe4d2;\n --text-muted: #a99878;\n --text-faint: #7d6f57;\n --shadow: 0 12px 28px rgba(0,0,0,0.45);\n --radius: 10px;\n --font-display: \"Cinzel\", \"Iowan Old Style\", Georgia, serif;\n --font-body: \"Work Sans\", -apple-system, \"Segoe UI\", sans-serif;\n --font-mono: \"JetBrains Mono\", ui-monospace, Menlo, monospace;\n }\n\n * { box-sizing: border-box; }\n\n html, body {\n margin: 0;\n background: var(--bg);\n color: var(--text);\n font-family: var(--font-body);\n font-size: 16px;\n line-height: 1.5;\n }\n\n body {\n background-image:\n radial-gradient(ellipse 900px 500px at 15% -10%, rgba(169,57,43,0.14), transparent 60%),\n radial-gradient(ellipse 700px 500px at 100% 0%, rgba(76,138,118,0.10), transparent 55%);\n position: relative;\n }\n\n .scanlines {\n position: fixed;\n inset: 0;\n pointer-events: none;\n z-index: 0;\n background-image: repeating-linear-gradient(\n to bottom,\n rgba(0,0,0,0.05) 0,\n rgba(0,0,0,0.05) 1px,\n transparent 1px,\n transparent 3px\n );\n opacity: 0.25;\n }\n\n a { color: var(--gold-bright); text-decoration: none; }\n a:hover { text-decoration: underline; }\n a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible {\n outline: 2px solid var(--gold-bright);\n outline-offset: 2px;\n }\n\n h1, h2, h3 { font-family: var(--font-display); font-weight: 700; letter-spacing: 0.01em; text-wrap: balance; margin: 0; }\n\n .site-header {\n position: relative;\n z-index: 1;\n border-bottom: 1px solid var(--border);\n background: linear-gradient(to bottom, rgba(32,24,16,0.9), rgba(21,16,12,0.9));\n backdrop-filter: blur(6px);\n }\n .site-header-inner {\n max-width: 1280px;\n margin: 0 auto;\n padding: 16px 24px;\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 24px;\n flex-wrap: wrap;\n }\n .brand { display: flex; align-items: center; gap: 12px; color: var(--text); }\n .brand:hover { text-decoration: none; }\n .brand-glyph {\n font-size: 26px;\n color: var(--gold);\n border: 1px solid var(--border);\n background: var(--bg-inset);\n width: 44px; height: 44px;\n display: flex; align-items: center; justify-content: center;\n border-radius: 8px;\n box-shadow: inset 0 0 12px rgba(205,162,76,0.15);\n }\n .brand-text { display: flex; flex-direction: column; line-height: 1.15; }\n .brand-name { font-family: var(--font-display); font-size: 22px; font-weight: 700; color: var(--gold-bright); }\n .brand-sub { font-size: 12px; letter-spacing: 0.08em; text-transform: uppercase; color: var(--text-muted); }\n\n .site-nav { display: flex; gap: 4px; }\n .nav-link {\n padding: 8px 16px;\n border-radius: 7px;\n color: var(--text-muted);\n font-weight: 500;\n font-size: 14px;\n }\n .nav-link:hover { color: var(--text); text-decoration: none; background: rgba(255,255,255,0.04); }\n .nav-link.is-active { color: var(--bg); background: var(--gold); }\n .nav-link.is-active:hover { background: var(--gold-bright); }\n\n .page {\n position: relative;\n z-index: 1;\n max-width: 1280px;\n margin: 0 auto;\n padding: 32px 24px 80px;\n }\n\n .site-footer {\n position: relative;\n z-index: 1;\n text-align: center;\n padding: 24px;\n color: var(--text-faint);\n font-size: 13px;\n border-top: 1px solid var(--border-soft);\n }\n\n .lede { color: var(--text-muted); max-width: 70ch; margin: 6px 0 0; }\n\n /* Map picker pills */\n .map-picker {\n display: flex;\n flex-wrap: wrap;\n gap: 8px;\n margin: 22px 0 26px;\n padding: 12px;\n background: var(--surface);\n border: 1px solid var(--border);\n border-radius: var(--radius);\n }\n .map-pill {\n padding: 7px 14px;\n border-radius: 999px;\n font-size: 13px;\n font-weight: 500;\n color: var(--text-muted);\n border: 1px solid var(--border);\n background: var(--bg-inset);\n white-space: nowrap;\n }\n .map-pill:hover { color: var(--text); border-color: var(--text-faint); text-decoration: none; }\n .map-pill.is-active { color: var(--bg); background: var(--gold); border-color: var(--gold); font-weight: 600; }\n .map-pill.is-active:hover { background: var(--gold-bright); }\n .map-pill .pill-count {\n display: inline-block;\n margin-left: 6px;\n font-family: var(--font-mono);\n font-size: 11px;\n opacity: 0.75;\n }\n .map-pill-group-label {\n width: 100%;\n font-size: 11px;\n text-transform: uppercase;\n letter-spacing: 0.08em;\n color: var(--text-faint);\n padding: 4px 4px 0;\n }\n\n .btn {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n background: var(--gold);\n color: #201408;\n border: none;\n border-radius: 7px;\n padding: 10px 18px;\n font-weight: 600;\n font-size: 14px;\n font-family: var(--font-body);\n cursor: pointer;\n }\n .btn:hover { background: var(--gold-bright); text-decoration: none; }\n .btn:disabled { opacity: 0.45; cursor: not-allowed; }\n .btn-ghost {\n background: transparent;\n color: var(--text-muted);\n border: 1px solid var(--border);\n }\n .btn-ghost:hover { color: var(--text); background: rgba(255,255,255,0.04); border-color: var(--text-faint); }\n .btn-danger {\n background: transparent;\n color: var(--red-bright);\n border: 1px solid var(--border-soft);\n padding: 5px 9px;\n font-size: 12px;\n border-radius: 6px;\n cursor: pointer;\n }\n .btn-danger:hover { background: rgba(169,57,43,0.14); border-color: var(--red); }\n\n .stat-row { display: flex; gap: 22px; flex-wrap: wrap; margin-top: 14px; }\n .stat { display: flex; flex-direction: column; }\n .stat-value { font-family: var(--font-mono); font-size: 22px; font-weight: 700; color: var(--gold-bright); }\n .stat-label { font-size: 12px; text-transform: uppercase; letter-spacing: 0.07em; color: var(--text-faint); }\n\n /* Two-column map + legend / map + form layout */\n .split-layout {\n display: grid;\n grid-template-columns: minmax(0, 1.5fr) minmax(280px, 1fr);\n gap: 22px;\n align-items: start;\n }\n @media (max-width: 860px) {\n .split-layout { grid-template-columns: 1fr; }\n }\n\n .map-frame {\n position: relative;\n border: 1px solid var(--border);\n border-radius: var(--radius);\n background: var(--bg-inset);\n box-shadow: var(--shadow);\n overflow: hidden;\n line-height: 0;\n }\n .map-frame img { display: block; width: 100%; height: auto; user-select: none; }\n .map-frame.clickable { cursor: crosshair; }\n\n .pin {\n position: absolute;\n width: 24px;\n height: 24px;\n margin-left: -12px;\n margin-top: -12px;\n border-radius: 50%;\n border: 2px solid rgba(0,0,0,0.6);\n box-shadow: 0 2px 6px rgba(0,0,0,0.55);\n display: flex;\n align-items: center;\n justify-content: center;\n font-family: var(--font-mono);\n font-size: 11px;\n font-weight: 700;\n color: #1a1208;\n pointer-events: auto;\n cursor: default;\n transition: opacity 0.12s ease;\n }\n .pin-boss { background: var(--red-bright); }\n .pin-miniboss { background: #c97a3a; }\n .pin-npc { background: var(--slate); }\n .pin-resource { background: var(--moss); }\n .pin-metin { background: var(--jade); }\n .pin-other { background: var(--text-muted); }\n .pin.pin-pending {\n background: var(--gold-bright);\n border-color: #201408;\n animation: pulse 1.4s ease-in-out infinite;\n pointer-events: none;\n }\n .pin.is-filtered-out { display: none; }\n .pin.pin-existing { opacity: 0.7; }\n .pin.pin-existing:hover { opacity: 1; }\n @keyframes pulse {\n 0%, 100% { transform: scale(1); }\n 50% { transform: scale(1.15); }\n }\n\n .pin .cat-icon { color: #1a1208; }\n .pin-index {\n position: absolute;\n right: -5px;\n bottom: -5px;\n width: 14px;\n height: 14px;\n border-radius: 50%;\n background: #1a1208;\n color: var(--text);\n font-family: var(--font-mono);\n font-size: 8.5px;\n font-weight: 700;\n display: flex;\n align-items: center;\n justify-content: center;\n border: 1px solid rgba(0,0,0,0.55);\n box-shadow: 0 1px 3px rgba(0,0,0,0.5);\n }\n\n .pin-tooltip {\n position: absolute;\n bottom: 130%;\n left: 50%;\n transform: translateX(-50%);\n background: var(--bg-inset);\n color: var(--text);\n border: 1px solid var(--border);\n padding: 4px 9px;\n border-radius: 6px;\n font-family: var(--font-body);\n font-size: 12.5px;\n font-weight: 600;\n white-space: nowrap;\n opacity: 0;\n pointer-events: none;\n transition: opacity 0.12s ease;\n z-index: 5;\n box-shadow: var(--shadow);\n }\n .pin:hover .pin-tooltip { opacity: 1; }\n\n /* Type filter */\n .type-filter {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n gap: 8px;\n margin-bottom: 16px;\n }\n .type-filter-label {\n font-size: 11px;\n text-transform: uppercase;\n letter-spacing: 0.07em;\n color: var(--text-faint);\n margin-right: 2px;\n }\n .filter-chip {\n padding: 6px 13px;\n border-radius: 999px;\n font-size: 12.5px;\n font-weight: 500;\n color: var(--text);\n border: 1px solid var(--border);\n background: var(--surface);\n cursor: pointer;\n font-family: var(--font-body);\n }\n .filter-chip:hover { border-color: var(--text-faint); }\n .filter-chip.is-off { color: var(--text-faint); background: var(--bg-inset); opacity: 0.55; }\n .legend-item.is-filtered-out { display: none; }\n .legend-group-header.is-filtered-out { display: none; }\n\n .map-toolbar {\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 16px;\n flex-wrap: wrap;\n margin-bottom: 16px;\n }\n .map-toolbar .type-filter { margin-bottom: 0; }\n .btn-quick-submit {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n background: var(--gold);\n color: #201408;\n border: none;\n border-radius: 7px;\n padding: 8px 16px;\n font-weight: 600;\n font-size: 13px;\n font-family: var(--font-body);\n white-space: nowrap;\n margin-left: auto;\n }\n .btn-quick-submit:hover { background: var(--gold-bright); text-decoration: none; }\n\n .legend-panel {\n border: 1px solid var(--border);\n border-radius: var(--radius);\n background: var(--surface);\n box-shadow: var(--shadow);\n overflow: hidden;\n }\n .existing-panel { margin-top: 22px; }\n .legend-head {\n padding: 14px 16px;\n background: linear-gradient(to right, var(--surface-2), var(--surface));\n border-bottom: 1px solid var(--border);\n display: flex;\n align-items: baseline;\n justify-content: space-between;\n gap: 10px;\n }\n .legend-head h2 { font-size: 16px; }\n .legend-count { font-size: 12px; color: var(--text-faint); font-family: var(--font-mono); }\n\n .map-breakdown {\n display: flex;\n flex-wrap: wrap;\n gap: 6px;\n padding: 12px 16px;\n border-bottom: 1px solid var(--border);\n background: var(--bg-inset);\n }\n .breakdown-chip {\n display: inline-flex;\n align-items: center;\n gap: 5px;\n padding: 4px 9px;\n border-radius: 999px;\n font-size: 11.5px;\n font-weight: 500;\n color: var(--text-muted);\n background: var(--surface);\n border: 1px solid var(--border);\n }\n .breakdown-chip .cat-icon { color: var(--gold-bright); }\n\n .legend-list { list-style: none; margin: 0; padding: 0; max-height: 640px; overflow-y: auto; }\n .legend-group-header {\n display: flex;\n align-items: center;\n gap: 7px;\n padding: 8px 16px;\n background: var(--surface-2);\n border-bottom: 1px solid var(--border-soft);\n color: var(--text-muted);\n }\n .legend-group-header .cat-icon { color: var(--gold-bright); }\n .legend-group-label {\n font-size: 11px;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 0.06em;\n }\n .legend-group-count {\n margin-left: auto;\n font-family: var(--font-mono);\n font-size: 11px;\n color: var(--text-faint);\n }\n .legend-item {\n display: flex;\n gap: 10px;\n padding: 12px 16px;\n border-bottom: 1px solid var(--border-soft);\n }\n .legend-item:last-child { border-bottom: none; }\n .legend-badge {\n flex: 0 0 auto;\n width: 22px;\n height: 22px;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-family: var(--font-mono);\n font-size: 11px;\n font-weight: 700;\n color: #1a1208;\n border: 2px solid rgba(0,0,0,0.5);\n margin-top: 1px;\n }\n .legend-body { min-width: 0; flex: 1; }\n .legend-name-row { display: flex; align-items: baseline; justify-content: space-between; gap: 8px; }\n .legend-name { font-weight: 600; color: var(--text); font-size: 14.5px; }\n .legend-chip {\n display: inline-block;\n font-size: 10.5px;\n text-transform: uppercase;\n letter-spacing: 0.05em;\n color: var(--text-faint);\n margin-top: 2px;\n }\n .legend-notes { color: var(--text-muted); font-size: 13px; margin-top: 4px; }\n .legend-meta { color: var(--text-faint); font-size: 11.5px; margin-top: 6px; }\n .legend-empty {\n padding: 40px 20px;\n text-align: center;\n color: var(--text-faint);\n font-size: 13.5px;\n }\n\n .form-card {\n background: var(--surface);\n border: 1px solid var(--border);\n border-radius: var(--radius);\n box-shadow: var(--shadow);\n padding: 20px;\n display: flex;\n flex-direction: column;\n gap: 16px;\n }\n .field { display: flex; flex-direction: column; gap: 6px; }\n .field label { font-size: 12.5px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.05em; color: var(--text-muted); }\n .field .hint { font-size: 12px; color: var(--text-faint); font-weight: 400; text-transform: none; letter-spacing: 0; }\n .field input, .field select, .field textarea {\n background: var(--bg-inset);\n border: 1px solid var(--border);\n color: var(--text);\n border-radius: 7px;\n padding: 10px 12px;\n font-family: var(--font-body);\n font-size: 14.5px;\n width: 100%;\n }\n .field textarea { resize: vertical; min-height: 64px; }\n .pin-status {\n display: flex;\n align-items: center;\n gap: 8px;\n padding: 10px 12px;\n border-radius: 7px;\n font-size: 13px;\n border: 1px dashed var(--border);\n color: var(--text-faint);\n }\n .pin-status.is-set { border-style: solid; border-color: rgba(205,162,76,0.4); color: var(--gold-bright); background: rgba(205,162,76,0.08); }\n .form-actions { display: flex; align-items: center; gap: 12px; }\n\n .banner {\n display: flex;\n align-items: center;\n gap: 10px;\n background: rgba(76,138,118,0.14);\n border: 1px solid rgba(76,138,118,0.35);\n color: #bfe3d5;\n border-radius: var(--radius);\n padding: 12px 16px;\n margin-bottom: 22px;\n font-size: 14px;\n }\n .banner-error {\n background: rgba(169,57,43,0.14);\n border-color: rgba(169,57,43,0.35);\n color: #f3c9c2;\n }\n\n .empty-state {\n text-align: center;\n padding: 60px 20px;\n color: var(--text-muted);\n border: 1px dashed var(--border);\n border-radius: var(--radius);\n background: var(--surface);\n }\n .empty-state h2 { font-size: 18px; color: var(--text); margin-bottom: 8px; }\n\n .admin-link { color: var(--text-faint); font-size: 12px; }\n .admin-badge { color: var(--gold-bright); font-weight: 600; }\n\n /* Leaderboard */\n .leaderboard-list { list-style: none; margin: 0; padding: 0; max-width: 640px; }\n .leaderboard-row {\n display: flex;\n align-items: center;\n gap: 16px;\n padding: 14px 16px;\n border: 1px solid var(--border);\n border-radius: var(--radius);\n background: var(--surface);\n margin-bottom: 10px;\n }\n .leaderboard-rank {\n flex: 0 0 auto;\n width: 32px;\n height: 32px;\n border-radius: 50%;\n background: var(--bg-inset);\n border: 1px solid var(--border);\n display: flex;\n align-items: center;\n justify-content: center;\n font-family: var(--font-mono);\n font-weight: 700;\n color: var(--text-muted);\n }\n .leaderboard-row.rank-1 .leaderboard-rank { background: var(--gold); color: #201408; border-color: var(--gold); }\n .leaderboard-row.rank-2 .leaderboard-rank { background: #b0b0b0; color: #201408; border-color: #b0b0b0; }\n .leaderboard-row.rank-3 .leaderboard-rank { background: #a9744f; color: #201408; border-color: #a9744f; }\n .leaderboard-body { flex: 1; min-width: 0; }\n .leaderboard-name { font-weight: 600; font-size: 15px; color: var(--text); }\n .leaderboard-breakdown { font-size: 12px; color: var(--text-faint); margin-top: 2px; }\n .leaderboard-total {\n flex: 0 0 auto;\n font-family: var(--font-mono);\n font-size: 20px;\n font-weight: 700;\n color: var(--gold-bright);\n text-align: right;\n }\n .leaderboard-total-label { display: block; font-size: 10px; text-transform: uppercase; letter-spacing: 0.06em; color: var(--text-faint); font-weight: 500; }\n\n /* Owner/admin entry actions */\n .entry-actions { display: flex; gap: 6px; align-items: center; }\n .btn-edit {\n background: transparent;\n color: var(--slate);\n border: 1px solid var(--border-soft);\n padding: 5px 9px;\n font-size: 12px;\n border-radius: 6px;\n cursor: pointer;\n text-decoration: none;\n }\n .btn-edit:hover { background: rgba(106,137,168,0.14); border-color: var(--slate); text-decoration: none; }\n\n /* Admin login form */\n .admin-form { max-width: 360px; display: flex; flex-direction: column; gap: 14px; }\n\n /* Upgrade catalog */\n .upgrade-toolbar {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n gap: 10px;\n margin: 22px 0 20px;\n }\n .class-overview { display: flex; flex-direction: column; gap: 14px; margin: 22px 0 8px; }\n .overview-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));\n gap: 14px;\n }\n .overview-card {\n position: relative;\n border: 1px solid var(--border);\n border-radius: 8px;\n background: var(--surface);\n padding: 18px 14px 16px;\n }\n .overview-card::before,\n .overview-card::after {\n content: \"\";\n position: absolute;\n width: 14px;\n height: 14px;\n pointer-events: none;\n }\n .overview-card::before { top: -1px; left: -1px; border-top: 2px solid var(--gold); border-left: 2px solid var(--gold); }\n .overview-card::after { bottom: -1px; right: -1px; border-bottom: 2px solid var(--gold); border-right: 2px solid var(--gold); }\n .overview-card-title {\n font-family: var(--font-display);\n font-size: 16px;\n font-weight: 700;\n color: var(--gold-bright);\n text-align: center;\n margin-bottom: 14px;\n }\n .overview-card-slots { display: flex; justify-content: space-around; align-items: flex-start; gap: 10px; }\n .overview-card-slots-wide { flex-wrap: wrap; justify-content: center; gap: 26px; }\n .overview-card-wide { padding: 18px 20px; }\n .overview-slot {\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 6px;\n color: var(--text-muted);\n font-size: 12px;\n font-weight: 500;\n }\n .overview-slot:hover { color: var(--gold-bright); text-decoration: none; }\n .overview-slot img {\n width: 46px;\n height: 46px;\n object-fit: contain;\n filter: drop-shadow(0 3px 5px rgba(0,0,0,0.55));\n }\n .upgrade-category { margin-bottom: 8px; }\n .upgrade-category-title {\n font-size: 20px;\n padding-bottom: 10px;\n margin-bottom: 18px;\n border-bottom: 1px solid var(--border);\n }\n .upgrade-category-title span { font-family: var(--font-mono); font-size: 13px; font-weight: 400; color: var(--text-faint); }\n .upgrade-group { margin-bottom: 28px; }\n .upgrade-group-title {\n font-size: 13px;\n text-transform: uppercase;\n letter-spacing: 0.07em;\n color: var(--text-faint);\n margin-bottom: 10px;\n display: flex;\n align-items: center;\n gap: 8px;\n }\n .upgrade-grid {\n display: grid;\n grid-template-columns: repeat(auto-fill, minmax(190px, 1fr));\n gap: 10px;\n }\n .upgrade-card {\n display: flex;\n flex-direction: column;\n gap: 6px;\n padding: 12px 14px;\n border-radius: var(--radius);\n border: 1px solid var(--border);\n background: var(--surface);\n color: var(--text);\n }\n .upgrade-card:hover { border-color: var(--text-faint); text-decoration: none; }\n .upgrade-card:hover .upgrade-card-icon-wrap { background: radial-gradient(ellipse 70% 70% at center, rgba(205,162,76,0.16), transparent 72%); }\n .upgrade-card-icon-wrap {\n display: flex;\n align-items: center;\n justify-content: center;\n height: 76px;\n border-radius: 6px;\n background: radial-gradient(ellipse 70% 70% at center, rgba(205,162,76,0.09), transparent 72%);\n }\n .upgrade-card-icon {\n max-width: 90%;\n max-height: 72px;\n width: auto;\n height: auto;\n object-fit: contain;\n filter: drop-shadow(0 3px 5px rgba(0,0,0,0.55));\n }\n .upgrade-card-name { font-weight: 600; font-size: 14px; text-align: center; }\n .upgrade-card-meta { font-size: 11.5px; color: var(--text-faint); display: flex; justify-content: space-between; align-items: center; }\n .status-pill {\n display: inline-block;\n padding: 2px 9px;\n border-radius: 999px;\n font-size: 10.5px;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 0.04em;\n }\n .status-pill.confirmed { background: rgba(76,138,118,0.18); color: #9fd8c4; }\n .status-pill.undiscovered { background: rgba(169,57,43,0.14); color: var(--red-bright); }\n .status-pill.pending_review { background: rgba(205,162,76,0.16); color: var(--gold-bright); }\n .status-pill.rejected { background: rgba(255,255,255,0.06); color: var(--text-faint); }\n\n .back-link {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n font-size: 13px;\n color: var(--text-muted);\n margin-bottom: 16px;\n }\n .back-link:hover { color: var(--gold-bright); text-decoration: none; }\n\n .item-credit { color: var(--text-faint); font-size: 12.5px; margin: 6px 0 0; }\n .item-credit strong { color: var(--text-muted); font-weight: 600; }\n\n .item-detail-head {\n display: flex;\n align-items: center;\n justify-content: space-between;\n flex-wrap: wrap;\n gap: 14px;\n margin-bottom: 6px;\n }\n .item-detail-title { display: flex; align-items: center; gap: 18px; }\n .item-detail-icon-wrap {\n flex: 0 0 auto;\n display: flex;\n align-items: center;\n justify-content: center;\n width: 96px;\n height: 96px;\n border-radius: 10px;\n background: radial-gradient(ellipse 70% 70% at center, rgba(205,162,76,0.12), transparent 72%);\n }\n .item-detail-icon {\n max-width: 82%;\n max-height: 88px;\n width: auto;\n height: auto;\n object-fit: contain;\n filter: drop-shadow(0 4px 7px rgba(0,0,0,0.55));\n }\n .level-table { width: 100%; border-collapse: collapse; margin-top: 18px; }\n .level-table th, .level-table td {\n border: 1px solid var(--border);\n padding: 10px 12px;\n text-align: left;\n font-size: 13.5px;\n vertical-align: top;\n }\n .level-table th { background: var(--surface-2); color: var(--text-muted); font-size: 11.5px; text-transform: uppercase; letter-spacing: 0.05em; }\n .level-table td { background: var(--surface); }\n\n .level-table-scroll { overflow-x: auto; margin-top: 18px; }\n .level-table-vertical { margin-top: 0; }\n .level-table-vertical th, .level-table-vertical td {\n text-align: center;\n vertical-align: middle;\n min-width: 96px;\n }\n .level-table-vertical .level-row-head {\n text-align: left;\n white-space: nowrap;\n min-width: auto;\n position: sticky;\n left: 0;\n z-index: 1;\n }\n .level-table-vertical .level-col-head {\n color: var(--gold-bright);\n font-family: var(--font-mono);\n font-size: 13px;\n }\n .level-icon-wrap {\n display: flex;\n align-items: center;\n justify-content: center;\n height: 60px;\n border-radius: 6px;\n background: radial-gradient(ellipse 70% 70% at center, rgba(205,162,76,0.09), transparent 72%);\n }\n .level-icon { max-width: 85%; max-height: 56px; width: auto; height: auto; object-fit: contain; filter: drop-shadow(0 2px 4px rgba(0,0,0,0.5)); }\n .material-list { display: flex; flex-wrap: wrap; gap: 12px; }\n .material-list-vertical { flex-direction: column; align-items: center; gap: 10px; }\n .material-chip { display: flex; flex-direction: column; align-items: center; gap: 4px; width: 62px; }\n .material-icon-wrap {\n position: relative;\n width: 38px;\n height: 38px;\n display: flex;\n align-items: center;\n justify-content: center;\n background: var(--bg-inset);\n border: 1px solid var(--border-soft);\n border-radius: 6px;\n }\n .material-icon { max-width: 80%; max-height: 80%; object-fit: contain; }\n .material-qty {\n position: absolute;\n top: -5px;\n right: -5px;\n background: #1a1208;\n color: var(--text);\n font-family: var(--font-mono);\n font-size: 10px;\n font-weight: 700;\n line-height: 1;\n border-radius: 999px;\n padding: 3px 5px;\n border: 1px solid rgba(0,0,0,0.5);\n }\n .material-name { font-size: 10.5px; color: var(--text-muted); text-align: center; line-height: 1.25; }\n .level-table input {\n background: var(--bg-inset);\n border: 1px solid var(--border);\n color: var(--text);\n border-radius: 6px;\n padding: 6px 8px;\n font-size: 13px;\n width: 100%;\n }\n .screenshot-preview { max-width: 420px; border-radius: var(--radius); border: 1px solid var(--border); box-shadow: var(--shadow); }\n .material-rows { display: flex; flex-direction: column; gap: 6px; }\n .material-row { display: flex; gap: 6px; align-items: center; }\n .material-row input[type=\"text\"] { flex: 1 1 auto; min-width: 0; }\n .material-row input[type=\"number\"] { width: 70px; flex: 0 0 auto; }\n .material-row .remove-material-btn { flex: 0 0 auto; }\n .add-material-btn { margin-top: 2px; padding: 4px 10px; font-size: 12px; }\n .ai-note {\n display: flex;\n align-items: center;\n gap: 8px;\n padding: 10px 14px;\n border-radius: var(--radius);\n background: rgba(106,137,168,0.12);\n border: 1px solid rgba(106,137,168,0.3);\n color: #bcd3e6;\n font-size: 13px;\n margin: 16px 0;\n }\n`;\n",[],[380,424],"6163392b-bd0b-4514-b7ce-b634b53df5a4","GuidePage.tsx","72ef6f44-ab23-11f1-a2ee-1607ee4eb77e",58,["D",1788974969972],7,"/** @jsxImportSource npm:hono/jsx */\nimport Layout from \"./Layout.tsx\";\nimport { CATEGORIES, type Entry, type MapInfo } from \"../db.ts\";\n\nconst CATEGORY_LABEL: Record = Object.fromEntries(CATEGORIES.map((c) => [c.value, c.label]));\n\nconst ICON_PROPS = {\n viewBox: \"0 0 24 24\",\n fill: \"none\",\n stroke: \"currentColor\",\n \"stroke-width\": \"1.6\",\n \"stroke-linecap\": \"round\",\n \"stroke-linejoin\": \"round\",\n} as const;\n\nexport function CategoryIcon({ category, size = 14 }: { category: string; size?: number }) {\n const style = `width:${size}px; height:${size}px; flex: 0 0 auto;`;\n switch (category) {\n case \"boss\":\n return (\n \n );\n case \"miniboss\":\n return (\n \n );\n case \"npc\":\n return (\n \n );\n case \"resource\":\n return (\n \n );\n case \"metin\":\n return (\n \n );\n default:\n return (\n \n );\n }\n}\n\nexport default function GuidePage(\n { maps, currentMap, entries, counts, total, isAdmin }: {\n maps: MapInfo[];\n currentMap: MapInfo;\n entries: Entry[];\n counts: Record;\n total: number;\n isAdmin: boolean;\n },\n) {\n const breakdown = CATEGORIES\n .map((c) => ({ ...c, count: entries.filter((e) => e.category === c.value).length }))\n .filter((c) => c.count > 0);\n\n const grouped = CATEGORIES\n .map((c) => ({\n ...c,\n items: entries.map((e, i) => ({ e, i })).filter(({ e }) => e.category === c.value),\n }))\n .filter((g) => g.items.length > 0);\n\n return (\n \n

The Atlas of Arthion

\n Every boss, NPC, resource and metin our guild has confirmed on this server, pinned right where it stands.\n Spotted something new? Add it on the Submission page.\n

\n\n

\n {total}\n Confirmed locations\n

\n {maps.length}\n Maps covered\n

\n\n \n\n \n\n

\n {entries.map((e, i) => (\n \n \n {i + 1}\n {e.entry_name}\n \n ))}\n

\n\n

{currentMap.name}

\n {entries.length} {entries.length === 1 ? \"entry\" : \"entries\"}\n

\n\n {breakdown.length > 0 && (\n

\n {breakdown.map((c) => (\n \n \n {c.count} {c.label}\n \n ))}\n

\n )}\n\n {entries.length === 0\n ? (\n

\n Nothing reported here yet.
\n Be the first to add one\n

\n )\n : (\n

\n \n {g.label}\n {g.items.length}\n
\n {i + 1}\n
\n
\n {e.entry_name}\n {isAdmin\n ? (\n \n Edit\n \n \n \n \n )\n : (\n \n \n )}\n
\n {e.notes &&
{e.notes}
}\n
reported by {e.submitted_by || \"anonymous\"}
\n
\n

\n )}\n

\n\n {entries.length > 0 && (\n \n \n )}\n\n {!isAdmin && (\n \n \n )}\n \n );\n}\n",[],[380,432],"b2f50ee6-54e2-4f5c-947e-88b75bf6a129","EditPage.tsx","a7c9c3f8-ab7e-11f1-a151-1607ee4eb77e",43,["D",1788869600976],"/** @jsxImportSource npm:hono/jsx */\nimport Layout from \"./Layout.tsx\";\nimport { CATEGORIES, type Entry } from \"../db.ts\";\n\nexport default function EditPage(\n { entry, mapImageUrl, token, isAdmin, error }: {\n entry: Entry;\n mapImageUrl: string;\n token: string;\n isAdmin: boolean;\n error?: string;\n },\n) {\n return (\n \n

Edit location

\n Editing {entry.entry_name} on {entry.map_name}. Reposition by clicking the map again.\n

\n {error && }\n\n \n\n \n \n \n );\n}\n",[],[380,441],"028d3f5a-19a3-421b-9bbb-bbdb56286210","AdminPage.tsx","a14e9828-ab7e-11f1-ae12-1607ee4eb77e",237,["D",1789515793335],"/** @jsxImportSource npm:hono/jsx */\nimport Layout from \"./Layout.tsx\";\n\nexport default function AdminPage({ isAdmin, error }: { isAdmin: boolean; error?: string }) {\n return (\n \n

Admin

\n {isAdmin\n ? (\n <>\n

\n You're logged in as admin. You can edit or delete any submission from the Map Guide, with no time\n limit.\n

\n\n

Upgrade screenshot downloads

\n Grab the original upgrade-table screenshots as a .zip — full quality, no re-compression — to hand off\n for review instead of reading them one by one in-browser.\n

\n \n ⬇ Pending screenshots\n \n \n ⬇ Confirmed screenshots\n \n \n ⬇ Every screenshot\n \n

\n\n Log out\n \n )\n : (\n <>\n

\n Enter the admin password to unlock full edit/delete rights over every submission on the atlas.\n

\n {error && }\n \n \n )}\n \n );\n}\n",[],[380,449],"3d995cb6-d9bc-48f9-81e1-a59f8f686e77",["D",1788830276477],[301,302,303,304,305,306,307,308,309,310],[380],["D",1788830276477],["D",1789526460011],{"_11":12,"_259":88},{"_11":12,"_254":255,"_87":88,"_30":86,"_256":257,"_258":24},{"_53":245,"_13":16,"_47":50,"_246":207,"_247":-5,"_248":-5,"_249":-5,"_250":-5,"_251":-5,"_252":14,"_253":12},"ctx",{"_68":-5,"_278":498,"_499":500,"_501":502,"_503":24,"_504":24,"_505":24,"_506":219,"_507":-5,"_508":-7,"_509":-7,"_510":26,"_511":24,"_512":24,"_513":-5,"_514":24,"_515":24,"_516":24,"_517":-5},"ENV",{"_469":470,"_471":472,"_473":16,"_474":475,"_476":477,"_478":479,"_480":481,"_482":483,"_484":485,"_486":487,"_488":489,"_490":491,"_492":493,"_494":495,"_496":497},"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"]

History · db.ts