[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_226":227,"_228":229},"routes/_app.x.$handle.$name",{"_101":100,"_32":46,"_110":91,"_27":111,"_13":14,"_112":-5,"_11":113,"_114":115,"_116":117,"_118":119,"_120":121,"_20":-5,"_122":-5,"_123":-5,"_124":25,"_125":126,"_127":60,"_128":-5,"_129":-5,"_130":131},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_44":45,"_32":46,"_39":47,"_48":-5,"_49":25,"_50":51,"_52":51,"_53":54,"_55":-5,"_18":56,"_57":58,"_59":60,"_61":-5,"_62":-5,"_63":64,"_65":66,"_67":68,"_69":70,"_71":72,"_73":-5,"_74":75,"_76":75,"_77":78,"_79":78,"_80":78,"_81":75,"_82":75,"_83":84,"_85":86,"_87":88,"_89":25},"version",27,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":23,"_24":25,"_26":25,"_27":28,"_29":28},"file",{"_30":31,"_32":33,"_34":35,"_36":38,"_39":40,"_41":14,"_42":43,"_24":25},"previous",{"_30":31,"_32":33,"_34":35,"_36":37},"deleted",false,"deletedHere","path","components/Layout.tsx","latestPath","fileId","01a07e97-dc49-70c1-928f-d3329f8dc78f","name","Layout.tsx","fileType","script","content","/** @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","/** @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","createdAt",["D",1788869069531],"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",{"_101":100,"_109":105},"org",{"_101":100,"_102":103,"_104":105,"_18":56,"_106":107,"_108":25},"branch",{"_13":90,"_32":91,"_44":43,"_92":45,"_93":-5,"_94":-5,"_95":-5,"_96":-5,"_97":-5,"_98":46,"_99":100},"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",{"_44":45,"_32":46,"_39":221,"_48":-5,"_49":25,"_50":51,"_52":51,"_53":54,"_55":-5,"_18":56,"_57":58,"_59":60,"_61":-5,"_62":-5,"_63":64,"_65":66,"_67":68,"_69":70,"_71":222,"_73":-5,"_74":75,"_76":75,"_77":78,"_79":78,"_80":78,"_81":75,"_82":75,"_83":223,"_85":224,"_87":225,"_89":25},"tree",[179,183,184,185],"files",[179,180,181,182,183,184,185],"counts",{"_168":64,"_169":158,"_170":64,"_171":172,"_173":174},"contents",[132,133,134,135],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_44":162,"_32":163,"_30":164,"_138":-5,"_42":43,"_41":158,"_140":60,"_39":165,"_13":64,"_34":166,"_36":-5,"_24":25,"_145":-5,"_27":167},{"_44":155,"_32":156,"_30":157,"_138":-5,"_42":43,"_41":158,"_140":25,"_39":159,"_13":64,"_34":20,"_36":160,"_24":25,"_145":-5,"_27":161},{"_44":147,"_32":148,"_30":149,"_138":-5,"_42":43,"_41":150,"_140":25,"_39":151,"_13":152,"_34":35,"_36":153,"_24":25,"_145":-5,"_27":154},{"_44":136,"_32":137,"_30":58,"_138":-5,"_42":43,"_41":139,"_140":25,"_39":141,"_13":142,"_34":143,"_36":144,"_24":25,"_145":46,"_27":146},"14c99127-b94b-4e64-8715-a29c65d0d965","main.tsx","parentId",25,"latest",["D",1788867599836],4,"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 {\n addEntry,\n CATEGORIES,\n countEntries,\n countEntriesByMap,\n deleteEntry,\n listEntriesForMap,\n listMaps,\n} from \"./db.ts\";\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 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.get(\"/source\", (c) => c.redirect(parseVal().links.self.val));\n\napp.onError((err) => Promise.reject(err));\n\nexport default app.fetch;\n","label",[137],"17617fd0-42f9-4594-a7b5-e66be1e61954","db.ts","01a07e97-dc4a-73bc-8d45-7b429ccda84a",19,["D",1788867488336],5,"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",[148],"68a6f6c2-7822-4739-a37c-1a4fc93192b8","README.md","01a07e97-dc4a-73bc-8d45-76f37207cf1d",1,["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",[156],"3d995cb6-d9bc-48f9-81e1-a59f8f686e77","components","01a07e97-dc49-70c1-928f-d93bc188b742",["D",1788830276477],"directory",[163],"pulls","branches","forks","envVars",{"_175":177,"_178":64},"connections",{"_175":64,"_176":64},"count","unfilledCount",2,"emptyCount",{"_44":162,"_32":163,"_30":164,"_138":-5,"_42":43,"_41":158,"_140":60,"_39":218,"_13":64,"_34":166,"_36":-5,"_24":25,"_145":-5,"_187":219,"_27":220},{"_44":210,"_32":211,"_30":212,"_138":164,"_42":43,"_41":213,"_140":25,"_39":214,"_13":177,"_34":35,"_36":215,"_24":25,"_145":-5,"_187":216,"_27":217},{"_44":205,"_32":33,"_30":31,"_138":164,"_42":43,"_41":14,"_140":25,"_39":206,"_13":207,"_34":35,"_36":38,"_24":25,"_145":-5,"_187":208,"_27":209},{"_44":196,"_32":197,"_30":198,"_138":164,"_42":43,"_41":199,"_140":25,"_39":200,"_13":201,"_34":35,"_36":202,"_24":25,"_145":-5,"_187":203,"_27":204},{"_44":155,"_32":156,"_30":157,"_138":-5,"_42":43,"_41":158,"_140":25,"_39":193,"_13":64,"_34":20,"_36":160,"_24":25,"_145":-5,"_187":194,"_27":195},{"_44":147,"_32":148,"_30":149,"_138":-5,"_42":43,"_41":150,"_140":25,"_39":190,"_13":152,"_34":35,"_36":153,"_24":25,"_145":-5,"_187":191,"_27":192},{"_44":136,"_32":137,"_30":58,"_138":-5,"_42":43,"_41":139,"_140":25,"_39":186,"_13":142,"_34":143,"_36":144,"_24":25,"_145":46,"_187":188,"_27":189},["D",1788867599836],"children",[],[137],["D",1788867488336],[],[148],["D",1788830276477],[],[156],"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",[],[163,197],"f305e7f4-dd27-415b-8f6a-844a978ee674",["D",1788869069531],6,[],[163,33],"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",[],[163,211],["D",1788830276477],[180,181,182],[163],["D",1788830276477],["D",1789526460011],{"_101":100,"_109":105},{"_101":100,"_102":103,"_104":105,"_18":56,"_106":107,"_108":25},{"_13":90,"_32":91,"_44":43,"_92":45,"_93":-5,"_94":-5,"_95":-5,"_96":-5,"_97":-5,"_98":46,"_99":100},"ctx",{"_83":-5,"_129":259,"_260":261,"_262":263,"_264":25,"_265":25,"_266":25,"_267":60,"_268":-5,"_269":-7,"_270":-7,"_271":64,"_272":25,"_273":25,"_274":-5,"_275":25,"_276":25,"_277":25,"_278":-5},"ENV",{"_230":231,"_232":233,"_234":91,"_235":236,"_237":238,"_239":240,"_241":242,"_243":244,"_245":246,"_247":248,"_249":250,"_251":252,"_253":254,"_255":256,"_257":258},"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 · v27