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","label",[167,66],"components","pulls","branches","forks","envVars",{"_175":177,"_178":26},"connections",{"_175":26,"_176":26},"count","unfilledCount",2,"emptyCount",{"_33":337,"_13":167,"_64":158,"_43":-5,"_35":36,"_159":162,"_160":95,"_37":338,"_39":26,"_67":253,"_163":-5,"_69":24,"_165":-5,"_203":339,"_17":340},{"_33":157,"_13":66,"_64":65,"_43":158,"_35":36,"_159":75,"_160":95,"_37":334,"_39":162,"_67":68,"_163":164,"_69":24,"_165":-5,"_203":335,"_17":336},{"_33":326,"_13":327,"_64":328,"_43":158,"_35":36,"_159":329,"_160":95,"_37":330,"_39":304,"_67":68,"_163":331,"_69":24,"_165":-5,"_203":332,"_17":333},{"_33":317,"_13":318,"_64":319,"_43":158,"_35":36,"_159":320,"_160":95,"_37":321,"_39":322,"_67":68,"_163":323,"_69":24,"_165":-5,"_203":324,"_17":325},{"_33":308,"_13":309,"_64":310,"_43":158,"_35":36,"_159":311,"_160":95,"_37":312,"_39":313,"_67":68,"_163":314,"_69":24,"_165":-5,"_203":315,"_17":316},{"_33":299,"_13":300,"_64":301,"_43":158,"_35":36,"_159":302,"_160":95,"_37":303,"_39":304,"_67":68,"_163":305,"_69":24,"_165":-5,"_203":306,"_17":307},{"_33":291,"_13":292,"_64":293,"_43":158,"_35":36,"_159":294,"_160":95,"_37":295,"_39":287,"_67":68,"_163":296,"_69":24,"_165":-5,"_203":297,"_17":298},{"_33":282,"_13":283,"_64":284,"_43":158,"_35":36,"_159":285,"_160":95,"_37":286,"_39":287,"_67":68,"_163":288,"_69":24,"_165":-5,"_203":289,"_17":290},{"_33":273,"_13":274,"_64":275,"_43":158,"_35":36,"_159":276,"_160":95,"_37":277,"_39":278,"_67":68,"_163":279,"_69":24,"_165":-5,"_203":280,"_17":281},{"_33":265,"_13":266,"_64":267,"_43":158,"_35":36,"_159":268,"_160":95,"_37":269,"_39":177,"_67":68,"_163":270,"_69":24,"_165":-5,"_203":271,"_17":272},{"_33":256,"_13":257,"_64":258,"_43":158,"_35":36,"_159":259,"_160":95,"_37":260,"_39":261,"_67":68,"_163":262,"_69":24,"_165":-5,"_203":263,"_17":264},{"_33":250,"_13":233,"_64":226,"_43":-5,"_35":36,"_159":251,"_160":95,"_37":252,"_39":26,"_67":253,"_163":-5,"_69":24,"_165":-5,"_203":254,"_17":255},{"_33":242,"_13":243,"_64":244,"_43":226,"_35":36,"_159":245,"_160":95,"_37":246,"_39":26,"_67":68,"_163":247,"_69":24,"_165":-5,"_203":248,"_17":249},{"_33":234,"_13":235,"_64":236,"_43":226,"_35":36,"_159":237,"_160":95,"_37":238,"_39":26,"_67":68,"_163":239,"_69":24,"_165":-5,"_203":240,"_17":241},{"_33":223,"_13":224,"_64":225,"_43":226,"_35":36,"_159":227,"_160":95,"_37":228,"_39":229,"_67":68,"_163":230,"_69":24,"_165":-5,"_203":231,"_17":232},{"_33":215,"_13":216,"_64":217,"_43":-5,"_35":36,"_159":218,"_160":95,"_37":219,"_39":162,"_67":21,"_163":220,"_69":24,"_165":-5,"_203":221,"_17":222},{"_33":206,"_13":207,"_64":208,"_43":-5,"_35":36,"_159":209,"_160":95,"_37":210,"_39":211,"_67":68,"_163":212,"_69":24,"_165":-5,"_203":213,"_17":214},{"_33":197,"_13":198,"_64":93,"_43":-5,"_35":36,"_159":121,"_160":95,"_37":199,"_39":200,"_67":201,"_163":202,"_69":24,"_165":14,"_203":204,"_17":205},"bf2858c1-032c-43e9-9879-50a82c4b137d","main.tsx",["D",1789515949759],52,"http","/** @jsxImportSource npm:hono/jsx */\nimport { Hono } from \"npm:hono\";\nimport { deleteCookie, getCookie, setCookie } from \"npm:hono/cookie\";\nimport JSZip from \"npm:jszip@3.10.1\";\nimport { blob } from \"https://esm.town/v/std/blob/main.ts\";\nimport AdminPage from \"./components/AdminPage.tsx\";\nimport EditPage from \"./components/EditPage.tsx\";\nimport GuidePage from \"./components/GuidePage.tsx\";\nimport LeaderboardPage from \"./components/LeaderboardPage.tsx\";\nimport SubmitPage from \"./components/SubmitPage.tsx\";\nimport PendingSubmissionsPage from \"./components/PendingSubmissionsPage.tsx\";\nimport UpgradeItemPage from \"./components/UpgradeItemPage.tsx\";\nimport UpgradeReviewPage from \"./components/UpgradeReviewPage.tsx\";\nimport UpgradesPage from \"./components/UpgradesPage.tsx\";\nimport {\n addEntry,\n canManage,\n CATEGORIES,\n confirmUpgradeSubmission,\n countEntries,\n countEntriesByMap,\n countPendingSubmissions,\n createUpgradeSubmission,\n deleteEntry,\n deleteUpgradeSubmission,\n getConfirmedSubmissionForItem,\n getEntry,\n getLatestSubmissionForItem,\n getUpgradeItem,\n getUpgradeSubmission,\n isEntryEditable,\n listEntriesForMap,\n listLeaderboard,\n listMaps,\n listMaterialIcons,\n listPendingSubmissions,\n listSubmissionsByStatus,\n listUpgradeItems,\n type ParsedUpgradeData,\n updateEntry,\n} from \"./db.ts\";\n\nconst ADMIN_COOKIE = \"atlas_admin\";\nconst CATEGORY_LABEL: Record = Object.fromEntries(CATEGORIES.map((c) => [c.value, c.label]));\n\nfunction isAdminRequest(c: { req: { raw: Request } }): boolean {\n const secret = Deno.env.get(\"ADMIN_SECRET\");\n if (!secret) return false;\n const cookieValue = getCookie(c as never, ADMIN_COOKIE);\n return cookieValue === secret;\n}\n\nasync function notifyDiscord(entry: { mapName: string; category: string; entryName: string; submittedBy: string }) {\n const webhookUrl = Deno.env.get(\"DISCORD_WEBHOOK_URL\");\n if (!webhookUrl) return;\n\n const who = entry.submittedBy || \"Someone\";\n const categoryLabel = CATEGORY_LABEL[entry.category] ?? entry.category;\n const guideUrl = `https://arthion-atlas.val.run/?map=${encodeURIComponent(entry.mapName)}`;\n\n try {\n await fetch(webhookUrl, {\n method: \"POST\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify({\n content:\n `**${who}** has submitted a new **${categoryLabel}** location (${entry.entryName}) in **${entry.mapName}** — ${guideUrl}`,\n }),\n });\n } catch (err) {\n console.error(\"Failed to notify Discord:\", err);\n }\n}\n\nasync function notifyDiscordUpgrade(entry: { itemName: string; itemId: number; submittedBy: string }) {\n const webhookUrl = Deno.env.get(\"DISCORD_WEBHOOK_URL\");\n if (!webhookUrl) return;\n\n const who = entry.submittedBy || \"Someone\";\n const itemUrl = `https://arthion-atlas.val.run/upgrades/${entry.itemId}`;\n\n try {\n await fetch(webhookUrl, {\n method: \"POST\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify({\n content: `**${who}** has submitted a new **Weapon upgrade** (${entry.itemName}) — ${itemUrl}`,\n }),\n });\n } catch (err) {\n console.error(\"Failed to notify Discord:\", err);\n }\n}\n\nconst app = new Hono();\n\napp.get(\"/assets/maps/:key\", async (c) => {\n const key = c.req.param(\"key\");\n if (!/^[a-z0-9-]+\\.webp$/.test(key)) return c.text(\"Not found\", 404);\n let b: Awaited>;\n try {\n b = await blob.get(key);\n } catch {\n return c.text(\"Not found\", 404);\n }\n if (!b) return c.text(\"Not found\", 404);\n const bytes = new Uint8Array(await b.arrayBuffer());\n return new Response(bytes, {\n headers: {\n \"Content-Type\": \"image/webp\",\n \"Cache-Control\": \"public, max-age=31536000, immutable\",\n },\n });\n});\n\napp.get(\"/assets/upgrades/:key\", async (c) => {\n const key = c.req.param(\"key\");\n if (!/^[a-z0-9-]+\\.(webp|png|jpg|jpeg)$/.test(key)) return c.text(\"Not found\", 404);\n let b: Awaited>;\n try {\n b = await blob.get(`upgrades/${key}`);\n } catch {\n return c.text(\"Not found\", 404);\n }\n if (!b) return c.text(\"Not found\", 404);\n const bytes = new Uint8Array(await b.arrayBuffer());\n const ext = key.split(\".\").pop()!;\n const contentType = ext === \"png\" ? \"image/png\" : ext === \"webp\" ? \"image/webp\" : \"image/jpeg\";\n return new Response(bytes, {\n headers: { \"Content-Type\": contentType, \"Cache-Control\": \"public, max-age=31536000, immutable\" },\n });\n});\n\napp.get(\"/upgrades\", async (c) => {\n const items = await listUpgradeItems();\n const pendingCount = await countPendingSubmissions();\n const filterParam = c.req.query(\"filter\");\n const filter = filterParam === \"undiscovered\" || filterParam === \"confirmed\" ? filterParam : \"all\";\n const typeFilter = c.req.query(\"type\") ?? \"all\";\n return c.html();\n});\n\napp.get(\"/upgrades/pending\", async (c) => {\n const submissions = await listPendingSubmissions();\n return c.html();\n});\n\n// Admin-only: bundle screenshots into one .zip so Kubeniz can grab full-quality originals in one\n// click and hand them off for review, instead of reviewing them one by one in-browser.\n// ?status=pending_review (default) | confirmed | rejected | all\nconst DOWNLOAD_STATUS_LABEL: Record = {\n pending_review: \"pending\",\n confirmed: \"confirmed\",\n rejected: \"rejected\",\n all: \"all\",\n};\n\napp.get(\"/upgrades/screenshots/download\", async (c) => {\n if (!isAdminRequest(c)) return c.text(\"Forbidden\", 403);\n\n const statusParam = c.req.query(\"status\") ?? \"pending_review\";\n if (!(statusParam in DOWNLOAD_STATUS_LABEL)) return c.text(\"Invalid status\", 400);\n const status = statusParam as keyof typeof DOWNLOAD_STATUS_LABEL;\n\n const submissions = await listSubmissionsByStatus(status);\n if (submissions.length === 0) return c.text(`No ${DOWNLOAD_STATUS_LABEL[status]} submissions to download.`, 404);\n\n const zip = new JSZip();\n const usedNames = new Set();\n\n for (const s of submissions) {\n // Some early confirmed rows were written directly via SQL with a placeholder blob key (no\n // real screenshot was ever uploaded for them) — blob.get() throws ValTownBlobNotFoundError\n // for those rather than returning null, so skip on error instead of letting one bad key 500\n // the whole zip.\n let b: Awaited>;\n try {\n b = await blob.get(s.screenshot_blob_key);\n } catch {\n continue;\n }\n if (!b) continue;\n const bytes = new Uint8Array(await b.arrayBuffer());\n const ext = s.screenshot_blob_key.split(\".\").pop() || \"png\";\n\n const base = s.item_name.replace(/[^a-z0-9]+/gi, \"-\").replace(/^-+|-+$/g, \"\").toLowerCase() || \"item\";\n let name = `${base}.${ext}`;\n let n = 2;\n while (usedNames.has(name)) name = `${base}-${n++}.${ext}`;\n usedNames.add(name);\n\n zip.file(name, bytes);\n }\n\n const zipBytes = await zip.generateAsync({ type: \"uint8array\" });\n const dateStamp = new Date().toISOString().slice(0, 10);\n return new Response(zipBytes, {\n headers: {\n \"Content-Type\": \"application/zip\",\n \"Content-Disposition\":\n `attachment; filename=\"arthion-${DOWNLOAD_STATUS_LABEL[status]}-screenshots-${dateStamp}.zip\"`,\n },\n });\n});\n\n// Old URL kept working as an alias for the pending-only download, in case it's bookmarked.\napp.get(\"/upgrades/pending/download\", (c) => c.redirect(\"/upgrades/screenshots/download?status=pending_review\"));\n\napp.post(\"/upgrades/pending/:id/delete\", async (c) => {\n if (!isAdminRequest(c)) return c.text(\"Forbidden\", 403);\n const id = c.req.param(\"id\");\n await deleteUpgradeSubmission(id);\n return c.redirect(\"/upgrades/pending\");\n});\n\nfunction submissionScreenshotUrl(submission: { screenshot_blob_key: string }): string {\n const key = submission.screenshot_blob_key.replace(/^upgrades\\//, \"\");\n return `/assets/upgrades/${key}`;\n}\n\napp.get(\"/upgrades/:id\", async (c) => {\n const id = Number(c.req.param(\"id\"));\n const item = Number.isFinite(id) ? await getUpgradeItem(id) : null;\n if (!item) return c.text(\"Item not found\", 404);\n const confirmed = await getConfirmedSubmissionForItem(id);\n const latestSubmission = await getLatestSubmissionForItem(id);\n const materialIcons = await listMaterialIcons();\n return c.html(\n ,\n );\n});\n\napp.post(\"/upgrades/:id/submit\", async (c) => {\n const id = Number(c.req.param(\"id\"));\n const item = Number.isFinite(id) ? await getUpgradeItem(id) : null;\n if (!item) return c.text(\"Item not found\", 404);\n\n const form = await c.req.formData();\n const file = form.get(\"screenshot\");\n const submittedBy = String(form.get(\"submitted_by\") ?? \"\").trim();\n\n if (!(file instanceof File) || file.size === 0) {\n const confirmed = await getConfirmedSubmissionForItem(id);\n const latestSubmission = await getLatestSubmissionForItem(id);\n const materialIcons = await listMaterialIcons();\n return c.html(\n ,\n 400,\n );\n }\n\n const bytes = new Uint8Array(await file.arrayBuffer());\n const ext = (file.type.includes(\"png\") ? \"png\" : file.type.includes(\"jpeg\") || file.type.includes(\"jpg\")\n ? \"jpg\"\n : \"webp\");\n const blobKey = `upgrades/${crypto.randomUUID()}.${ext}`;\n await blob.set(blobKey, bytes);\n\n // No automatic parsing: the submitter can fill in the table themselves on the next page,\n // or leave it blank and it'll sit in the pending queue (/upgrades/pending) until someone\n // — often Kubeniz — reviews the screenshot and fills it in by hand.\n const submission = await createUpgradeSubmission({\n itemId: id,\n screenshotBlobKey: blobKey,\n parsedData: null,\n submittedBy,\n });\n await notifyDiscordUpgrade({ itemName: item.name, itemId: item.id, submittedBy });\n\n return c.redirect(`/upgrades/submissions/${submission.id}/review`);\n});\n\napp.get(\"/upgrades/submissions/:id/review\", async (c) => {\n const submissionId = c.req.param(\"id\");\n const submission = await getUpgradeSubmission(submissionId);\n if (!submission) return c.text(\"Submission not found\", 404);\n const item = await getUpgradeItem(submission.item_id);\n if (!item) return c.text(\"Item not found\", 404);\n\n const screenshotKey = submission.screenshot_blob_key.replace(/^upgrades\\//, \"\");\n const screenshotUrl = `/assets/upgrades/${screenshotKey}`;\n const materialIcons = await listMaterialIcons();\n\n return (\n c.html(\n ,\n )\n );\n});\n\napp.post(\"/upgrades/submissions/:id/confirm\", async (c) => {\n const submissionId = c.req.param(\"id\");\n const submission = await getUpgradeSubmission(submissionId);\n if (!submission) return c.text(\"Submission not found\", 404);\n\n const form = await c.req.formData();\n const parsedData: ParsedUpgradeData = {};\n for (let lvl = 1; lvl <= 9; lvl++) {\n const names = form.getAll(`materials_${lvl}_name`).map((v) => String(v).trim());\n const qtys = form.getAll(`materials_${lvl}_qty`).map((v) => String(v).trim());\n const materials: string[] = [];\n for (let i = 0; i < names.length; i++) {\n if (!names[i]) continue;\n materials.push(qtys[i] ? `${names[i]} x${qtys[i]}` : names[i]);\n }\n const goldRaw = String(form.get(`gold_${lvl}`) ?? \"\").trim();\n if (!materials.length && !goldRaw) continue;\n parsedData[String(lvl)] = { materials, gold: goldRaw ? Number(goldRaw) : null };\n }\n\n await confirmUpgradeSubmission(submissionId, parsedData);\n return c.redirect(`/upgrades/${submission.item_id}`);\n});\n\napp.get(\"/\", async (c) => {\n const maps = await listMaps();\n if (maps.length === 0) {\n return c.html(

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",[],[198],"49f84e93-325f-49d7-b64a-373f447e81f4","db.ts","01a07e97-dc4a-73bc-8d45-7b429ccda84a",233,["D",1789515739795],15,"import { sqlite } from \"https://esm.town/v/std/sqlite/main.ts\";\n\nexport interface Entry {\n id: number;\n map_name: string;\n category: string;\n entry_name: string;\n notes: string | null;\n submitted_by: string | null;\n pin_x: number;\n pin_y: number;\n created_at: string;\n edit_token: string;\n}\n\nexport interface MapInfo {\n name: string;\n image_url: string;\n display_order: number;\n}\n\nexport interface LeaderboardRow {\n submittedBy: string;\n total: number;\n byCategory: Record;\n}\n\nexport const CATEGORIES: { value: string; label: string }[] = [\n { value: \"boss\", label: \"Boss\" },\n { value: \"miniboss\", label: \"Mini-Boss\" },\n { value: \"npc\", label: \"NPC\" },\n { value: \"resource\", label: \"Resource\" },\n { value: \"metin\", label: \"Metin\" },\n { value: \"other\", label: \"Other\" },\n];\n\nexport const EDIT_WINDOW_MS = 60 * 60 * 1000; // 1 hour\n\nawait sqlite.execute(`CREATE TABLE IF NOT EXISTS maps (\n name TEXT PRIMARY KEY,\n image_url TEXT NOT NULL,\n display_order INTEGER NOT NULL DEFAULT 0\n)`);\n\nawait sqlite.execute(`CREATE TABLE IF NOT EXISTS entries (\n id INTEGER PRIMARY KEY AUTOINCREMENT,\n map_name TEXT NOT NULL,\n category TEXT NOT NULL,\n entry_name TEXT NOT NULL,\n notes TEXT,\n submitted_by TEXT,\n pin_x REAL NOT NULL,\n pin_y REAL NOT NULL,\n created_at TEXT NOT NULL DEFAULT (datetime('now')),\n edit_token TEXT NOT NULL DEFAULT ''\n)`);\n\n// Defensive migration: if this table already existed from before edit_token was introduced,\n// make sure the column is there (no-op / throws harmlessly if it already exists).\ntry {\n await sqlite.execute(`ALTER TABLE entries ADD COLUMN edit_token TEXT NOT NULL DEFAULT ''`);\n} catch {\n // column already exists — fine\n}\n\nexport function isEntryEditable(entry: Pick): boolean {\n const createdMs = new Date(entry.created_at.replace(\" \", \"T\") + \"Z\").getTime();\n return Date.now() - createdMs <= EDIT_WINDOW_MS;\n}\n\nexport function canManage(\n entry: Pick,\n opts: { isAdmin: boolean; token: string | null },\n): boolean {\n if (opts.isAdmin) return true;\n return !!opts.token && opts.token === entry.edit_token && entry.edit_token !== \"\";\n}\n\nexport async function listMaps(): Promise {\n const result = await sqlite.execute(\"SELECT * FROM maps ORDER BY display_order ASC\");\n return result.rows as unknown as MapInfo[];\n}\n\nexport async function getMap(name: string): Promise {\n const result = await sqlite.execute({ sql: \"SELECT * FROM maps WHERE name = ?\", args: [name] });\n return (result.rows[0] as unknown as MapInfo) ?? null;\n}\n\nexport async function addEntry(entry: {\n mapName: string;\n category: string;\n entryName: string;\n notes: string;\n submittedBy: string;\n pinX: number;\n pinY: number;\n}): Promise<{ id: number; editToken: string }> {\n const editToken = crypto.randomUUID();\n const result = await sqlite.execute({\n sql:\n \"INSERT INTO entries (map_name, category, entry_name, notes, submitted_by, pin_x, pin_y, edit_token) VALUES (?, ?, ?, ?, ?, ?, ?, ?)\",\n args: [\n entry.mapName,\n entry.category,\n entry.entryName,\n entry.notes || null,\n entry.submittedBy || null,\n entry.pinX,\n entry.pinY,\n editToken,\n ],\n });\n return { id: Number(result.lastInsertRowid), editToken };\n}\n\nexport async function getEntry(id: number): Promise {\n const result = await sqlite.execute({ sql: \"SELECT * FROM entries WHERE id = ?\", args: [id] });\n return (result.rows[0] as unknown as Entry) ?? null;\n}\n\nexport async function updateEntry(id: number, fields: {\n category: string;\n entryName: string;\n notes: string;\n pinX: number;\n pinY: number;\n}) {\n await sqlite.execute({\n sql: \"UPDATE entries SET category = ?, entry_name = ?, notes = ?, pin_x = ?, pin_y = ? WHERE id = ?\",\n args: [fields.category, fields.entryName, fields.notes || null, fields.pinX, fields.pinY, id],\n });\n}\n\nexport async function deleteEntry(id: number) {\n await sqlite.execute({ sql: \"DELETE FROM entries WHERE id = ?\", args: [id] });\n}\n\nexport async function listEntriesForMap(mapName: string): Promise {\n const result = await sqlite.execute({\n sql: \"SELECT * FROM entries WHERE map_name = ? ORDER BY created_at ASC, id ASC\",\n args: [mapName],\n });\n return result.rows as unknown as Entry[];\n}\n\nexport async function countEntriesByMap(): Promise> {\n const result = await sqlite.execute(\"SELECT map_name, COUNT(*) as c FROM entries GROUP BY map_name\");\n const rows = result.rows as unknown as { map_name: string; c: number }[];\n return Object.fromEntries(rows.map((r) => [r.map_name, Number(r.c)]));\n}\n\nexport async function countEntries(): Promise {\n const result = await sqlite.execute(\"SELECT COUNT(*) as c FROM entries\");\n return Number((result.rows[0] as unknown as { c: number }).c);\n}\n\nexport async function listLeaderboard(): Promise {\n const [entryResult, upgradeResult] = await Promise.all([\n sqlite.execute(\n \"SELECT submitted_by, category, COUNT(*) as c FROM entries WHERE submitted_by IS NOT NULL AND TRIM(submitted_by) != '' GROUP BY submitted_by, category\",\n ),\n sqlite.execute(\n \"SELECT submitted_by, COUNT(*) as c FROM upgrade_submissions WHERE status = 'confirmed' AND submitted_by IS NOT NULL AND TRIM(submitted_by) != '' GROUP BY submitted_by\",\n ),\n ]);\n const rows = entryResult.rows as unknown as { submitted_by: string; category: string; c: number }[];\n const upgradeRows = upgradeResult.rows as unknown as { submitted_by: string; c: number }[];\n\n const byName = new Map();\n for (const row of rows) {\n const existing = byName.get(row.submitted_by) ?? { submittedBy: row.submitted_by, total: 0, byCategory: {} };\n existing.total += Number(row.c);\n existing.byCategory[row.category] = Number(row.c);\n byName.set(row.submitted_by, existing);\n }\n for (const row of upgradeRows) {\n const existing = byName.get(row.submitted_by) ?? { submittedBy: row.submitted_by, total: 0, byCategory: {} };\n existing.total += Number(row.c);\n existing.byCategory[\"upgrade\"] = (existing.byCategory[\"upgrade\"] ?? 0) + Number(row.c);\n byName.set(row.submitted_by, existing);\n }\n\n return Array.from(byName.values()).sort((a, b) => b.total - a.total || a.submittedBy.localeCompare(b.submittedBy));\n}\n\n// --- Upgrade material discovery wiki ---\n\nexport interface UpgradeItem {\n id: number;\n name: string;\n weapon_type: string;\n level_requirement: number;\n status: \"undiscovered\" | \"confirmed\";\n image_url: string | null;\n created_at: string;\n}\n\nexport interface LevelMaterials {\n materials: string[];\n gold: number | null;\n}\n\nexport type ParsedUpgradeData = Record; // key: \"1\"..\"9\"\n\nexport interface UpgradeSubmission {\n id: string;\n item_id: number;\n screenshot_blob_key: string;\n parsed_data: string | null; // JSON string of ParsedUpgradeData\n submitted_by: string | null;\n status: \"pending_review\" | \"confirmed\" | \"rejected\";\n created_at: string;\n confirmed_at: string | null;\n}\n\nawait sqlite.execute(`CREATE TABLE IF NOT EXISTS upgrade_items (\n id INTEGER PRIMARY KEY AUTOINCREMENT,\n name TEXT NOT NULL UNIQUE,\n weapon_type TEXT NOT NULL,\n level_requirement INTEGER NOT NULL DEFAULT 0,\n status TEXT NOT NULL DEFAULT 'undiscovered',\n image_url TEXT,\n created_at TEXT NOT NULL DEFAULT (datetime('now'))\n)`);\n\nawait sqlite.execute(`CREATE TABLE IF NOT EXISTS upgrade_submissions (\n id TEXT PRIMARY KEY,\n item_id INTEGER NOT NULL REFERENCES upgrade_items(id),\n screenshot_blob_key TEXT NOT NULL,\n parsed_data TEXT,\n submitted_by TEXT,\n status TEXT NOT NULL DEFAULT 'pending_review',\n created_at TEXT NOT NULL DEFAULT (datetime('now')),\n confirmed_at TEXT\n)`);\n\nexport async function listUpgradeItems(): Promise {\n const result = await sqlite.execute(\n \"SELECT * FROM upgrade_items ORDER BY weapon_type ASC, level_requirement ASC, name ASC\",\n );\n return result.rows as unknown as UpgradeItem[];\n}\n\nexport async function getUpgradeItem(id: number): Promise {\n const result = await sqlite.execute({ sql: \"SELECT * FROM upgrade_items WHERE id = ?\", args: [id] });\n return (result.rows[0] as unknown as UpgradeItem) ?? null;\n}\n\nexport async function getConfirmedSubmissionForItem(itemId: number): Promise {\n const result = await sqlite.execute({\n sql: \"SELECT * FROM upgrade_submissions WHERE item_id = ? AND status = 'confirmed' ORDER BY confirmed_at DESC LIMIT 1\",\n args: [itemId],\n });\n return (result.rows[0] as unknown as UpgradeSubmission) ?? null;\n}\n\nexport async function getLatestSubmissionForItem(itemId: number): Promise {\n const result = await sqlite.execute({\n sql: \"SELECT * FROM upgrade_submissions WHERE item_id = ? ORDER BY created_at DESC LIMIT 1\",\n args: [itemId],\n });\n return (result.rows[0] as unknown as UpgradeSubmission) ?? null;\n}\n\nexport interface PendingSubmission extends UpgradeSubmission {\n item_name: string;\n weapon_type: string;\n}\n\nexport async function listPendingSubmissions(): Promise {\n const result = await sqlite.execute(\n `SELECT us.*, ui.name as item_name, ui.weapon_type as weapon_type\n FROM upgrade_submissions us\n JOIN upgrade_items ui ON ui.id = us.item_id\n WHERE us.status = 'pending_review'\n ORDER BY us.created_at ASC`,\n );\n return result.rows as unknown as PendingSubmission[];\n}\n\n// Used by the admin bulk-download feature. \"all\" covers every submission regardless of status\n// (pending_review / confirmed / rejected) so a full-archive download is possible too.\nexport async function listSubmissionsByStatus(\n status: \"pending_review\" | \"confirmed\" | \"rejected\" | \"all\",\n): Promise {\n const result = status === \"all\"\n ? await sqlite.execute(\n `SELECT us.*, ui.name as item_name, ui.weapon_type as weapon_type\n FROM upgrade_submissions us\n JOIN upgrade_items ui ON ui.id = us.item_id\n ORDER BY us.created_at ASC`,\n )\n : await sqlite.execute({\n sql:\n `SELECT us.*, ui.name as item_name, ui.weapon_type as weapon_type\n FROM upgrade_submissions us\n JOIN upgrade_items ui ON ui.id = us.item_id\n WHERE us.status = ?\n ORDER BY us.created_at ASC`,\n args: [status],\n });\n return result.rows as unknown as PendingSubmission[];\n}\n\nexport async function countPendingSubmissions(): Promise {\n const result = await sqlite.execute(\n \"SELECT COUNT(*) as c FROM upgrade_submissions WHERE status = 'pending_review'\",\n );\n return Number((result.rows[0] as unknown as { c: number }).c);\n}\n\nexport async function createUpgradeSubmission(fields: {\n itemId: number;\n screenshotBlobKey: string;\n parsedData: ParsedUpgradeData | null;\n submittedBy: string;\n}): Promise {\n const id = crypto.randomUUID();\n await sqlite.execute({\n sql:\n \"INSERT INTO upgrade_submissions (id, item_id, screenshot_blob_key, parsed_data, submitted_by) VALUES (?, ?, ?, ?, ?)\",\n args: [\n id,\n fields.itemId,\n fields.screenshotBlobKey,\n fields.parsedData ? JSON.stringify(fields.parsedData) : null,\n fields.submittedBy || null,\n ],\n });\n const result = await sqlite.execute({ sql: \"SELECT * FROM upgrade_submissions WHERE id = ?\", args: [id] });\n return result.rows[0] as unknown as UpgradeSubmission;\n}\n\nexport async function getUpgradeSubmission(id: string): Promise {\n const result = await sqlite.execute({ sql: \"SELECT * FROM upgrade_submissions WHERE id = ?\", args: [id] });\n return (result.rows[0] as unknown as UpgradeSubmission) ?? null;\n}\n\nexport async function confirmUpgradeSubmission(id: string, parsedData: ParsedUpgradeData): Promise {\n const submission = await getUpgradeSubmission(id);\n if (!submission) throw new Error(\"Submission not found\");\n // If every level was left blank, don't mark this \"confirmed\" — that would hide the screenshot's\n // real data behind a blank level table with no way back into the pending queue. Save it as\n // pending_review instead so it stays visible on /upgrades/pending until someone fills it in.\n const hasAnyData = Object.values(parsedData).some((row) => row.gold != null || row.materials.length > 0);\n await sqlite.execute({\n sql: \"UPDATE upgrade_submissions SET status = ?, parsed_data = ?, confirmed_at = ? WHERE id = ?\",\n args: [\n hasAnyData ? \"confirmed\" : \"pending_review\",\n JSON.stringify(parsedData),\n hasAnyData ? new Date().toISOString().replace(\"T\", \" \").slice(0, 19) : null,\n id,\n ],\n });\n if (hasAnyData) {\n await sqlite.execute({\n sql: \"UPDATE upgrade_items SET status = 'confirmed' WHERE id = ?\",\n args: [submission.item_id],\n });\n }\n}\n\nexport async function rejectUpgradeSubmission(id: string): Promise {\n await sqlite.execute({ sql: \"UPDATE upgrade_submissions SET status = 'rejected' WHERE id = ?\", args: [id] });\n}\n\nexport async function deleteUpgradeSubmission(id: string): Promise {\n await sqlite.execute({ sql: \"DELETE FROM upgrade_submissions WHERE id = ?\", args: [id] });\n}\n\nawait sqlite.execute(`CREATE TABLE IF NOT EXISTS material_icons (\n name TEXT PRIMARY KEY,\n image_url TEXT NOT NULL\n)`);\n\nexport async function listMaterialIcons(): Promise> {\n const result = await sqlite.execute(\"SELECT name, image_url FROM material_icons\");\n const rows = result.rows as unknown as { name: string; image_url: string }[];\n return Object.fromEntries(rows.map((r) => [r.name, r.image_url]));\n}\n\n// Splits a submitted materials entry like \"Piece of Ice+ x2\" into its base name and quantity,\n// so the name can be looked up in the material_icons table regardless of how much was needed.\nexport function parseMaterialEntry(entry: string): { name: string; qty: string | null } {\n const m = entry.match(/^(.*?)\\s*[xX]\\s*(\\d+)\\s*$/);\n if (m) return { name: m[1].trim(), qty: m[2] };\n return { name: entry.trim(), qty: null };\n}\n\nexport async function countUndiscoveredItems(): Promise<{ total: number; undiscovered: number }> {\n const result = await sqlite.execute(\n \"SELECT COUNT(*) as total, SUM(CASE WHEN status = 'undiscovered' THEN 1 ELSE 0 END) as undiscovered FROM upgrade_items\",\n );\n const row = result.rows[0] as unknown as { total: number; undiscovered: number };\n return { total: Number(row.total), undiscovered: Number(row.undiscovered) };\n}\n",[],[207],"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",[],[216],"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",[],[233,224],"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",[],[233,235],"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",[],[233,243],"bf5cfbc7-267a-4283-adbe-c01fb116c982",56,["D",1788963893559],"directory",[191,192,193],[233],"ff74c45e-5d5e-49e6-83ec-866999c0276c","UpgradesPage.tsx","b461cbb0-b105-11f1-8fc1-1607ee4eb77e",200,["D",1789484951420],19,"/** @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",[],[167,257],"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",[],[167,266],"ac894663-7a90-4d35-a7a7-2fe1e0a8d339","UpgradeItemPage.tsx","bcd753c8-b105-11f1-b3f2-1607ee4eb77e",222,["D",1789499249451],11,"/** @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",[],[167,274],"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",[],[167,283],"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",[],[167,292],"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",[],[167,300],"9ace331a-f6f9-440e-96c3-567407cb834a","Layout.tsx","01a07e97-dc49-70c1-928f-d3329f8dc78f",226,["D",1789504552498],33,"/** @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",[],[167,309],"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",[],[167,318],"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",[],[167,327],["D",1789515793335],[],[167,66],"3d995cb6-d9bc-48f9-81e1-a59f8f686e77",["D",1788830276477],[180,181,182,183,184,185,186,187,188,189],[167],["D",1788830276477],["D",1789526460011],{"_11":12,"_135":72},{"_11":12,"_130":131,"_71":72,"_30":70,"_132":133,"_134":24},{"_39":121,"_13":16,"_33":36,"_122":82,"_123":-5,"_124":-5,"_125":-5,"_126":-5,"_127":-5,"_128":14,"_129":12},"ctx",{"_54":-5,"_154":379,"_380":381,"_382":383,"_384":24,"_385":24,"_386":24,"_387":95,"_388":-5,"_389":-7,"_390":-7,"_391":26,"_392":24,"_393":24,"_394":-5,"_395":24,"_396":24,"_397":24,"_398":-5},"ENV",{"_350":351,"_352":353,"_354":16,"_355":356,"_357":358,"_359":360,"_361":362,"_363":364,"_365":366,"_367":368,"_369":370,"_371":372,"_373":374,"_375":376,"_377":378},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","5015b8df46402d8bba4f485ecc37aec202b0e06b","RENDER_GIT_BRANCH","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","CLOUDFLARE_TURNSTILE_SITE_KEY","0x4AAAAAACtaIZJH7s9rBMZ6","GOOGLE_CLIENT_ID","875989696899-jtsqkhlbdv5jrlsk8631p7ipjg3c6o62.apps.googleusercontent.com","STRIPE_PUBLISHABLE_KEY","pk_live_51N2zvWEpZTTLipIkVEwXrUG9AT0yeOOEYxszarZT1jpsZV58Ly6wlg3SltZpHN26CUalOBmUSY7adQRQiSkCZz2500qSXNkf8Y","API_URL","https://api.val.town",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]

History · AdminPage.tsx