[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_221":222,"_223":224},"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",9,"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 x: number;\n y: number;\n notes: string | null;\n submitted_by: string | null;\n created_at: string;\n}\n\nexport const CATEGORIES: { value: string; label: string }[] = [\n { value: \"boss\", label: \"Boss\" },\n { value: \"chest\", label: \"Chest / Drop\" },\n { value: \"metin\", label: \"Metin Stone\" },\n { value: \"npc\", label: \"NPC\" },\n { value: \"resource\", label: \"Resource\" },\n { value: \"other\", label: \"Other\" },\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 x INTEGER NOT NULL,\n y INTEGER NOT NULL,\n notes TEXT,\n submitted_by TEXT,\n created_at TEXT NOT NULL DEFAULT (datetime('now'))\n)`);\n\nexport async function addEntry(entry: {\n mapName: string;\n category: string;\n entryName: string;\n x: number;\n y: number;\n notes: string;\n submittedBy: string;\n}) {\n await sqlite.execute({\n sql:\n \"INSERT INTO entries (map_name, category, entry_name, x, y, notes, submitted_by) VALUES (?, ?, ?, ?, ?, ?, ?)\",\n args: [\n entry.mapName,\n entry.category,\n entry.entryName,\n entry.x,\n entry.y,\n entry.notes || null,\n entry.submittedBy || null,\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 listEntries(filters: { map?: string; category?: string; q?: string }): Promise {\n const clauses: string[] = [];\n const args: unknown[] = [];\n\n if (filters.map) {\n clauses.push(\"map_name = ?\");\n args.push(filters.map);\n }\n if (filters.category) {\n clauses.push(\"category = ?\");\n args.push(filters.category);\n }\n if (filters.q) {\n clauses.push(\"(entry_name LIKE ? OR notes LIKE ? OR map_name LIKE ?)\");\n const like = `%${filters.q}%`;\n args.push(like, like, like);\n }\n\n const where = clauses.length ? `WHERE ${clauses.join(\" AND \")}` : \"\";\n const result = await sqlite.execute({\n sql: `SELECT * FROM entries ${where} ORDER BY map_name ASC, category ASC, entry_name ASC`,\n args,\n });\n return result.rows as unknown as Entry[];\n}\n\nexport async function listMapNames(): Promise {\n const result = await sqlite.execute(\n \"SELECT DISTINCT map_name FROM entries ORDER BY map_name ASC\",\n );\n return (result.rows as unknown as { map_name: string }[]).map((r) => r.map_name);\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 x: number;\n y: number;\n notes: string | null;\n submitted_by: string | null;\n created_at: string;\n}\n\nexport interface MapInfo {\n name: string;\n image_url: string | null;\n min_x: number;\n max_x: number;\n min_y: number;\n max_y: number;\n invert_y: number;\n}\n\nexport const CATEGORIES: { value: string; label: string }[] = [\n { value: \"boss\", label: \"Boss\" },\n { value: \"chest\", label: \"Chest / Drop\" },\n { value: \"metin\", label: \"Metin Stone\" },\n { value: \"npc\", label: \"NPC\" },\n { value: \"resource\", label: \"Resource\" },\n { value: \"other\", label: \"Other\" },\n];\n\n// Most Metin2 zones use a 0–2600 game-unit grid in both axes; these are\n// just a starting guess so a freshly added map already plots roughly\n// right — nudge them on the Manage maps page once real pins show whether\n// they're off.\nconst DEFAULT_BOUNDS = { min_x: 0, max_x: 2600, min_y: 0, max_y: 2600 };\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 x INTEGER NOT NULL,\n y INTEGER NOT NULL,\n notes TEXT,\n submitted_by TEXT,\n created_at TEXT NOT NULL DEFAULT (datetime('now'))\n)`);\n\nawait sqlite.execute(`CREATE TABLE IF NOT EXISTS maps (\n name TEXT PRIMARY KEY,\n image_url TEXT,\n min_x INTEGER NOT NULL DEFAULT 0,\n max_x INTEGER NOT NULL DEFAULT 2600,\n min_y INTEGER NOT NULL DEFAULT 0,\n max_y INTEGER NOT NULL DEFAULT 2600,\n invert_y INTEGER NOT NULL DEFAULT 0,\n updated_at TEXT NOT NULL DEFAULT (datetime('now'))\n)`);\n\nexport async function addEntry(entry: {\n mapName: string;\n category: string;\n entryName: string;\n x: number;\n y: number;\n notes: string;\n submittedBy: string;\n}) {\n await sqlite.execute({\n sql:\n \"INSERT INTO entries (map_name, category, entry_name, x, y, notes, submitted_by) VALUES (?, ?, ?, ?, ?, ?, ?)\",\n args: [\n entry.mapName,\n entry.category,\n entry.entryName,\n entry.x,\n entry.y,\n entry.notes || null,\n entry.submittedBy || null,\n ],\n });\n // Make sure every map that has entries is at least selectable/configurable,\n // even before anyone has set an image for it.\n await ensureMap(entry.mapName);\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 listEntries(filters: { map?: string; category?: string; q?: string }): Promise {\n const clauses: string[] = [];\n const args: unknown[] = [];\n\n if (filters.map) {\n clauses.push(\"map_name = ?\");\n args.push(filters.map);\n }\n if (filters.category) {\n clauses.push(\"category = ?\");\n args.push(filters.category);\n }\n if (filters.q) {\n clauses.push(\"(entry_name LIKE ? OR notes LIKE ? OR map_name LIKE ?)\");\n const like = `%${filters.q}%`;\n args.push(like, like, like);\n }\n\n const where = clauses.length ? `WHERE ${clauses.join(\" AND \")}` : \"\";\n const result = await sqlite.execute({\n sql: `SELECT * FROM entries ${where} ORDER BY map_name ASC, category ASC, entry_name ASC`,\n args,\n });\n return result.rows as unknown as Entry[];\n}\n\nexport async function listMapNames(): Promise {\n const result = await sqlite.execute(\n \"SELECT DISTINCT map_name FROM entries ORDER BY map_name ASC\",\n );\n const fromEntries = (result.rows as unknown as { map_name: string }[]).map((r) => r.map_name);\n const maps = await listMaps();\n const names = new Set([...fromEntries, ...maps.map((m) => m.name)]);\n return [...names].sort((a, b) => a.localeCompare(b));\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\n/** Registers a map with default (unset) bounds if it doesn't exist yet. Never overwrites an existing row. */\nexport async function ensureMap(name: string) {\n await sqlite.execute({\n sql: \"INSERT OR IGNORE INTO maps (name, min_x, max_x, min_y, max_y) VALUES (?, ?, ?, ?, ?)\",\n args: [name, DEFAULT_BOUNDS.min_x, DEFAULT_BOUNDS.max_x, DEFAULT_BOUNDS.min_y, DEFAULT_BOUNDS.max_y],\n });\n}\n\nexport async function listMaps(): Promise {\n const result = await sqlite.execute(\"SELECT * FROM maps ORDER BY name 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 upsertMap(map: {\n name: string;\n imageUrl: string;\n minX: number;\n maxX: number;\n minY: number;\n maxY: number;\n invertY: boolean;\n}) {\n await sqlite.execute({\n sql: `INSERT INTO maps (name, image_url, min_x, max_x, min_y, max_y, invert_y, updated_at)\n VALUES (?, ?, ?, ?, ?, ?, ?, datetime('now'))\n ON CONFLICT(name) DO UPDATE SET\n image_url = excluded.image_url,\n min_x = excluded.min_x,\n max_x = excluded.max_x,\n min_y = excluded.min_y,\n max_y = excluded.max_y,\n invert_y = excluded.invert_y,\n updated_at = datetime('now')`,\n args: [\n map.name,\n map.imageUrl || null,\n map.minX,\n map.maxX,\n map.minY,\n map.maxY,\n map.invertY ? 1 : 0,\n ],\n });\n}\n\n/** Position of a coordinate on its map image, as percentages (0–100) from the top-left. Null if the axis has no usable span. */\nexport function pinPosition(entry: { x: number; y: number }, map: MapInfo): { left: number; top: number } | null {\n const spanX = map.max_x - map.min_x;\n const spanY = map.max_y - map.min_y;\n if (!spanX || !spanY) return null;\n let left = ((entry.x - map.min_x) / spanX) * 100;\n let top = ((entry.y - map.min_y) / spanY) * 100;\n if (map.invert_y) top = 100 - top;\n left = Math.min(100, Math.max(0, left));\n top = Math.min(100, Math.max(0, top));\n return { left, top };\n}\n","createdAt",["D",1788834576543],"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":216,"_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":217,"_72":-5,"_73":74,"_75":74,"_76":77,"_78":77,"_79":77,"_80":74,"_81":74,"_82":218,"_84":219,"_86":220,"_88":25},"tree",[172,176,177,178],"files",[172,173,174,175,176,177,178],"counts",{"_162":63,"_163":141,"_164":63,"_165":166,"_167":168},"contents",[131,132,133,134],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_43":156,"_32":157,"_30":158,"_137":-5,"_41":42,"_40":141,"_139":59,"_38":159,"_13":63,"_33":160,"_35":-5,"_24":25,"_144":-5,"_27":161},{"_43":150,"_32":151,"_30":152,"_137":-5,"_41":42,"_40":141,"_139":25,"_38":153,"_13":63,"_33":20,"_35":154,"_24":25,"_144":-5,"_27":155},{"_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},"56d89709-af19-4c88-b382-5352585c8289","main.tsx","parentId",7,"latest",["D",1788830431369],1,"http","/** @jsxImportSource npm:hono/jsx */\nimport { parseVal } from \"https://esm.town/v/std/utils/index.ts\";\nimport { Hono } from \"npm:hono\";\nimport GuidePage from \"./components/GuidePage.tsx\";\nimport SubmitPage from \"./components/SubmitPage.tsx\";\nimport { addEntry, CATEGORIES, countEntries, deleteEntry, listEntries, listMapNames } from \"./db.ts\";\n\nconst app = new Hono();\n\napp.get(\"/\", async (c) => {\n const map = c.req.query(\"map\") || undefined;\n const category = c.req.query(\"category\") || undefined;\n const q = c.req.query(\"q\") || undefined;\n const added = c.req.query(\"added\") === \"1\";\n\n const [entries, mapNames, total] = await Promise.all([\n listEntries({ map, category, q }),\n listMapNames(),\n countEntries(),\n ]);\n\n return c.html(\n ,\n );\n});\n\napp.get(\"/submit\", async (c) => {\n const mapNames = await listMapNames();\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 xRaw = String(form.get(\"x\") ?? \"\").trim();\n const yRaw = String(form.get(\"y\") ?? \"\").trim();\n const notes = String(form.get(\"notes\") ?? \"\").trim();\n const submittedBy = String(form.get(\"submitted_by\") ?? \"\").trim();\n\n const x = Number(xRaw);\n const y = Number(yRaw);\n const validCategory = CATEGORIES.some((cat) => cat.value === category);\n\n if (!mapName || !entryName || !validCategory || !Number.isFinite(x) || !Number.isFinite(y)) {\n const mapNames = await listMapNames();\n return c.html(\n ,\n 400,\n );\n }\n\n await addEntry({ mapName, category, entryName, x, y, notes, submittedBy });\n return c.redirect(\"/?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 return c.redirect(\"/\");\n});\n\napp.get(\"/source\", (c) => c.redirect(parseVal().links.self.val));\n\napp.onError((err) => Promise.reject(err));\n\nexport default app.fetch;\n","label",[136],"46802ec8-4acd-46d6-bb5b-3b71c6c9e2ce",["D",1788834576543],2,[28],"68a6f6c2-7822-4739-a37c-1a4fc93192b8","README.md","01a07e97-dc4a-73bc-8d45-76f37207cf1d",["D",1788830276477],"# What's the easiest way to put a form online and save submissions?\n\nRemix this val. It serves a contact form (name, email, message) at `/`, saves every submission to the val's own SQLite database, and lists everything received at `/submissions`. No external services, no API keys, no env vars.\n\n## Setup\n\n1. Remix this val.\n2. Open the HTTP endpoint of `main.tsx` — that is your live form. Share the URL.\n3. Visit `/submissions` on the same URL to see what people sent.\n\nEach remix gets its own private SQLite database, so your submissions stay with your copy.\n\n## Files\n\n- `main.tsx` — Hono routes: GET `/` (form), POST `/submit` (save), GET `/submissions` (list)\n- `db.ts` — creates the `submissions` table and holds the two queries\n- `components/Layout.tsx` — shared page shell with Tailwind (via Twind)\n- `components/FormPage.tsx` — the form\n- `components/SubmissionsPage.tsx` — the list\n\n## Notes\n\n- `/submissions` is public by default. If your form collects anything sensitive, protect that route before sharing the form URL.\n- No client-side JavaScript: the form is a plain HTML POST.\n",[151],"3d995cb6-d9bc-48f9-81e1-a59f8f686e77","components","01a07e97-dc49-70c1-928f-d93bc188b742",["D",1788830276477],"directory",[157],"pulls","branches","forks","envVars",{"_169":148,"_171":63},"connections",{"_169":63,"_170":63},"count","unfilledCount","emptyCount",{"_43":156,"_32":157,"_30":158,"_137":-5,"_41":42,"_40":141,"_139":59,"_38":213,"_13":63,"_33":160,"_35":-5,"_24":25,"_144":-5,"_180":214,"_27":215},{"_43":205,"_32":206,"_30":207,"_137":158,"_41":42,"_40":208,"_139":25,"_38":209,"_13":63,"_33":34,"_35":210,"_24":25,"_144":-5,"_180":211,"_27":212},{"_43":197,"_32":198,"_30":199,"_137":158,"_41":42,"_40":200,"_139":25,"_38":201,"_13":141,"_33":34,"_35":202,"_24":25,"_144":-5,"_180":203,"_27":204},{"_43":189,"_32":190,"_30":191,"_137":158,"_41":42,"_40":192,"_139":25,"_38":193,"_13":63,"_33":34,"_35":194,"_24":25,"_144":-5,"_180":195,"_27":196},{"_43":150,"_32":151,"_30":152,"_137":-5,"_41":42,"_40":141,"_139":25,"_38":186,"_13":63,"_33":20,"_35":154,"_24":25,"_144":-5,"_180":187,"_27":188},{"_43":146,"_32":28,"_30":31,"_137":-5,"_41":42,"_40":14,"_139":25,"_38":183,"_13":148,"_33":34,"_35":37,"_24":25,"_144":-5,"_180":184,"_27":185},{"_43":135,"_32":136,"_30":57,"_137":-5,"_41":42,"_40":138,"_139":25,"_38":179,"_13":141,"_33":142,"_35":143,"_24":25,"_144":45,"_180":181,"_27":182},["D",1788830431369],"children",[],[136],["D",1788834576543],[],[28],["D",1788830276477],[],[151],"62a6ddd3-4e52-4e95-bbf8-cac8978ba3fb","SubmitPage.tsx","741fc72e-ab23-11f1-bff4-1607ee4eb77e",5,["D",1788830418553],"/** @jsxImportSource npm:hono/jsx */\nimport Layout from \"./Layout.tsx\";\nimport { CATEGORIES } from \"../db.ts\";\n\nexport default function SubmitPage({ mapNames, error }: { mapNames: string[]; error?: string }) {\n return (\n \n

