[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_225":226,"_227":228},"routes/_app.x.$handle.$name",{"_100":99,"_32":45,"_109":90,"_27":110,"_13":14,"_111":-5,"_11":112,"_113":114,"_115":116,"_117":118,"_119":120,"_20":-5,"_121":-5,"_122":-5,"_123":25,"_124":125,"_126":59,"_127":-5,"_128":-5,"_129":130},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_43":44,"_32":45,"_38":46,"_47":-5,"_48":25,"_49":50,"_51":50,"_52":53,"_54":-5,"_18":55,"_56":57,"_58":59,"_60":-5,"_61":-5,"_62":63,"_64":65,"_66":67,"_68":69,"_70":71,"_72":-5,"_73":74,"_75":74,"_76":77,"_78":77,"_79":77,"_80":74,"_81":74,"_82":83,"_84":85,"_86":87,"_88":25},"version",33,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":23,"_24":25,"_26":25,"_27":28,"_29":28},"file",{"_30":31,"_32":28,"_33":34,"_35":37,"_38":39,"_40":14,"_41":42,"_24":25},"previous",{"_30":31,"_32":28,"_33":34,"_35":36},"deleted",false,"deletedHere","path","db.ts","latestPath","fileId","01a07e97-dc4a-73bc-8d45-7b429ccda84a","name","fileType","script","content","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}\n\nexport interface MapInfo {\n name: string;\n image_url: string;\n display_order: number;\n}\n\nexport const CATEGORIES: { value: string; label: string }[] = [\n { value: \"boss\", label: \"Boss\" },\n { value: \"npc\", label: \"NPC\" },\n { value: \"resource\", label: \"Resource\" },\n { value: \"metin\", label: \"Metin\" },\n { value: \"other\", label: \"Other\" },\n];\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)`);\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}) {\n await sqlite.execute({\n sql:\n \"INSERT INTO entries (map_name, category, entry_name, notes, submitted_by, pin_x, pin_y) 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 ],\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","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: \"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 result = await 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 const rows = result.rows as unknown as { submitted_by: string; category: 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\n return Array.from(byName.values()).sort((a, b) => b.total - a.total || a.submittedBy.localeCompare(b.submittedBy));\n}\n","createdAt",["D",1788869540135],"branchVersion","branchId","1c5a54fc-7258-41d1-a35b-94740edbafba","id","599c3621-9315-4d74-9cc5-4cfca3f7fd3c","arthion-atlas",["D",1788830276477],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","Metin2 Arthion guild boss & drop location guide","imageUrl","b71e33f8-d99a-4cff-b095-38f58c0a5236","pinnedFileId","01a07e97-dc4a-73bc-8d45-7ce11e31c01a","pinPreview",true,"pinMigrated","screenshotVersion","likeCount",0,"orgId","019fd3a0-5b29-72d9-8429-c2783b92627c","tursoName","599c362193154d749cc54cfca3f7fd3c","tursoHostname","599c362193154d749cc54cfca3f7fd3c-val-town.aws-us-east-2.turso.io","tursoMeasuredAt",["D",1789526460011],"pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_100":99,"_108":104},"org",{"_100":99,"_101":102,"_103":104,"_18":55,"_105":106,"_107":25},"branch",{"_13":89,"_32":90,"_43":42,"_91":44,"_92":-5,"_93":-5,"_94":-5,"_95":-5,"_96":-5,"_97":45,"_98":99},"isOwned",240,"main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","kubeniz","handle","displayName","Valentino Rodrigues","avatar","https://lh3.googleusercontent.com/a/ACg8ocLUTO6MzdqeXpcs4pmDUIuBGqLrhsGH0xN-uIFC_LP0kPooCA=s96-c","tier","free","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_43":44,"_32":45,"_38":220,"_47":-5,"_48":25,"_49":50,"_51":50,"_52":53,"_54":-5,"_18":55,"_56":57,"_58":59,"_60":-5,"_61":-5,"_62":63,"_64":65,"_66":67,"_68":69,"_70":221,"_72":-5,"_73":74,"_75":74,"_76":77,"_78":77,"_79":77,"_80":74,"_81":74,"_82":222,"_84":223,"_86":224,"_88":25},"tree",[175,179,180,181],"files",[175,176,177,178,179,180,181],"counts",{"_164":63,"_165":155,"_166":63,"_167":168,"_169":170},"contents",[131,132,133,134],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_43":158,"_32":159,"_30":160,"_137":-5,"_41":42,"_40":155,"_139":59,"_38":161,"_13":63,"_33":162,"_35":-5,"_24":25,"_144":-5,"_27":163},{"_43":150,"_32":151,"_30":152,"_137":-5,"_41":42,"_40":153,"_139":59,"_38":154,"_13":155,"_33":20,"_35":156,"_24":25,"_144":-5,"_27":157},{"_43":146,"_32":28,"_30":31,"_137":-5,"_41":42,"_40":14,"_139":25,"_38":147,"_13":148,"_33":34,"_35":37,"_24":25,"_144":-5,"_27":149},{"_43":135,"_32":136,"_30":57,"_137":-5,"_41":42,"_40":138,"_139":25,"_38":140,"_13":141,"_33":142,"_35":143,"_24":25,"_144":45,"_27":145},"050d38c1-0ee2-4486-8e0a-b6dd3e18d7f8","main.tsx","parentId",32,"latest",["D",1788869219578],8,"http","/** @jsxImportSource npm:hono/jsx */\nimport { Hono } from \"npm:hono\";\nimport GuidePage from \"./components/GuidePage.tsx\";\nimport SubmitPage from \"./components/SubmitPage.tsx\";\nimport {\n addEntry,\n CATEGORIES,\n countEntries,\n countEntriesByMap,\n deleteEntry,\n listEntriesForMap,\n listMaps,\n} from \"./db.ts\";\n\nconst CATEGORY_LABEL: Record = Object.fromEntries(CATEGORIES.map((c) => [c.value, c.label]));\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\nconst app = new Hono();\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\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 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 return c.html(\n ,\n 400,\n );\n }\n\n await addEntry({ mapName, category, entryName, notes, submittedBy, pinX, pinY });\n await notifyDiscord({ mapName, category, entryName, submittedBy });\n return c.redirect(`/submit?map=${encodeURIComponent(mapName)}&added=1`);\n});\n\napp.post(\"/entries/:id/delete\", async (c) => {\n const id = Number(c.req.param(\"id\"));\n if (Number.isFinite(id)) await deleteEntry(id);\n const map = c.req.query(\"map\");\n return c.redirect(map ? `/?map=${encodeURIComponent(map)}` : \"/\");\n});\n\napp.onError((err) => Promise.reject(err));\n\nexport default app.fetch;\n","label",[136],"b20a0eae-e3e5-4872-8890-8666bae99cfa",["D",1788869540135],6,[28],"e291920c-629e-4a5c-b861-ed77e137fab0","README.md","01a07e97-dc4a-73bc-8d45-76f37207cf1d",30,["D",1788869084865],1,"# 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",[151],"3d995cb6-d9bc-48f9-81e1-a59f8f686e77","components","01a07e97-dc49-70c1-928f-d93bc188b742",["D",1788830276477],"directory",[159],"pulls","branches","forks","envVars",{"_171":173,"_174":63},"connections",{"_171":63,"_172":63},"count","unfilledCount",2,"emptyCount",{"_43":158,"_32":159,"_30":160,"_137":-5,"_41":42,"_40":155,"_139":59,"_38":217,"_13":63,"_33":162,"_35":-5,"_24":25,"_144":-5,"_183":218,"_27":219},{"_43":209,"_32":210,"_30":211,"_137":160,"_41":42,"_40":212,"_139":25,"_38":213,"_13":173,"_33":34,"_35":214,"_24":25,"_144":-5,"_183":215,"_27":216},{"_43":201,"_32":202,"_30":203,"_137":160,"_41":42,"_40":204,"_139":25,"_38":205,"_13":148,"_33":34,"_35":206,"_24":25,"_144":-5,"_183":207,"_27":208},{"_43":192,"_32":193,"_30":194,"_137":160,"_41":42,"_40":195,"_139":25,"_38":196,"_13":197,"_33":34,"_35":198,"_24":25,"_144":-5,"_183":199,"_27":200},{"_43":150,"_32":151,"_30":152,"_137":-5,"_41":42,"_40":153,"_139":59,"_38":189,"_13":155,"_33":20,"_35":156,"_24":25,"_144":-5,"_183":190,"_27":191},{"_43":146,"_32":28,"_30":31,"_137":-5,"_41":42,"_40":14,"_139":25,"_38":186,"_13":148,"_33":34,"_35":37,"_24":25,"_144":-5,"_183":187,"_27":188},{"_43":135,"_32":136,"_30":57,"_137":-5,"_41":42,"_40":138,"_139":25,"_38":182,"_13":141,"_33":142,"_35":143,"_24":25,"_144":45,"_183":184,"_27":185},["D",1788869219578],"children",[],[136],["D",1788869540135],[],[28],["D",1788869084865],[],[151],"1ac94584-3c3b-4916-97fa-c83261e20c3e","SubmitPage.tsx","741fc72e-ab23-11f1-bff4-1607ee4eb77e",26,["D",1788868126497],3,"/** @jsxImportSource npm:hono/jsx */\nimport Layout from \"./Layout.tsx\";\nimport { CATEGORIES, type MapInfo } from \"../db.ts\";\n\nexport default function SubmitPage(\n { maps, currentMap, error, added }: { maps: MapInfo[]; currentMap: MapInfo; error?: string; added?: boolean },\n) {\n return (\n \n

Report a location

\n Pick the map below, click the exact spot on the image, then fill in what's there. Your pin shows up on the\n Map Guide the moment you submit.\n

\n\n {added && (\n \n )}\n {error && }\n\n \n\n \n\n \n \n \n );\n}\n",[],[159,193],"f305e7f4-dd27-415b-8f6a-844a978ee674","Layout.tsx","01a07e97-dc49-70c1-928f-d3329f8dc78f",27,["D",1788869069531],"/** @jsxImportSource npm:hono/jsx */\n\nexport default function Layout(\n { title, active, children }: { title: string; active?: \"guide\" | \"submit\"; children?: unknown },\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: none;\n }\n .pin-boss { background: var(--red-bright); }\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 }\n @keyframes pulse {\n 0%, 100% { transform: scale(1); }\n 50% { transform: scale(1.15); }\n }\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 .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 .legend-list { list-style: none; margin: 0; padding: 0; max-height: 640px; overflow-y: auto; }\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",[],[159,202],"6a8d384a-64b1-4737-be4e-18d6fccb1238","GuidePage.tsx","72ef6f44-ab23-11f1-a2ee-1607ee4eb77e",21,["D",1788867560501],"/** @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\nexport default function GuidePage(\n { maps, currentMap, entries, counts, total }: {\n maps: MapInfo[];\n currentMap: MapInfo;\n entries: Entry[];\n counts: Record;\n total: number;\n },\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 {entries.map((e, i) => (\n \n {i + 1}\n \n ))}\n

\n\n

{currentMap.name}

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

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

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

\n )\n : (\n

\n {i + 1}\n
\n
\n {e.entry_name}\n
\n \n
\n
\n {CATEGORY_LABEL[e.category] ?? e.category}\n {e.notes &&
{e.notes}
}\n
reported by {e.submitted_by || \"anonymous\"}
\n
\n

\n )}\n

\n \n );\n}\n",[],[159,210],["D",1788830276477],[176,177,178],[159],["D",1788830276477],["D",1789526460011],{"_100":99,"_108":104},{"_100":99,"_101":102,"_103":104,"_18":55,"_105":106,"_107":25},{"_13":89,"_32":90,"_43":42,"_91":44,"_92":-5,"_93":-5,"_94":-5,"_95":-5,"_96":-5,"_97":45,"_98":99},"ctx",{"_82":-5,"_128":258,"_259":260,"_261":262,"_263":25,"_264":25,"_265":25,"_266":59,"_267":-5,"_268":-7,"_269":-7,"_270":63,"_271":25,"_272":25,"_273":-5,"_274":25,"_275":25,"_276":25,"_277":-5},"ENV",{"_229":230,"_231":232,"_233":90,"_234":235,"_236":237,"_238":239,"_240":241,"_242":243,"_244":245,"_246":247,"_248":249,"_250":251,"_252":253,"_254":255,"_256":257},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","fdb67791413f4386b4dbf18f354029a617f6160f","RENDER_GIT_BRANCH","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","CLOUDFLARE_TURNSTILE_SITE_KEY","0x4AAAAAACtaIZJH7s9rBMZ6","GOOGLE_CLIENT_ID","875989696899-jtsqkhlbdv5jrlsk8631p7ipjg3c6o62.apps.googleusercontent.com","STRIPE_PUBLISHABLE_KEY","pk_live_51N2zvWEpZTTLipIkVEwXrUG9AT0yeOOEYxszarZT1jpsZV58Ly6wlg3SltZpHN26CUalOBmUSY7adQRQiSkCZz2500qSXNkf8Y","API_URL","https://api.val.town",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]

Diff · v33