Report a location

\n Give us the map and the coordinates and it goes straight into the guide. Reuse an existing map name so\n entries stay grouped together — the field will suggest ones already in the atlas.\n

\n\n {error && }\n\n \n \n );\n}\n",[],[157,190],"2fb5b431-7f73-4b63-afa8-75433fa7fb03","Layout.tsx","01a07e97-dc49-70c1-928f-d3329f8dc78f",3,["D",1788830392910],"/** @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: 1080px;\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: 1080px;\n margin: 0 auto;\n padding: 40px 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: 60ch; margin: 6px 0 0; }\n\n .toolbar {\n display: flex;\n flex-wrap: wrap;\n gap: 10px;\n align-items: center;\n background: var(--surface);\n border: 1px solid var(--border);\n border-radius: var(--radius);\n padding: 14px;\n margin: 28px 0 30px;\n }\n .toolbar input[type=\"text\"], .toolbar select {\n background: var(--bg-inset);\n border: 1px solid var(--border);\n color: var(--text);\n border-radius: 7px;\n padding: 9px 12px;\n font-family: var(--font-body);\n font-size: 14px;\n }\n .toolbar input[type=\"text\"] { flex: 1 1 200px; min-width: 0; }\n .toolbar select { flex: 0 0 auto; }\n .toolbar .btn-clear { flex: 0 0 auto; }\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-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: 6px 10px;\n font-size: 12px;\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: 18px; }\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 .map-section {\n border: 1px solid var(--border);\n border-radius: var(--radius);\n background: var(--surface);\n box-shadow: var(--shadow);\n margin-bottom: 22px;\n overflow: hidden;\n }\n .map-section-head {\n display: flex;\n align-items: baseline;\n justify-content: space-between;\n gap: 12px;\n padding: 16px 18px;\n background: linear-gradient(to right, var(--surface-2), var(--surface));\n border-bottom: 1px solid var(--border);\n }\n .map-name { font-size: 19px; }\n .map-count { font-size: 12px; color: var(--text-faint); font-family: var(--font-mono); }\n\n table.entries { width: 100%; border-collapse: collapse; }\n table.entries th {\n text-align: left;\n font-size: 11px;\n text-transform: uppercase;\n letter-spacing: 0.07em;\n color: var(--text-faint);\n font-weight: 600;\n padding: 8px 18px;\n border-bottom: 1px solid var(--border-soft);\n }\n table.entries td {\n padding: 12px 18px;\n border-bottom: 1px solid var(--border-soft);\n vertical-align: top;\n font-size: 14px;\n }\n table.entries tr:last-child td { border-bottom: none; }\n table.entries tr:hover td { background: rgba(255,255,255,0.02); }\n\n .coord {\n font-family: var(--font-mono);\n font-weight: 700;\n color: var(--gold-bright);\n letter-spacing: 0.02em;\n white-space: nowrap;\n }\n .entry-name { font-weight: 600; color: var(--text); }\n .notes { color: var(--text-muted); max-width: 34ch; }\n .submitter { color: var(--text-faint); font-size: 12.5px; white-space: nowrap; }\n\n .chip {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 3px 10px;\n border-radius: 999px;\n font-size: 11.5px;\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: 0.04em;\n border: 1px solid transparent;\n white-space: nowrap;\n }\n .chip::before { content: \"\"; width: 6px; height: 6px; border-radius: 50%; background: currentColor; }\n .chip-boss { color: var(--red-bright); background: rgba(169,57,43,0.14); border-color: rgba(169,57,43,0.3); }\n .chip-chest { color: var(--gold-bright); background: rgba(205,162,76,0.14); border-color: rgba(205,162,76,0.3); }\n .chip-metin { color: var(--jade); background: rgba(76,138,118,0.16); border-color: rgba(76,138,118,0.35); }\n .chip-npc { color: var(--slate); background: rgba(106,137,168,0.16); border-color: rgba(106,137,168,0.35); }\n .chip-resource { color: var(--moss); background: rgba(122,145,82,0.16); border-color: rgba(122,145,82,0.35); }\n .chip-other { color: var(--text-muted); background: rgba(255,255,255,0.05); border-color: var(--border); }\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 .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 .form-card {\n background: var(--surface);\n border: 1px solid var(--border);\n border-radius: var(--radius);\n box-shadow: var(--shadow);\n padding: 28px;\n max-width: 620px;\n }\n .form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; margin-top: 22px; }\n .form-grid .span-2 { grid-column: 1 / -1; }\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 }\n .field input.coord-input { font-family: var(--font-mono); }\n .field textarea { resize: vertical; min-height: 64px; font-family: var(--font-body); }\n .form-actions { margin-top: 26px; display: flex; align-items: center; gap: 14px; }\n\n @media (max-width: 640px) {\n .form-grid { grid-template-columns: 1fr; }\n table.entries, table.entries thead, table.entries tbody, table.entries tr { display: block; }\n table.entries thead { display: none; }\n table.entries tr { padding: 12px 16px; border-bottom: 1px solid var(--border-soft); }\n table.entries td { display: flex; justify-content: space-between; gap: 12px; padding: 4px 0; border: none; text-align: right; }\n table.entries td::before { content: attr(data-label); color: var(--text-faint); font-size: 11px; text-transform: uppercase; text-align: left; }\n .notes { max-width: 60%; text-align: right; }\n }\n`;\n",[],[157,198],"809a4527-4685-4a98-999d-b670153edd0d","GuidePage.tsx","72ef6f44-ab23-11f1-a2ee-1607ee4eb77e",4,["D",1788830416558],"/** @jsxImportSource npm:hono/jsx */\nimport Layout from \"./Layout.tsx\";\nimport { CATEGORIES, type Entry } from \"../db.ts\";\n\nconst CATEGORY_LABEL: Record = Object.fromEntries(CATEGORIES.map((c) => [c.value, c.label]));\n\nexport default function GuidePage(\n { entries, mapNames, total, filters, added }: {\n entries: Entry[];\n mapNames: string[];\n total: number;\n filters: { map?: string; category?: string; q?: string };\n added?: boolean;\n },\n) {\n const grouped = new Map();\n for (const e of entries) {\n if (!grouped.has(e.map_name)) grouped.set(e.map_name, []);\n grouped.get(e.map_name)!.push(e);\n }\n const isFiltered = !!(filters.map || filters.category || filters.q);\n\n return (\n \n

The Atlas of Arthion

\n Every trunk, every metin, every spawn our guild has confirmed on this server — pinned to a map and a\n coordinate. Spotted something new? Report a location and it lands here for everyone.\n

\n\n

\n {total}\n Confirmed locations\n

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

\n\n {added && (\n \n )}\n\n \n\n {grouped.size === 0\n ? (\n

{total === 0 ? \"The atlas is empty\" : \"Nothing matches those filters\"}

\n {total === 0\n ? \"Be the first to report a boss, chest, or metin location.\"\n : \"Try clearing a filter or searching a different term.\"}\n

\n {total === 0 &&

Report a location

}\n

\n )\n : (\n [...grouped.entries()].map(([mapName, mapEntries]) => (\n

{mapName}

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

\n \n \n \n \n \n \n \n \n \n \n \n \n {mapEntries.map((e) => (\n \n \n \n \n \n \n \n \n ))}\n \n

Type	Name	Coords	Notes	Reported by
\n {CATEGORY_LABEL[e.category] ?? e.category}\n	{e.entry_name}	{e.x}, {e.y}	{e.notes \|\| \"—\"}	{e.submitted_by \|\| \"anonymous\"}	\n \n \n \n

\n ))\n )}\n \n );\n}\n",[],[157,206],["D",1788830276477],[173,174,175],[157],["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":254,"_255":256,"_257":258,"_259":25,"_260":25,"_261":25,"_262":59,"_263":-5,"_264":-7,"_265":-7,"_266":63,"_267":25,"_268":25,"_269":-5,"_270":25,"_271":25,"_272":25,"_273":-5},"ENV",{"_225":226,"_227":228,"_229":90,"_230":231,"_232":233,"_234":235,"_236":237,"_238":239,"_240":241,"_242":243,"_244":245,"_246":247,"_248":249,"_250":251,"_252":253},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","e87eb04e707cf64e7e532c8e8ec395f209e17f15","RENDER_GIT_BRANCH","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","CLOUDFLARE_TURNSTILE_SITE_KEY","0x4AAAAAACtaIZJH7s9rBMZ6","GOOGLE_CLIENT_ID","875989696899-jtsqkhlbdv5jrlsk8631p7ipjg3c6o62.apps.googleusercontent.com","STRIPE_PUBLISHABLE_KEY","pk_live_51N2zvWEpZTTLipIkVEwXrUG9AT0yeOOEYxszarZT1jpsZV58Ly6wlg3SltZpHN26CUalOBmUSY7adQRQiSkCZz2500qSXNkf8Y","API_URL","https://api.val.town",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]

Diff · v9