Ayala

${msg}

` : \"\"}\n`;\n // 401 keeps the service worker from ever caching this as the app shell.\n return new Response(html, {\n status: 401,\n headers: { \"content-type\": TYPES.html, \"cache-control\": \"no-store\" },\n });\n}\n\n/* ----------------------------------------------------------------- routes */\n\nexport default async function (req: Request): Promise {\n const url = new URL(req.url);\n const path = decodeURIComponent(url.pathname).replace(/^\\/+/, \"\");\n const pass = Deno.env.get(PASS_VAR);\n\n if (!pass) {\n return new Response(\n `Set ${PASS_VAR} in this val's environment variables.`,\n { status: 503, headers: { \"content-type\": \"text/plain; charset=utf-8\" } },\n );\n }\n\n if (path === \"api/unlock\") return unlock(req, pass);\n if (path === \"api/lock\") {\n return new Response(null, {\n status: 303,\n headers: { location: \"/\", \"set-cookie\": `${COOKIE}=; Path=/; Max-Age=0; HttpOnly; Secure; SameSite=Lax` },\n });\n }\n\n if (!(await authed(req))) {\n // Anything that is not a page navigation gets a bare 401, so scripts and\n // data never leak a byte to an unauthenticated caller.\n if (path.startsWith(\"api/\")) return Response.json({ error: \"locked\" }, { status: 401 });\n if (ASSETS.has(path) && path !== \"index.html\") return new Response(\"Locked\", { status: 401 });\n return lockScreen();\n }\n\n if (path === \"api/state\") return state(req);\n if (path === \"\" || !ASSETS.has(path)) return asset(\"index.html\");\n return asset(path);\n}\n\nasync function unlock(req: Request, pass: string): Promise {\n if (req.method !== \"POST\") return new Response(\"Method not allowed\", { status: 405 });\n\n const ip = clientIp(req);\n if (await tooManyTries(ip)) {\n return lockScreen(\"Слишком много попыток. Подождите 15 минут. · Too many attempts, wait 15 minutes.\");\n }\n\n const form = await req.formData().catch(() => null);\n const given = String(form?.get(\"passphrase\") ?? \"\");\n\n if (!given || !same(given, pass)) {\n await noteFailure(ip);\n return lockScreen(\"Пароль не подошёл. · That passphrase was not accepted.\");\n }\n\n await clearFailures(ip);\n return new Response(null, {\n status: 303,\n headers: {\n location: \"/\",\n \"set-cookie\": `${COOKIE}=${await sessionToken(pass)}; Path=/; Max-Age=${YEAR}; HttpOnly; Secure; SameSite=Lax`,\n },\n });\n}\n\nasync function state(req: Request): Promise {\n if (req.method === \"GET\") {\n const record = await blob.getJSON(RECORD).catch(() => null);\n return Response.json({ record: record ?? null });\n }\n if (req.method === \"PUT\") {\n const body = await req.json().catch(() => null);\n if (!body || typeof body !== \"object\" || !body.record) {\n return Response.json({ error: \"bad_body\" }, { status: 400 });\n }\n // Clients that merge with tombstones always send `gone`. A record without\n // it came from code that merges by plain union, and writing it would\n // resurrect every mark the newer clients have removed.\n if (typeof body.record.gone !== \"object\" || body.record.gone === null) {\n return Response.json({ error: \"stale_client\", detail: \"reload the app\" }, { status: 409 });\n }\n await blob.setJSON(RECORD, { ...body.record, syncedAt: new Date().toISOString() });\n return Response.json({ ok: true });\n }\n return Response.json({ error: \"method_not_allowed\" }, { status: 405 });\n}\n",[],[411],"9b4bc597-e6d1-4cd2-8bd4-f4407e613749","index.html","97c9a22c-a816-11f1-b5df-1607ee4eb77e",["D",1788495041432],"\n\n\n\n\nAyala\n\n\n\n\n\n\n\n\n\n\n\n\n

\n\n\n\n",[],[419],"3cae49b4-361a-4b26-87f8-0974e273fb99","icon.svg","9a4a6d60-a816-11f1-a2ce-1607ee4eb77e",8,["D",1788495045631],"",[],[299,426],"4eb866e7-ace7-43ab-80d3-793d977a6800","icon-maskable-512.png.b64","a29c2422-a816-11f1-9b23-1607ee4eb77e",26,["D",1788495059508],"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",[],[299,434],"f437d039-e0f6-403d-9326-8f25d773ecf7","icon-512.png.b64","a12cac10-a816-11f1-8294-1607ee4eb77e",25,["D",1788495057186],"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",[],[299,442],"015bcfb5-3b68-4e61-8173-ffa68983f606","icon-192.png.b64","a0a78152-a816-11f1-b79f-1607ee4eb77e",24,["D",1788495056170],"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",[],[299,450],"23408cae-a937-49bc-8834-bbde1bebd084","icon-180.png.b64","9f74ff76-a816-11f1-95eb-1607ee4eb77e",23,["D",1788495054305],"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",[],[299,458],"75b17dd7-fef8-4df0-b7f5-e54bf10690e5","app.css","990f39e4-a816-11f1-bd2c-1607ee4eb77e",39,["D",1788667520219],"/* ===========================================================================\n Ayala — design tokens\n Motion follows Emil Kowalski's rules: custom curves only, transform/opacity\n only, named properties (never `all`), <300ms for UI, reduced-motion gentler\n rather than absent.\n =========================================================================== */\n\n:root {\n /* Curves — the built-in CSS easings are too weak to read as intentional. */\n --ease-out: cubic-bezier(0.23, 1, 0.32, 1);\n --ease-in-out: cubic-bezier(0.77, 0, 0.175, 1);\n --ease-drawer: cubic-bezier(0.32, 0.72, 0, 1);\n\n /* Durations, by element class (see the animate skill's duration table). */\n --t-press: 140ms;\n --t-tap: 170ms;\n --t-pop: 200ms;\n --t-sheet: 320ms;\n\n --bg: #f5f4f2;\n --bg-elev: #ffffff;\n --bg-sunken: #eceae6;\n --text: #16161a;\n --text-dim: #6c6a72;\n --text-faint: #9b9aa2;\n --line: rgb(22 22 26 / 0.09);\n --line-strong: rgb(22 22 26 / 0.16);\n --shadow-1: 0 1px 2px rgb(22 22 26 / 0.05), 0 1px 1px rgb(22 22 26 / 0.03);\n --shadow-2: 0 4px 16px rgb(22 22 26 / 0.08), 0 1px 3px rgb(22 22 26 / 0.05);\n --shadow-3: 0 -8px 40px rgb(22 22 26 / 0.16);\n --ink: #16161a; /* primary action */\n --on-ink: #ffffff;\n --tint: rgb(22 22 26 / 0.05);\n\n --d-speech: #d2603b;\n --d-math: #3f74cc;\n --d-physical: #2f9070;\n --d-social: #b44e91;\n --d-executive: #7a5cc4;\n\n /* Sequential ramp for the map. Magnitude gets one hue; the domain colours\n above stay on labels as identity. Count text takes a foreground per step\n because no single colour stays legible across a light-to-dark ramp. */\n --s1: #cde2fb; --s2: #9ec5f4; --s3: #6da7ec; --s4: #3987e5; --s5: #1c5cab;\n --f1: #10306b; --f2: #10306b; --f3: #10306b; --f4: #ffffff; --f5: #ffffff;\n --today: #b4442e;\n\n --r-card: 14px;\n --r-lg: 20px;\n --r-pill: 999px;\n\n --pad: 16px;\n --tabbar: 62px;\n\n --font: -apple-system, BlinkMacSystemFont, \"SF Pro Text\", \"Segoe UI\", Roboto,\n \"Helvetica Neue\", Arial, sans-serif;\n}\n\n@media (prefers-color-scheme: dark) {\n :root {\n --bg: #141416;\n --bg-elev: #1d1d20;\n --bg-sunken: #0e0e10;\n --text: #f2f1f4;\n --text-dim: #a2a0a9;\n --text-faint: #6e6c75;\n --line: rgb(255 255 255 / 0.10);\n --line-strong: rgb(255 255 255 / 0.18);\n --shadow-1: 0 1px 2px rgb(0 0 0 / 0.4);\n --shadow-2: 0 4px 16px rgb(0 0 0 / 0.45);\n --shadow-3: 0 -8px 40px rgb(0 0 0 / 0.6);\n --ink: #f2f1f4;\n --on-ink: #16161a;\n --tint: rgb(255 255 255 / 0.07);\n\n --d-speech: #e8825c;\n --d-math: #6d9bf0;\n --d-physical: #4fb794;\n --d-social: #d976b5;\n --d-executive: #a084e8;\n\n --s1: #184f95; --s2: #256abf; --s3: #2a78d6; --s4: #5598e7; --s5: #9ec5f4;\n --f1: #eaf2fe; --f2: #eaf2fe; --f3: #eaf2fe; --f4: #0e1a2b; --f5: #0e1a2b;\n --today: #e08268;\n }\n}\n\n*, *::before, *::after { box-sizing: border-box; }\n\nhtml { -webkit-text-size-adjust: 100%; }\n\nbody {\n margin: 0;\n font-family: var(--font);\n font-size: 16px;\n line-height: 1.45;\n color: var(--text);\n background: var(--bg);\n -webkit-font-smoothing: antialiased;\n overscroll-behavior-y: none;\n}\n\nbutton { font: inherit; color: inherit; }\n\nh1, h2, h3, p, ul, ol { margin: 0; }\nul, ol { padding: 0; list-style: none; }\n\n:focus-visible { outline: 2px solid var(--ink); outline-offset: 2px; border-radius: 6px; }\n\n/* --------------------------------------------------------------- app frame */\n\n#app { min-height: 100dvh; }\n\n.shell {\n display: flex;\n flex-direction: column;\n min-height: 100dvh;\n padding-bottom: calc(var(--tabbar) + env(safe-area-inset-bottom));\n}\n\n.topbar {\n position: sticky;\n top: 0;\n z-index: 20;\n display: flex;\n align-items: center;\n gap: 10px;\n padding: calc(env(safe-area-inset-top) + 10px) var(--pad) 10px;\n background: color-mix(in srgb, var(--bg) 82%, transparent);\n backdrop-filter: saturate(180%) blur(18px);\n -webkit-backdrop-filter: saturate(180%) blur(18px);\n border-bottom: 1px solid transparent;\n transition: border-color var(--t-tap) var(--ease-out);\n}\n.topbar[data-scrolled=\"1\"] { border-bottom-color: var(--line); }\n\n.topbar h1 {\n flex: 1;\n min-width: 0;\n font-size: 20px;\n font-weight: 640;\n letter-spacing: -0.02em;\n}\n.topbar .sub { display: block; font-size: 12.5px; font-weight: 450; color: var(--text-dim); letter-spacing: 0; }\n\n.main { flex: 1; padding: 4px var(--pad) 28px; }\n\n.wrap { max-width: 760px; margin: 0 auto; }\n.wrap--wide { max-width: 1100px; }\n\n/* ------------------------------------------------------------------ tabbar */\n\n.tabbar {\n position: fixed;\n left: 0; right: 0; bottom: 0;\n z-index: 30;\n display: grid;\n grid-template-columns: repeat(5, 1fr);\n padding-bottom: env(safe-area-inset-bottom);\n background: color-mix(in srgb, var(--bg) 84%, transparent);\n backdrop-filter: saturate(180%) blur(18px);\n -webkit-backdrop-filter: saturate(180%) blur(18px);\n border-top: 1px solid var(--line);\n}\n\n.tab {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n gap: 3px;\n height: var(--tabbar);\n padding: 0;\n border: 0;\n background: none;\n color: var(--text-faint);\n font-size: 10.5px;\n font-weight: 550;\n letter-spacing: 0.01em;\n cursor: pointer;\n -webkit-tap-highlight-color: transparent;\n /* Navigation is used many times a day — the animate skill's frequency gate\n says near-imperceptible or nothing. Colour only, no movement. */\n transition: color var(--t-tap) ease;\n}\n.tab svg { width: 22px; height: 22px; }\n.tab[aria-current=\"page\"] { color: var(--text); }\n\n/* ------------------------------------------------------------------ button */\n\n.btn {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 8px;\n min-height: 46px;\n padding: 0 20px;\n border: 0;\n border-radius: var(--r-pill);\n background: var(--ink);\n color: var(--on-ink);\n font-size: 15.5px;\n font-weight: 570;\n letter-spacing: -0.01em;\n cursor: pointer;\n -webkit-tap-highlight-color: transparent;\n transition: transform var(--t-press) var(--ease-out), opacity var(--t-press) ease;\n}\n/* An inline SVG with only a viewBox collapses to nothing inside a flex button. */\n.btn svg { width: 18px; height: 18px; flex: none; }\n.btn:active { transform: scale(0.97); }\n.btn[disabled] { opacity: 0.38; pointer-events: none; }\n.btn--ghost { background: var(--tint); color: var(--text); }\n.btn--quiet { background: none; color: var(--text-dim); font-weight: 520; min-height: 40px; padding: 0 12px; }\n.btn--full { width: 100%; }\n.btn--sm { min-height: 36px; padding: 0 14px; font-size: 14px; }\n\n@media (hover: hover) and (pointer: fine) {\n .btn:hover { opacity: 0.88; }\n .tab:hover { color: var(--text-dim); }\n}\n\n/* -------------------------------------------------------------- skill card */\n\n.grid {\n display: grid;\n grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));\n gap: 9px;\n}\n@media (min-width: 640px) { .grid { grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)); gap: 11px; } }\n\n.card {\n position: relative;\n display: flex;\n flex-direction: column;\n gap: 6px;\n min-height: 92px;\n padding: 12px 12px 11px;\n border: 0;\n border-radius: var(--r-card);\n background: var(--bg-elev);\n box-shadow: var(--shadow-1);\n color: var(--text);\n text-align: left;\n overflow: hidden;\n font-size: 13.5px;\n line-height: 1.34;\n letter-spacing: -0.005em;\n cursor: pointer;\n user-select: none;\n -webkit-user-select: none;\n -webkit-tap-highlight-color: transparent;\n /* Interruptible transitions, not keyframes — cards are toggled rapidly. */\n transition:\n transform var(--t-tap) var(--ease-out),\n box-shadow var(--t-tap) var(--ease-out),\n opacity var(--t-tap) ease;\n}\n\n.card__cat {\n font-size: 10.5px;\n font-weight: 640;\n letter-spacing: 0.03em;\n text-transform: uppercase;\n color: var(--dom, var(--text-faint));\n}\n/* Statements run from 5 to nearly 500 characters. In the triage grid they get\n clamped so a single long one doesn't stretch its whole row; the Library\n shows them in full. */\n.card__text {\n flex: 1;\n display: -webkit-box;\n -webkit-box-orient: vertical;\n -webkit-line-clamp: 5;\n line-clamp: 5;\n overflow: hidden;\n}\n.card--full .card__text { -webkit-line-clamp: unset; line-clamp: unset; overflow: visible; }\n.card__age {\n display: flex;\n align-items: center;\n gap: 5px;\n padding-right: 26px; /* clears the check badge sitting in the corner */\n font-size: 10.5px;\n font-weight: 520;\n color: var(--text-faint);\n font-variant-numeric: tabular-nums;\n}\n\n/* In the picker, \"off\" means removed from the set, so it recedes. In the\n library, \"off\" is just \"not yet\" — the normal state of most rows. */\n.card[data-on=\"0\"] { opacity: 0.5; }\n.card--browse[data-on=\"0\"] { opacity: 1; }\n.card--browse[data-on=\"0\"] .card__text { color: var(--text); }\n.card[data-on=\"1\"] {\n /* iOS Photos: a selected thumbnail settles slightly smaller than its slot. */\n transform: scale(0.965);\n background: color-mix(in srgb, var(--dom) 6%, var(--bg-elev));\n box-shadow: var(--shadow-2), inset 0 0 0 1.5px color-mix(in srgb, var(--dom) 50%, transparent);\n}\n.card:active { transform: scale(0.955); }\n.card[data-on=\"1\"]:active { transform: scale(0.94); }\n\n.card__check {\n position: absolute;\n right: 9px; bottom: 9px;\n width: 21px; height: 21px;\n display: grid;\n place-items: center;\n border-radius: 50%;\n background: var(--dom);\n color: #fff;\n opacity: 0;\n transform: scale(0.9);\n transition: transform var(--t-pop) var(--ease-out), opacity var(--t-pop) var(--ease-out);\n}\n.card[data-on=\"1\"] .card__check { opacity: 1; transform: scale(1); }\n.card__check svg { width: 12px; height: 12px; }\n\n.card--note {\n background: var(--bg-sunken);\n box-shadow: none;\n cursor: default;\n opacity: 1;\n font-size: 13px;\n color: var(--text-dim);\n}\n.card--note:active { transform: none; }\n\n/* Entrances stagger 30–80ms apart; anything longer reads as slow. */\n@media (prefers-reduced-motion: no-preference) {\n .stagger > * {\n opacity: 1;\n transform: translateY(0);\n transition: opacity 260ms var(--ease-out), transform 260ms var(--ease-out);\n transition-delay: calc(var(--i, 0) * 34ms);\n }\n @starting-style {\n .stagger > * { opacity: 0; transform: translateY(8px); }\n }\n}\n\n/* ------------------------------------------------------------------ groups */\n\n.group { margin: 0 0 22px; }\n\n.ob .group__head { top: 0; }\n\n.group__head {\n position: sticky;\n top: calc(env(safe-area-inset-top) + 52px);\n z-index: 10;\n display: flex;\n align-items: baseline;\n gap: 8px;\n padding: 12px 2px 9px;\n /* Solid, not a gradient — a fade lets a half-row of cards show through the\n heading and reads as a rendering fault rather than an effect. */\n background: var(--bg);\n}\n.group__title { font-size: 15px; font-weight: 640; letter-spacing: -0.015em; }\n.group__count { font-size: 12.5px; color: var(--text-faint); font-variant-numeric: tabular-nums; }\n.group__all {\n margin-left: auto;\n padding: 5px 11px;\n border: 0;\n border-radius: var(--r-pill);\n background: var(--tint);\n color: var(--text-dim);\n font-size: 12.5px;\n font-weight: 560;\n cursor: pointer;\n -webkit-tap-highlight-color: transparent;\n transition: transform var(--t-press) var(--ease-out);\n}\n.group__all:active { transform: scale(0.95); }\n\n.dot { width: 8px; height: 8px; border-radius: 50%; background: var(--dom); flex: none; align-self: center; }\n.dot--xs { width: 5px; height: 5px; } /* marks a library row as tracked */\n\n/* ------------------------------------------------------------------- sheet */\n\n.scrim {\n position: fixed;\n inset: 0;\n z-index: 40;\n background: rgb(0 0 0 / 0.32);\n opacity: 1;\n transition: opacity var(--t-sheet) var(--ease-out);\n}\n@starting-style { .scrim { opacity: 0; } }\n.scrim[data-closing] { opacity: 0; }\n\n.sheet {\n position: fixed;\n left: 0; right: 0; bottom: 0;\n z-index: 41;\n max-height: 86dvh;\n display: flex;\n flex-direction: column;\n padding: 8px var(--pad) calc(env(safe-area-inset-bottom) + 18px);\n border-radius: var(--r-lg) var(--r-lg) 0 0;\n background: var(--bg-elev);\n box-shadow: var(--shadow-3);\n transform: translateY(0);\n /* Drawer curve from Ionic, per the design-eng skill. */\n transition: transform var(--t-sheet) var(--ease-drawer);\n}\n@starting-style { .sheet { transform: translateY(100%); } }\n.sheet[data-closing] { transform: translateY(100%); }\n/* The whole strip is the grab target, not just the visible pill. */\n.sheet__grab {\n height: 22px;\n margin-bottom: 4px;\n display: grid;\n place-items: center;\n cursor: grab;\n touch-action: none;\n}\n.sheet__grab::before {\n content: '';\n width: 36px;\n height: 5px;\n border-radius: var(--r-pill);\n background: var(--line-strong);\n}\n.sheet__grab:active { cursor: grabbing; }\n.sheet__body { overflow-y: auto; -webkit-overflow-scrolling: touch; }\n@media (min-width: 720px) {\n .sheet { left: 50%; right: auto; width: 560px; transform: translate(-50%, 0); border-radius: var(--r-lg); bottom: 24px; }\n @starting-style { .sheet { transform: translate(-50%, 110%); } }\n .sheet[data-closing] { transform: translate(-50%, 110%); }\n}\n\n/* ------------------------------------------------------------------ pieces */\n\n.stack { display: flex; flex-direction: column; gap: 12px; }\n.row { display: flex; align-items: center; gap: 10px; }\n.spacer { flex: 1; }\n.muted { color: var(--text-dim); }\n.faint { color: var(--text-faint); }\n.small { font-size: 13px; }\n.center { text-align: center; }\n\n.panel {\n padding: 16px;\n border-radius: var(--r-lg);\n background: var(--bg-elev);\n box-shadow: var(--shadow-1);\n}\n\n.field { display: flex; flex-direction: column; gap: 6px; }\n.field label { font-size: 13px; font-weight: 560; color: var(--text-dim); }\n.field input {\n width: 100%;\n min-height: 48px;\n padding: 0 14px;\n border: 1px solid var(--line-strong);\n border-radius: 12px;\n background: var(--bg-elev);\n color: var(--text);\n font: inherit;\n font-size: 16px; /* keeps iOS from zooming on focus */\n transition: border-color var(--t-tap) ease;\n}\n.field input:focus { outline: none; border-color: var(--ink); }\n\n.bar { height: 7px; border-radius: var(--r-pill); background: var(--tint); overflow: hidden; }\n.bar > i {\n display: block;\n height: 100%;\n border-radius: inherit;\n background: var(--dom, var(--ink));\n transform-origin: left center;\n transform: scaleX(var(--v, 0));\n transition: transform 280ms var(--ease-out);\n}\n\n.pillbar { display: flex; gap: 6px; overflow-x: auto; padding: 2px 0 6px; scrollbar-width: none; }\n.pillbar::-webkit-scrollbar { display: none; }\n.pill {\n flex: none;\n padding: 7px 13px;\n border: 0;\n border-radius: var(--r-pill);\n background: var(--tint);\n color: var(--text-dim);\n font-size: 13px;\n font-weight: 550;\n white-space: nowrap;\n cursor: pointer;\n -webkit-tap-highlight-color: transparent;\n transition: transform var(--t-press) var(--ease-out), color var(--t-tap) ease, background-color var(--t-tap) ease;\n}\n.pill:active { transform: scale(0.95); }\n.pill[aria-pressed=\"true\"] { background: var(--ink); color: var(--on-ink); }\n\n/* --------------------------------------------------------------- goal item */\n\n.goal {\n display: flex;\n align-items: flex-start;\n gap: 12px;\n width: 100%;\n padding: 14px;\n border: 0;\n border-radius: var(--r-card);\n background: var(--bg-elev);\n box-shadow: var(--shadow-1);\n text-align: left;\n cursor: pointer;\n -webkit-tap-highlight-color: transparent;\n transition: transform var(--t-press) var(--ease-out), opacity var(--t-tap) ease;\n}\n.goal:active { transform: scale(0.98); }\n.goal[data-done=\"1\"] { opacity: 0.55; }\n.goal[data-done=\"1\"] .goal__text { text-decoration: line-through; text-decoration-color: var(--text-faint); }\n\n.tick {\n flex: none;\n width: 24px; height: 24px;\n margin-top: 1px;\n display: grid;\n place-items: center;\n border-radius: 50%;\n border: 2px solid var(--line-strong);\n color: #fff;\n transition: background-color var(--t-tap) var(--ease-out), border-color var(--t-tap) var(--ease-out);\n}\n.tick svg { width: 13px; height: 13px; opacity: 0; transform: scale(0.9); transition: opacity 150ms var(--ease-out), transform 150ms var(--ease-out); }\n.goal[data-done=\"1\"] .tick,\n.goal[aria-pressed=\"true\"] .tick,\n.tick--on { background: var(--dom); border-color: var(--dom); }\n.goal[data-done=\"1\"] .tick svg,\n.goal[aria-pressed=\"true\"] .tick svg,\n.tick--on svg { opacity: 1; transform: scale(1); }\n\n.goal__body { min-width: 0; }\n.goal__text { display: block; font-size: 14.5px; line-height: 1.4; }\n.goal__meta {\n display: block;\n margin-top: 5px;\n font-size: 11px;\n font-weight: 620;\n letter-spacing: 0.045em;\n text-transform: uppercase;\n color: var(--dom);\n}\n\n/* A goal sits beside its swap button, so it has to be shrinkable. */\n.goal-row { display: flex; align-items: flex-start; gap: 8px; }\n.goal-row .goal { flex: 1; min-width: 0; width: auto; }\n.goal-row .btn { flex: none; align-self: center; }\n\n/* ------------------------------------------------------------------- toast */\n\n.goal__carried {\n margin-left: 7px;\n padding: 2px 7px;\n border-radius: var(--r-pill);\n background: var(--tint);\n color: var(--text-dim);\n font-weight: 620;\n letter-spacing: 0.03em;\n}\n\n.toast {\n position: fixed;\n left: 50%;\n bottom: calc(var(--tabbar) + env(safe-area-inset-bottom) + 14px);\n z-index: 50;\n display: flex;\n align-items: center;\n gap: 8px;\n max-width: min(420px, calc(100vw - 32px));\n padding: 11px 16px;\n border-radius: var(--r-pill);\n background: var(--ink);\n color: var(--on-ink);\n font-size: 14px;\n font-weight: 540;\n box-shadow: var(--shadow-2);\n transform: translate(-50%, 0);\n opacity: 1;\n /* Exits along the path it entered, so the motion reads as one object. */\n transition: transform var(--t-pop) var(--ease-out), opacity var(--t-pop) ease;\n}\n@starting-style { .toast { transform: translate(-50%, 12px); opacity: 0; } }\n.toast[data-closing] { transform: translate(-50%, 12px); opacity: 0; }\n\n/* -------------------------------------------------------------- onboarding */\n\n.ob { display: flex; flex-direction: column; min-height: 100dvh; }\n\n/* One motion per step change, not two: the step carries its own contents in,\n which is why the cards inside it no longer stagger separately. */\n.ob__step {\n opacity: 1;\n transform: translateX(0);\n transition: opacity 240ms var(--ease-out), transform 240ms var(--ease-out);\n}\n@starting-style {\n .ob__step[data-dir=\"fwd\"] { opacity: 0; transform: translateX(16px); }\n .ob__step[data-dir=\"back\"] { opacity: 0; transform: translateX(-16px); }\n}\n.ob__head { padding: calc(env(safe-area-inset-top) + 18px) var(--pad) 6px; }\n.ob__steps { display: flex; gap: 5px; margin-bottom: 18px; }\n.ob__steps i {\n height: 3px;\n flex: 1;\n border-radius: var(--r-pill);\n background: var(--line);\n transform-origin: left center;\n transition: background-color var(--t-sheet) var(--ease-out);\n}\n.ob__steps i[data-on=\"1\"] { background: var(--ink); }\n.ob__title { font-size: 25px; font-weight: 680; letter-spacing: -0.03em; line-height: 1.16; }\n.ob__lede { margin-top: 7px; font-size: 14.5px; color: var(--text-dim); line-height: 1.45; }\n.ob__body { flex: 1; padding: 14px var(--pad) 120px; }\n.ob__foot {\n position: fixed;\n left: 0; right: 0; bottom: 0;\n z-index: 20;\n display: flex;\n align-items: center;\n gap: 10px;\n padding: 12px var(--pad) calc(env(safe-area-inset-bottom) + 12px);\n background: color-mix(in srgb, var(--bg) 88%, transparent);\n backdrop-filter: saturate(180%) blur(18px);\n -webkit-backdrop-filter: saturate(180%) blur(18px);\n border-top: 1px solid var(--line);\n}\n.ob__count { font-size: 13.5px; font-weight: 560; font-variant-numeric: tabular-nums; }\n\n/* Finishing a week is a once-a-week moment — the only place in this app that\n spends any of the delight budget. */\n.week__done {\n opacity: 1;\n transform: translateY(0);\n transition: opacity 260ms var(--ease-out), transform 260ms var(--ease-out);\n}\n@starting-style {\n .week__done { opacity: 0; transform: translateY(6px); }\n}\n\n.hint {\n display: flex;\n align-items: center;\n gap: 7px;\n padding: 9px 12px;\n margin-bottom: 12px;\n border-radius: 11px;\n background: var(--tint);\n font-size: 12.5px;\n color: var(--text-dim);\n line-height: 1.35;\n}\n\n/* While painting a selection the grid must not scroll under the finger.\n The flag lands on the picker root; touch-action resolves down the ancestor\n chain, so descendants inherit the lock. (A non-passive touchmove handler\n also calls preventDefault — touch-action alone can't be changed mid-gesture.) */\n.picker[data-painting=\"1\"] { touch-action: none; }\n\n/* ----------------------------------------------------------------- desktop */\n\n@media (min-width: 900px) {\n .shell { padding-bottom: 0; }\n .tabbar {\n top: 0; bottom: 0; right: auto;\n width: 216px;\n grid-template-columns: 1fr;\n grid-auto-rows: 46px;\n align-content: start;\n gap: 2px;\n padding: calc(env(safe-area-inset-top) + 72px) 12px 12px;\n border-top: 0;\n border-right: 1px solid var(--line);\n }\n .tab {\n flex-direction: row;\n justify-content: flex-start;\n gap: 11px;\n height: 46px;\n padding: 0 12px;\n border-radius: 11px;\n font-size: 14.5px;\n font-weight: 540;\n transition: color var(--t-tap) ease, background-color var(--t-tap) ease;\n }\n .tab[aria-current=\"page\"] { background: var(--tint); }\n .topbar, .main { padding-left: calc(216px + 28px); padding-right: 28px; }\n /* Left-aligned rather than centred, so the title and the content below it\n share one left edge whatever the screen's max-width is. */\n .wrap { margin: 0; }\n .ob__body, .ob__head, .ob__foot { padding-left: 28px; padding-right: 28px; }\n .ob__body > *, .ob__head > * { max-width: 900px; }\n .group__head { top: 62px; }\n .toast { left: calc(216px + 50%); bottom: 24px; }\n}\n\n/* ------------------------------------------------------------------- map */\n\n.mapcard { border: 1px solid var(--line); border-radius: var(--r-lg); background: var(--bg-elev); overflow: hidden; container-type: inline-size; }\n.mapscroll { overflow-x: auto; -webkit-overflow-scrolling: touch; }\n/* Columns share whatever width the card gets, each with a floor. No viewport\n breakpoint: the card, not the window, decides. */\n.mgrid { --cols: minmax(132px, 2.6fr) repeat(7, minmax(30px, 1fr)); min-width: 0; }\n\n.mhead { display: grid; grid-template-columns: var(--cols); border-bottom: 1px solid var(--line); }\n.mhead span { padding: 10px 2px 8px; min-width: 0; text-align: center; font-size: 10.5px; font-weight: 560; color: var(--text-faint); font-variant-numeric: tabular-nums; }\n.mhead span:first-child { text-align: left; padding-left: 14px; font-size: 10px; font-weight: 640; letter-spacing: 0.06em; text-transform: uppercase; }\n\n.mbody { position: relative; }\n.mrow { display: grid; grid-template-columns: var(--cols); border-bottom: 1px solid var(--line); }\n.mrow:last-child { border-bottom: 0; }\n.mrow--cat { background: var(--bg-sunken); }\n\n.mlabel {\n display: flex; align-items: center; gap: 7px;\n min-height: 40px; min-width: 0;\n padding: 0 8px 0 12px;\n border: 0; background: none; color: inherit;\n font: 500 13px/1.25 var(--font); text-align: left;\n -webkit-tap-highlight-color: transparent;\n}\nbutton.mlabel { cursor: pointer; }\n.mlabel > span { min-width: 0; overflow-wrap: break-word; hyphens: auto; }\n.mrow--cat .mlabel { padding-left: 26px; font-size: 12px; color: var(--text-dim); }\n.mcaret { flex: none; width: 8px; height: 8px; border-right: 1.6px solid var(--text-faint); border-bottom: 1.6px solid var(--text-faint); transform: rotate(-45deg); transition: transform 180ms var(--ease-out); }\n.mrow[data-open=\"1\"] .mcaret { transform: rotate(45deg); }\n.mlabel .n { margin-left: auto; padding-left: 6px; flex: none; white-space: nowrap; font-size: 10.5px; font-weight: 520; color: var(--text-faint); font-variant-numeric: tabular-nums; }\n\n.mcell {\n position: relative; min-width: 0; min-height: 40px;\n border: 0; border-left: 1px solid var(--line); padding: 0;\n background: transparent; cursor: pointer;\n -webkit-tap-highlight-color: transparent;\n transition: box-shadow var(--t-tap) var(--ease-out);\n}\n.mcell[data-v=\"1\"] { background: var(--s1); }\n.mcell[data-v=\"2\"] { background: var(--s2); }\n.mcell[data-v=\"3\"] { background: var(--s3); }\n.mcell[data-v=\"4\"] { background: var(--s4); }\n.mcell[data-v=\"5\"] { background: var(--s5); }\n.mcell[data-none=\"1\"] { cursor: default; }\n.mcell[data-none=\"1\"]::after { content: \"\"; position: absolute; inset: 0; background-image: repeating-linear-gradient(135deg, var(--line) 0 1px, transparent 1px 6px); }\n.mcell[aria-pressed=\"true\"] { box-shadow: inset 0 0 0 2px var(--text); z-index: 2; }\n@media (hover: hover) and (pointer: fine) {\n .mcell:not([data-none=\"1\"]):hover { box-shadow: inset 0 0 0 2px var(--text); z-index: 2; }\n}\n.mcell .frac { position: absolute; inset: 0; display: grid; place-items: center; font-size: 10px; font-weight: 560; font-variant-numeric: tabular-nums; opacity: 0; transition: opacity var(--t-tap) ease; }\n.mcell[data-v=\"1\"] .frac { color: var(--f1); } .mcell[data-v=\"2\"] .frac { color: var(--f2); }\n.mcell[data-v=\"3\"] .frac { color: var(--f3); } .mcell[data-v=\"4\"] .frac { color: var(--f4); }\n.mcell[data-v=\"5\"] .frac { color: var(--f5); } .mcell[data-v=\"0\"] .frac { color: var(--text-faint); }\n.mgrid[data-numbers=\"1\"] .frac { opacity: 1; }\n\n.mtoday { position: absolute; top: 0; bottom: 0; width: 0; border-left: 2px dashed var(--today); pointer-events: none; z-index: 3; }\n.mtoday[hidden] { display: none; }\n.mtoday b { position: absolute; top: 0; transform: translate(-50%, -100%); font-size: 9.5px; font-weight: 640; letter-spacing: 0.04em; color: var(--today); white-space: nowrap; }\n\n.mlegend { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 14px; padding: 11px 14px; border-top: 1px solid var(--line); font-size: 12px; color: var(--text-dim); }\n.mlegend .k { display: inline-flex; align-items: center; gap: 6px; }\n.ramp { display: flex; }\n.ramp i { width: 20px; height: 11px; border: 1px solid var(--line); border-left-width: 0; }\n.ramp i:first-child { border-left-width: 1px; border-radius: 3px 0 0 3px; }\n.ramp i:last-child { border-radius: 0 3px 3px 0; }\n.mlegend .dash { width: 15px; border-top: 2px dashed var(--today); }\n.mlegend .hatch { width: 14px; height: 11px; border: 1px solid var(--line); border-radius: 3px; background-image: repeating-linear-gradient(135deg, var(--line) 0 1px, transparent 1px 6px); }\n\n@container (max-width: 560px) {\n /* Wide enough that the long Russian area names wrap between words rather\n than breaking mid-word; the seven columns still fit a 375px phone. */\n .mgrid { --cols: minmax(146px, 2.6fr) repeat(7, minmax(27px, 1fr)); }\n .mlabel { font-size: 11.5px; padding-left: 9px; gap: 5px; }\n .mrow--cat .mlabel { padding-left: 18px; font-size: 11px; }\n .mlabel .n { display: none; }\n .mhead span { font-size: 9.5px; letter-spacing: -0.02em; }\n .mhead span:first-child { padding-left: 9px; font-size: 9.5px; }\n .mcell .frac { font-size: 9px; }\n}\n@container (max-width: 340px) {\n .mgrid { --cols: minmax(116px, 2.4fr) repeat(7, minmax(24px, 1fr)); }\n .mlabel { font-size: 11px; }\n}\n\n/* ---------------------------------------------------------- reduced motion */\n/* Fewer and gentler, not zero: colour and opacity stay, movement goes. */\n@media (prefers-reduced-motion: reduce) {\n *, *::before, *::after {\n transition-duration: 120ms !important;\n transition-timing-function: ease !important;\n animation: none !important;\n }\n .card[data-on=\"1\"], .card:active, .btn:active, .goal:active, .pill:active, .group__all:active { transform: none; }\n /* Keep the fade, drop the travel. */\n .ob__step, .week__done { transition-property: opacity !important; }\n .sheet { transition-property: opacity; }\n .stagger > * { transition-delay: 0ms !important; }\n}\n\n/* Exit faster than enter — the system responding should outpace the user\n deciding (design-eng: asymmetric enter/exit timing). */\n.sheet[data-closing], .scrim[data-closing] { transition-duration: 230ms; }\n.toast[data-closing] { transition-duration: 150ms; }\n",[],[299,466],["D",1788495050815],[],[299,220,148],["D",1788538686204],[],[299,220,139],["D",1788667526724],[],[299,220,130],["D",1788495049231],[],[299,220,121],["D",1788495048688],[],[299,220,112],["D",1788667523704],[],[299,220,103],["D",1788495047024],[],[299,220,94],["D",1788538679167],[],[299,220,80],"9fe3e9af-1420-4978-839f-8bf9e4139102","week.js","9de63f80-a816-11f1-bd2c-1607ee4eb77e",["D",1788667530894],"// The week's goals. Suggested by the app, edited by the parent.\n\nimport { el, ICON, toast, openSheet, haptic } from '../ui.js';\nimport { t, getLang, fmtBand } from '../i18n.js';\nimport * as store from '../store.js';\nimport { byId, ageInMonths, suggestGoals } from '../data.js';\n\nconst GOALS_PER_WEEK = 4;\n\n/**\n * Monday rollover. Anything left unfinished follows you into the new week;\n * the remaining slots get fresh suggestions. Guarded on the week having no\n * record at all, so it runs once and never re-fills a week you have edited.\n */\nfunction rollOver(state, months) {\n if (store.weekPlanned()) return;\n const prev = store.lastPlannedWeek();\n const carried = prev\n ? prev.goals.filter((id) => byId(id) && !prev.done?.[id] && !state.can[id]).slice(0, GOALS_PER_WEEK)\n : [];\n const fresh = suggestGoals(state, months, GOALS_PER_WEEK - carried.length, carried);\n store.setWeek({ goals: [...carried, ...fresh], done: {}, carried, goalsAt: store.weekStart() });\n}\n\nexport function renderWeek(rerender) {\n const lang = getLang();\n let s = store.get();\n const months = ageInMonths(s.child.birth);\n if (s.onboarded) { rollOver(s, months); s = store.get(); }\n const week = store.thisWeek();\n const goals = week.goals.filter((id) => byId(id));\n const doneCount = goals.filter((id) => week.done[id]).length;\n\n const body = el('div', { class: 'wrap stack' });\n\n if (!goals.length) {\n body.append(\n el('div', { class: 'panel center stack' },\n el('p', { class: 'muted' }, t('week.nogoals')),\n el('button', { class: 'btn', type: 'button',\n onClick: () => { store.setWeek({ goals: suggestGoals(s, months, GOALS_PER_WEEK) }); rerender(); },\n }, t('week.suggest')),\n ),\n );\n return { body, subtitle: '' };\n }\n\n const list = el('ul', { class: 'stack stagger' });\n for (const [i, id] of goals.entries()) {\n const skill = byId(id);\n const done = Boolean(week.done[id]);\n\n const row = el('div', {\n class: 'goal',\n role: 'button',\n tabindex: '0',\n style: `--dom: var(--d-${skill.domain}); --i: ${i}`,\n dataset: { done: done ? '1' : '0' },\n },\n el('span', { class: 'tick', html: ICON.check }),\n el('span', { class: 'goal__body' },\n el('span', { class: 'goal__text' }, skill.text[lang] ?? skill.text.en),\n el('span', { class: 'goal__meta' },\n `${skill.category[lang] ?? skill.category.en} · ${fmtBand(skill.fromMonths, skill.toMonths)}`,\n week.carried?.includes(id) && el('b', { class: 'goal__carried' }, t('week.carried')),\n ),\n ),\n );\n\n const toggle = () => { store.toggleGoalDone(id); haptic(); rerender(); };\n row.addEventListener('click', toggle);\n row.addEventListener('keydown', (e) => {\n if (e.key === 'Enter' || e.key === ' ') { e.preventDefault(); toggle(); }\n });\n\n const swap = el('button', {\n class: 'btn btn--quiet btn--sm', type: 'button', 'aria-label': t('week.swap'),\n html: ICON.swap,\n onClick: (e) => { e.stopPropagation(); openSwap(id); },\n });\n\n list.append(el('li', { class: 'goal-row' }, row, swap));\n }\n body.append(list);\n\n body.append(\n el('div', { class: 'row' },\n el('button', {\n class: 'btn btn--ghost btn--sm', type: 'button',\n onClick: () => {\n store.setWeek({ goals: suggestGoals(store.get(), months, GOALS_PER_WEEK) });\n toast(t('week.suggest'));\n rerender();\n },\n }, t('week.regen')),\n el('button', {\n class: 'btn btn--ghost btn--sm', type: 'button',\n onClick: () => openSwap(null),\n }, t('week.add')),\n ),\n );\n\n if (doneCount === goals.length) {\n body.append(el('p', { class: 'small muted center week__done' }, t('week.empty')));\n }\n\n /**\n * Swap replaces one goal with one pick and closes. Add is a multi-select:\n * tick as many as you like, then confirm — nothing changes until you do,\n * which is what \"saving\" should feel like.\n */\n function openSwap(replaceId) {\n const current = store.thisWeek().goals;\n const options = suggestGoals(store.get(), months, 14, current);\n const picked = new Set();\n openSheet((close) => {\n const confirm = !replaceId && el('button', {\n class: 'btn btn--full', type: 'button', disabled: true,\n onClick: () => {\n store.setWeek({ goals: [...current, ...picked] });\n close();\n rerender();\n },\n }, t('week.addN', { n: 0 }));\n const refresh = () => {\n confirm.disabled = picked.size === 0;\n confirm.textContent = t('week.addN', { n: picked.size });\n };\n return el('div', { class: 'stack' },\n el('h3', { class: 'group__title' }, replaceId ? t('week.pick') : t('week.pickMany')),\n ...options.map((oid, i) => {\n const sk = byId(oid);\n return el('button', {\n class: 'goal', type: 'button', 'aria-pressed': 'false',\n style: `--dom: var(--d-${sk.domain}); --i: ${Math.min(i, 12)}`,\n onClick: (e) => {\n if (replaceId) {\n store.setWeek({ goals: current.map((g) => (g === replaceId ? oid : g)) });\n close();\n rerender();\n return;\n }\n const on = !picked.has(oid);\n on ? picked.add(oid) : picked.delete(oid);\n e.currentTarget.setAttribute('aria-pressed', String(on));\n haptic();\n refresh();\n },\n },\n el('span', { class: 'tick' }),\n el('span', { class: 'goal__body' },\n el('span', { class: 'goal__text' }, sk.text[lang] ?? sk.text.en),\n el('span', { class: 'goal__meta' },\n `${sk.category[lang] ?? sk.category.en} · ${fmtBand(sk.fromMonths, sk.toMonths)}`),\n ),\n );\n }),\n options.length === 0 && el('p', { class: 'muted small' }, t('lib.nothing')),\n confirm,\n el('button', { class: 'btn btn--ghost btn--full', type: 'button', onClick: () => close() }, t('a.close')),\n );\n });\n }\n\n return { body, subtitle: t('week.done', { a: doneCount, b: goals.length }) };\n}\n",[],[299,220,157,498],"31a04858-d7bc-465a-88b6-31588dceb63f","settings.js","9f34dde2-a816-11f1-b24d-1607ee4eb77e",33,["D",1788538693500],"import { el, toast } from '../ui.js';\nimport { t, getLang, setLang, fmtMonths } from '../i18n.js';\nimport * as store from '../store.js';\nimport { db, ageInMonths } from '../data.js';\nimport * as sync from '../sync.js';\n\nexport function renderSettings(rerender) {\n const s = store.get();\n const lang = getLang();\n const months = ageInMonths(s.child.birth);\n\n const langRow = el('div', { class: 'pillbar' },\n ...[['ru', 'Русский'], ['en', 'English']].map(([code, label]) =>\n el('button', {\n class: 'pill', type: 'button', 'aria-pressed': String(lang === code),\n onClick: () => {\n setLang(code);\n store.update((st) => { st.lang = code; return st; });\n rerender();\n },\n }, label),\n ),\n );\n\n const exportBtn = el('button', { class: 'btn btn--ghost btn--full', type: 'button' }, t('set.export'));\n exportBtn.addEventListener('click', () => {\n const blob = new Blob([store.exportJSON()], { type: 'application/json' });\n const url = URL.createObjectURL(blob);\n const a = el('a', { href: url, download: `ayala-${new Date().toISOString().slice(0, 10)}.json` });\n document.body.append(a);\n a.click();\n a.remove();\n setTimeout(() => URL.revokeObjectURL(url), 1000);\n });\n\n const file = el('input', { type: 'file', accept: 'application/json,.json', style: 'display:none' });\n file.addEventListener('change', async () => {\n const f = file.files?.[0];\n if (!f) return;\n try {\n store.importJSON(await f.text());\n setLang(store.get().lang);\n toast(t('a.imported'));\n rerender();\n } catch (err) {\n toast(err?.message === 'BAD_FILE' ? t('a.badFile') : String(err?.message ?? err));\n }\n file.value = '';\n });\n const importBtn = el('button', {\n class: 'btn btn--ghost btn--full', type: 'button', onClick: () => file.click(),\n }, t('set.import'));\n\n const redoBtn = el('button', {\n class: 'btn btn--ghost btn--full', type: 'button',\n onClick: () => { store.update((st) => { st.onboarded = false; return st; }); rerender(); },\n }, t('set.redo'));\n\n const resetBtn = el('button', {\n class: 'btn btn--quiet btn--full', type: 'button',\n onClick: () => { if (confirm(t('set.resetConfirm'))) { store.reset(); rerender(); } },\n }, t('set.reset'));\n\n /* Shared record. There is no passphrase to manage here — the site itself is\n locked, and unlocking set an HttpOnly cookie. Signing out clears it. */\n const syncPanel = el('div', { class: 'panel stack' },\n el('div', { class: 'row small' },\n el('span', { class: 'muted' }, t('set.sync')),\n el('span', { class: 'spacer' }),\n el('span', { style: 'font-weight:560' }, t(`sync.${sync.getStatus()}`)),\n ),\n el('p', { class: 'small faint', style: 'margin:0' }, t('set.syncHint')),\n el('a', { class: 'btn btn--quiet btn--full', href: 'api/lock' }, t('set.lock')),\n );\n\n const body = el('div', { class: 'wrap stack' },\n el('div', { class: 'panel stack' },\n el('div', { class: 'field' }, el('label', {}, t('set.lang')), langRow),\n ),\n syncPanel,\n el('div', { class: 'panel stack' },\n el('div', { class: 'row small' },\n el('span', { class: 'muted' }, t('set.child')),\n el('span', { class: 'spacer' }),\n el('span', { style: 'font-weight:560' }, s.child.name || '—'),\n ),\n el('div', { class: 'row small' },\n el('span', { class: 'muted' }, t('set.age')),\n el('span', { class: 'spacer' }),\n el('span', { style: 'font-weight:560' }, s.child.birth ? fmtMonths(months) : '—'),\n ),\n ),\n el('div', { class: 'stack' }, exportBtn, importBtn, file, redoBtn, resetBtn),\n el('p', { class: 'small faint center' }, `${t('set.source')}: ${db().source}`),\n );\n\n return { body, subtitle: '' };\n}\n",[],[299,220,157,505],"799fec7e-635e-4ffb-b1bf-abe9c36e530a","progress.js","9e2823aa-a816-11f1-a3ff-1607ee4eb77e",19,["D",1788495052125],"import { el, ICON } from '../ui.js';\nimport { t, getLang, fmtBand } from '../i18n.js';\nimport * as store from '../store.js';\nimport { byId, countsByDomain, domainName } from '../data.js';\n\nexport function renderProgress() {\n const lang = getLang();\n const s = store.get();\n const rows = countsByDomain(s);\n const tracked = rows.reduce((a, r) => a + r.tracked, 0);\n const can = rows.reduce((a, r) => a + r.can, 0);\n const streak = store.streak();\n\n const body = el('div', { class: 'wrap stack' });\n\n body.append(\n el('div', { class: 'panel stack' },\n el('div', { class: 'row' },\n el('div', {},\n el('div', { style: 'font-size:30px;font-weight:700;letter-spacing:-0.03em;font-variant-numeric:tabular-nums' },\n `${can}/${tracked}`),\n el('div', { class: 'small muted' }, t('progress.mastered', { a: can, b: tracked })),\n ),\n el('div', { class: 'spacer' }),\n streak > 0 && el('div', { class: 'center' },\n el('div', { style: 'font-size:30px;font-weight:700;font-variant-numeric:tabular-nums' }, String(streak)),\n el('div', { class: 'small muted', style: 'max-width:130px' }, t('progress.week')),\n ),\n ),\n el('div', { class: 'bar' },\n el('i', { style: `--v: ${tracked ? can / tracked : 0}` }),\n ),\n ),\n );\n\n const perDomain = el('div', { class: 'panel stack stagger' });\n for (const [i, r] of rows.entries()) {\n perDomain.append(\n el('div', { style: `--dom: var(--d-${r.domain}); --i: ${i}` },\n el('div', { class: 'row small' },\n el('i', { class: 'dot', style: `--dom: var(--d-${r.domain})` }),\n el('span', { style: 'font-weight:560' }, domainName(r.domain, lang)),\n el('span', { class: 'spacer' }),\n el('span', { class: 'faint', style: 'font-variant-numeric:tabular-nums' },\n `${r.can}/${r.tracked}`),\n ),\n el('div', { class: 'bar', style: 'margin-top:7px' },\n el('i', { style: `--v: ${r.tracked ? r.can / r.tracked : 0}` }),\n ),\n ),\n );\n }\n body.append(perDomain);\n\n const recent = Object.entries(s.can)\n .filter(([id]) => byId(id))\n .sort((a, b) => String(b[1]).localeCompare(String(a[1])))\n .slice(0, 12);\n\n const list = el('ul', { class: 'stack' });\n if (!recent.length) list.append(el('li', { class: 'muted small' }, t('progress.none')));\n for (const [id, when] of recent) {\n const sk = byId(id);\n list.append(\n el('li', { class: 'goal', style: `--dom: var(--d-${sk.domain})`, dataset: { done: '0' } },\n el('span', { class: 'tick tick--on', html: ICON.check }),\n el('span', { class: 'goal__body' },\n el('span', { class: 'goal__text' }, sk.text[lang] ?? sk.text.en),\n el('span', { class: 'goal__meta' },\n `${sk.category[lang] ?? sk.category.en} · ${fmtBand(sk.fromMonths, sk.toMonths)}`),\n ),\n ),\n );\n }\n body.append(el('div', { class: 'stack' },\n el('h3', { class: 'group__title' }, t('progress.recent')), list));\n\n return { body, subtitle: t('progress.tracked', { n: tracked }) };\n}\n",[],[299,220,157,513],"a2823fbf-1ab0-4b9c-becb-8a7d695b9b72","onboarding.js","9d9d1814-a816-11f1-af98-1607ee4eb77e",36,["D",1788662520987],"// Two steps: who the child is, then what she doesn't do yet.\n//\n// The second screen is inverted on purpose. Her age band is ~120 skills and a\n// child near the top of it can do most of them, so the exceptions are the\n// shorter list — tick those, and everything left alone counts as mastered.\n// The ticked ones become the pool weekly goals are drawn from.\n\nimport { el, ICON, toast } from '../ui.js';\nimport { t, getLang, fmtMonths } from '../i18n.js';\nimport * as store from '../store.js';\nimport { ageInMonths, relevantSkills, groupByCategory, suggestGoals } from '../data.js';\nimport { createPicker } from '../picker.js';\n\nconst DEFAULTS = { name: 'Ayala', birth: '2024-10-27' };\n\nexport function renderOnboarding(onDone) {\n const lang = getLang();\n const s = store.get();\n\n let step = 0;\n let dir = 'fwd'; // which way the next step should slide in from\n let child = {\n name: s.child.name || DEFAULTS.name,\n birth: s.child.birth || DEFAULTS.birth,\n };\n let notYet = null; // Set of ids ticked as \"not yet\", kept across Back\n let livePicker = null; // torn down whenever the step is replaced\n\n const root = el('div', { class: 'ob' });\n\n const draw = () => {\n livePicker?.destroy();\n livePicker = null;\n const view = [stepChild, stepNotYet][step]();\n view.classList.add('ob__step');\n view.dataset.dir = dir;\n root.replaceChildren(view);\n window.scrollTo(0, 0);\n };\n\n /** Move between steps, remembering the direction so the slide matches it. */\n const go = (next) => { dir = next >= step ? 'fwd' : 'back'; step = next; draw(); };\n\n const head = (title, lede) =>\n el('header', { class: 'ob__head' },\n el('div', { class: 'ob__steps' },\n ...[0, 1].map((i) => el('i', { dataset: { on: i <= step ? '1' : '0' } })),\n ),\n el('h1', { class: 'ob__title' }, title),\n el('p', { class: 'ob__lede' }, lede),\n );\n\n /* ------------------------------------------------------------- step one */\n\n function stepChild() {\n const name = el('input', { type: 'text', value: child.name, autocomplete: 'off',\n placeholder: lang === 'ru' ? 'Имя' : 'Name' });\n const birth = el('input', { type: 'date', value: child.birth, max: new Date().toISOString().slice(0, 10) });\n\n const age = el('p', { class: 'small faint' });\n const showAge = () => {\n const m = ageInMonths(birth.value);\n age.textContent = birth.value ? `${t('set.age')}: ${fmtMonths(m)}` : '';\n };\n birth.addEventListener('input', showAge);\n showAge();\n\n const next = el('button', { class: 'btn btn--full', type: 'button' }, t('ob.next'));\n next.addEventListener('click', () => {\n if (!birth.value) { birth.focus(); return; }\n child = { name: name.value.trim() || DEFAULTS.name, birth: birth.value };\n store.update((st) => { st.child = child; return st; });\n go(1);\n });\n\n return el('div', {},\n head(t('ob.hello.title'), t('ob.hello.lede')),\n el('div', { class: 'ob__body' },\n el('div', { class: 'stack' },\n el('div', { class: 'field' }, el('label', {}, t('ob.name')), name),\n el('div', { class: 'field' }, el('label', {}, t('ob.birth')), birth, age),\n ),\n ),\n el('footer', { class: 'ob__foot' }, next),\n );\n }\n\n /* ------------------------------------------------------------- step two */\n\n function pickerStep({ title, lede, hint, items, preselected, countKey, cta, onNext, onBack }) {\n const groups = groupByCategory(items, lang);\n const count = el('span', { class: 'ob__count' });\n\n const picker = createPicker({\n groups, lang,\n selected: new Set(preselected),\n onChange: (sel) => { count.textContent = t(countKey, { n: sel.size }); },\n });\n livePicker = picker;\n count.textContent = t(countKey, { n: picker.count() });\n\n const nextBtn = el('button', { class: 'btn', type: 'button' }, cta);\n nextBtn.addEventListener('click', () => onNext(picker.selected));\n\n const backBtn = el('button', { class: 'btn btn--quiet', type: 'button' }, t('ob.back'));\n backBtn.addEventListener('click', onBack);\n\n const allBtn = el('button', { class: 'pill', type: 'button' }, t('ob.all'));\n const noneBtn = el('button', { class: 'pill', type: 'button' }, t('ob.none'));\n allBtn.addEventListener('click', () => picker.setAll(true));\n noneBtn.addEventListener('click', () => picker.setAll(false));\n\n return el('div', {},\n head(title, lede),\n el('div', { class: 'ob__body' },\n el('div', { class: 'hint' }, hint),\n el('div', { class: 'pillbar' }, allBtn, noneBtn),\n picker.el,\n ),\n el('footer', { class: 'ob__foot' }, backBtn, count, el('div', { class: 'spacer' }), nextBtn),\n );\n }\n\n function stepNotYet() {\n const months = ageInMonths(child.birth);\n const band = relevantSkills(months);\n const bandIds = band.map((k) => k.id); // the scope this run is allowed to rewrite\n const st = store.get();\n\n return pickerStep({\n title: t('ob.notyet.title', { name: child.name }),\n lede: t('ob.notyet.lede', { n: band.length, age: fmtMonths(months) }),\n hint: t('ob.notyet.hint'),\n items: band,\n // On a re-run, what was assessed as \"not yet\" last time comes back\n // ticked; on a first run nothing is tracked, so nothing is.\n preselected: notYet ?? new Set(bandIds.filter((id) => st.tracked[id] && !st.can[id])),\n countKey: 'ob.notyet',\n cta: t('ob.finish'),\n onBack: () => go(0),\n onNext: (sel) => {\n notYet = new Set(sel);\n const can = bandIds.filter((id) => !notYet.has(id));\n store.setTracked(bandIds, bandIds);\n store.setCan(can, bandIds);\n store.update((x) => { x.onboarded = true; return x; });\n store.setWeek({ goals: suggestGoals(store.get(), months), done: {} });\n toast(t('a.tracking', { n: bandIds.length }));\n livePicker?.destroy();\n livePicker = null;\n onDone();\n },\n });\n }\n\n draw();\n return root;\n}\n",[],[299,220,157,521],"eb8b27d4-c274-4d91-bf07-5f2dedbe1d61","map.js","9e659c8a-a816-11f1-b104-1607ee4eb77e",20,["D",1788495052531],"// Where she is against the norms: every skill laid out by area and by age.\n//\n// The comparison is spatial rather than a score — a dashed line marks her age,\n// so cells behind it should be filled and cells ahead are her future. A gap\n// behind the line is visible without computing anything.\n//\n// Colour carries one thing only, magnitude, in a single sequential ramp. Area\n// identity lives in the row label; the domain dot beside it is an accent, never\n// the sole carrier.\n\nimport { el, ICON, openSheet, haptic } from '../ui.js';\nimport { t, getLang, fmtBand } from '../i18n.js';\nimport * as store from '../store.js';\nimport { AGE_COLS, matrix, matrixByDomain, ageInMonths, domainName } from '../data.js';\n\nlet openDom = null; // which area is expanded, kept across re-renders\nlet showNumbers = false;\n\nconst bucket = (done, total) =>\n total === 0 ? 0 : done === 0 ? 0 : done >= total ? 5\n : done / total >= 0.75 ? 4 : done / total >= 0.5 ? 3 : done / total >= 0.25 ? 2 : 1;\n\nexport function renderMap(rerender) {\n const lang = getLang();\n const s = store.get();\n const months = ageInMonths(s.child.birth);\n const stat = (skills) => {\n const done = skills.filter((k) => s.can[k.id]).length;\n return { done, total: skills.length };\n };\n\n const grid = el('div', { class: 'mgrid', dataset: { numbers: showNumbers ? '1' : '0' } });\n\n const head = el('div', { class: 'mhead' },\n el('span', {}, t('map.area')),\n ...AGE_COLS.map(([a, b]) => el('span', {}, fmtBand(a, b))),\n );\n\n const cell = (skills, label, band) => {\n const { done, total } = stat(skills);\n const node = el('button', {\n type: 'button',\n class: 'mcell',\n dataset: total ? { v: String(bucket(done, total)) } : { v: '0', none: '1' },\n 'aria-pressed': 'false',\n 'aria-label': `${label}, ${band}: ${done}/${total}`,\n }, el('span', { class: 'frac' }, total ? `${done}/${total}` : ''));\n if (total) node.addEventListener('click', () => openCell(skills, label, band));\n return node;\n };\n\n const body = el('div', { class: 'mbody' });\n\n for (const d of matrixByDomain()) {\n const all = [...new Set(d.cells.flat())];\n const st = stat(all);\n const open = openDom === d.domain;\n\n const label = el('button', {\n type: 'button', class: 'mlabel', 'aria-expanded': String(open),\n onClick: () => { openDom = open ? null : d.domain; rerender(); },\n },\n el('i', { class: 'mcaret' }),\n el('i', { class: 'dot', style: `--dom: var(--d-${d.domain})` }),\n el('span', {}, domainName(d.domain, lang)),\n el('span', { class: 'n' }, `${st.done}/${st.total}`),\n );\n\n body.append(el('div', { class: 'mrow', dataset: { open: open ? '1' : '0' } },\n label,\n ...d.cells.map((skills, i) => cell(skills, domainName(d.domain, lang), fmtBand(...AGE_COLS[i]))),\n ));\n\n if (!open) continue;\n for (const r of matrix().filter((x) => x.domain === d.domain)) {\n const cs = stat([...new Set(r.cells.flat())]);\n const name = r.category[lang] ?? r.category.en;\n body.append(el('div', { class: 'mrow mrow--cat' },\n el('div', { class: 'mlabel' }, el('span', {}, name), el('span', { class: 'n' }, `${cs.done}/${cs.total}`)),\n ...r.cells.map((skills, i) => cell(skills, name, fmtBand(...AGE_COLS[i]))),\n ));\n }\n }\n\n const today = el('div', { class: 'mtoday', hidden: true }, el('b', {}, t('map.today')));\n body.append(today);\n grid.append(head, body);\n\n /* The columns are fr-based, so the marker is only knowable after layout.\n Measure the real cell, and re-measure whenever the card resizes. */\n const place = () => {\n const ci = AGE_COLS.findIndex(([a, b]) => months >= a && months < b);\n const target = body.querySelector('.mrow')?.querySelectorAll('.mcell')[ci];\n if (ci < 0 || !target) { today.hidden = true; return; }\n const [a, b] = AGE_COLS[ci];\n const cr = target.getBoundingClientRect();\n const br = body.getBoundingClientRect();\n if (!cr.width) { today.hidden = true; return; }\n today.style.left = `${cr.left - br.left + cr.width * ((months - a) / (b - a))}px`;\n today.hidden = false;\n };\n // The grid is not in the document yet when this returns, so placement has to\n // wait for layout. rAF is skipped entirely while the page is hidden, so a\n // timeout backs it up and the observer keeps it right through every resize.\n requestAnimationFrame(place);\n setTimeout(place, 0);\n if (typeof ResizeObserver !== 'undefined') new ResizeObserver(place).observe(grid);\n\n /** Tapping a square opens its skills — and here they are editable. */\n function openCell(skills, label, band) {\n openSheet((close) => {\n const list = el('ul', { class: 'stack' });\n const draw = () => {\n list.replaceChildren();\n const cur = store.get();\n const sorted = [...skills].sort((x, y) => (cur.can[y.id] ? 1 : 0) - (cur.can[x.id] ? 1 : 0));\n for (const k of sorted) {\n const on = Boolean(cur.can[k.id]);\n const row = el('button', {\n type: 'button', class: 'goal', style: `--dom: var(--d-${k.domain})`,\n dataset: { done: on ? '1' : '0' },\n onClick: () => { store.toggleCan(k.id); haptic(); draw(); rerender(); },\n },\n el('span', { class: 'tick', html: ICON.check }),\n el('span', { class: 'goal__body' },\n el('span', { class: 'goal__text' }, k.text[lang] ?? k.text.en),\n el('span', { class: 'goal__meta' }, `${k.category[lang] ?? k.category.en} · ${fmtBand(k.fromMonths, k.toMonths)}`),\n ),\n );\n list.append(row);\n }\n };\n draw();\n return el('div', { class: 'stack' },\n el('h3', { class: 'group__title' }, label),\n el('p', { class: 'small faint', style: 'margin-top:-6px' }, `${band} · ${t('map.tapToMark')}`),\n list,\n el('button', { class: 'btn btn--ghost btn--full', type: 'button', onClick: () => close() }, t('a.close')),\n );\n });\n }\n\n const numsBtn = el('button', {\n class: 'pill', type: 'button', 'aria-pressed': String(showNumbers),\n onClick: () => { showNumbers = !showNumbers; rerender(); },\n }, t('map.counts'));\n\n const body_ = el('div', { class: 'wrap wrap--wide stack' },\n el('div', { class: 'pillbar' }, numsBtn),\n el('div', { class: 'mapcard' },\n el('div', { class: 'mapscroll' }, grid),\n el('div', { class: 'mlegend' },\n el('span', { class: 'k' }, t('map.none'),\n el('span', { class: 'ramp' }, ...[0, 1, 2, 3, 4, 5].map((i) =>\n el('i', { style: i ? `background: var(--s${i})` : 'background: transparent' }))),\n t('map.all')),\n el('span', { class: 'k' }, el('span', { class: 'hatch' }), t('map.noSkills')),\n el('span', { class: 'k' }, el('span', { class: 'dash' }), t('map.today')),\n ),\n ),\n el('p', { class: 'small faint' }, t('map.foot')),\n );\n\n const everything = [...new Set(matrix().flatMap((r) => r.cells.flat()))];\n const st = stat(everything);\n return { body: body_, subtitle: t('map.sub', { a: st.done, b: st.total }) };\n}\n",[],[299,220,157,529],"5389e74e-ba73-4d6b-9d2b-6b968912136b","library.js","9ea91316-a816-11f1-a663-1607ee4eb77e",21,["D",1788495052971],"// All 609 statements, searchable. Tapping a card toggles \"can do\"; the\n// reference rows (therapist red flags, activity guidelines) are read-only.\n\nimport { el, ICON, haptic } from '../ui.js';\nimport { t, getLang, fmtBand } from '../i18n.js';\nimport * as store from '../store.js';\nimport { db, ageInMonths, isNearAge, groupByCategory, DOMAIN_ORDER, domainName } from '../data.js';\n\nconst FILTERS = ['age', 'tracked', 'can', 'notyet', 'notes', 'all'];\nlet filter = 'age';\nlet domain = null;\nlet query = '';\n\nexport function renderLibrary(rerender) {\n const lang = getLang();\n const s = store.get();\n const months = ageInMonths(s.child.birth);\n\n const search = el('input', {\n type: 'search', value: query, placeholder: t('lib.search'),\n autocomplete: 'off', autocorrect: 'off', spellcheck: 'false',\n });\n\n const results = el('div', {});\n const count = el('p', { class: 'small faint', style: 'margin:2px 2px 0' });\n\n const matches = () => {\n const q = query.trim().toLowerCase();\n return db().skills.filter((sk) => {\n if (domain && sk.domain !== domain) return false;\n if (filter === 'notes' && sk.kind !== 'note') return false;\n if (filter !== 'notes' && filter !== 'all' && sk.kind !== 'skill') return false;\n if (filter === 'age' && !isNearAge(sk, months)) return false;\n if (filter === 'tracked' && !s.tracked[sk.id]) return false;\n if (filter === 'can' && !s.can[sk.id]) return false;\n if (filter === 'notyet' && (s.can[sk.id] || !s.tracked[sk.id])) return false;\n if (q && !(`${sk.text.ru} ${sk.text.en}`.toLowerCase().includes(q))) return false;\n return true;\n });\n };\n\n const draw = () => {\n const found = matches();\n count.textContent = t('lib.found', { n: found.length });\n results.replaceChildren();\n\n if (!found.length) {\n results.append(el('p', { class: 'muted small', style: 'padding:20px 2px' }, t('lib.nothing')));\n return;\n }\n\n for (const g of groupByCategory(found, lang)) {\n // Deliberately not staggered: draw() re-runs on every keystroke, and\n // results are data you scan rather than content arriving.\n const grid = el('div', { class: 'grid' });\n for (const [i, sk] of g.items.entries()) {\n const isNote = sk.kind === 'note';\n const on = Boolean(s.can[sk.id]);\n const card = el(isNote ? 'div' : 'button', {\n type: isNote ? null : 'button',\n class: `card card--full ${isNote ? 'card--note' : 'card--browse'}`,\n style: `--dom: var(--d-${sk.domain}); --i: ${Math.min(i, 12)}`,\n dataset: isNote ? {} : { on: on ? '1' : '0', id: sk.id },\n 'aria-pressed': isNote ? null : String(on),\n },\n el('span', { class: 'card__text' }, sk.text[lang] ?? sk.text.en),\n el('span', { class: 'card__age' },\n fmtBand(sk.fromMonths, sk.toMonths),\n s.tracked[sk.id] && el('i', {\n class: 'dot dot--xs', title: t('lib.tracked'), 'aria-label': t('lib.tracked'),\n style: `--dom: var(--d-${sk.domain})`,\n }),\n ),\n !isNote && el('span', { class: 'card__check', html: ICON.check }),\n );\n if (!isNote) {\n card.addEventListener('click', () => {\n store.toggleCan(sk.id);\n haptic();\n card.dataset.on = store.get().can[sk.id] ? '1' : '0';\n card.setAttribute('aria-pressed', String(Boolean(store.get().can[sk.id])));\n });\n }\n grid.append(card);\n }\n results.append(el('section', { class: 'group' },\n el('div', { class: 'group__head' },\n el('i', { class: 'dot', style: `--dom: var(--d-${g.domain})` }),\n el('h3', { class: 'group__title' }, g.category),\n el('span', { class: 'group__count' }, String(g.items.length)),\n ),\n grid,\n ));\n }\n };\n\n let debounce;\n search.addEventListener('input', () => {\n query = search.value;\n clearTimeout(debounce);\n debounce = setTimeout(draw, 140);\n });\n\n const filterBar = el('div', { class: 'pillbar' },\n ...FILTERS.map((f) =>\n el('button', {\n class: 'pill', type: 'button', 'aria-pressed': String(filter === f),\n onClick: (e) => {\n filter = f;\n filterBar.querySelectorAll('.pill').forEach((p) => p.setAttribute('aria-pressed', 'false'));\n e.currentTarget.setAttribute('aria-pressed', 'true');\n draw();\n },\n }, t(`lib.${f}`)),\n ),\n );\n\n const domainBar = el('div', { class: 'pillbar' },\n ...[null, ...DOMAIN_ORDER].map((d) =>\n el('button', {\n class: 'pill', type: 'button', 'aria-pressed': String(domain === d),\n onClick: (e) => {\n domain = d;\n domainBar.querySelectorAll('.pill').forEach((p) => p.setAttribute('aria-pressed', 'false'));\n e.currentTarget.setAttribute('aria-pressed', 'true');\n draw();\n },\n }, d ? domainName(d, lang) : t('lib.all')),\n ),\n );\n\n draw();\n\n const body = el('div', { class: 'wrap wrap--wide stack' },\n el('div', { class: 'field' }, search),\n filterBar,\n domainBar,\n count,\n results,\n );\n\n return { body, subtitle: '' };\n}\n",[],[299,220,157,537],["D",1788495051210],[361,362,363,364,365,366],[299,220,157],["D",1788495046586],[360,367,368,369,370,371,372,373,374],[299,220],"edeb7ede-2225-4a15-8007-90e0ee120bea",7,["D",1788495043473],[359,375,376,377,378,379,380],[299],["D",1788494851578],{"_11":12,"_270":85},{"_11":12,"_266":85,"_84":85,"_31":83,"_267":268,"_269":30},{"_55":257,"_13":16,"_49":52,"_258":222,"_259":-5,"_260":-5,"_261":-5,"_262":-5,"_263":-5,"_264":14,"_265":12},"ctx",{"_68":-5,"_289":592,"_593":594,"_595":596,"_597":30,"_598":30,"_599":30,"_600":24,"_601":-5,"_602":-7,"_603":-7,"_604":26,"_605":30,"_606":30,"_607":-5,"_608":30,"_609":30,"_610":30,"_611":-5},"ENV",{"_563":564,"_565":566,"_567":16,"_568":569,"_570":571,"_572":573,"_574":575,"_576":577,"_578":579,"_580":581,"_582":583,"_584":585,"_586":587,"_588":589,"_590":591},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","e87eb04e707cf64e7e532c8e8ec395f209e17f15","RENDER_GIT_BRANCH","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","CLOUDFLARE_TURNSTILE_SITE_KEY","0x4AAAAAACtaIZJH7s9rBMZ6","GOOGLE_CLIENT_ID","875989696899-jtsqkhlbdv5jrlsk8631p7ipjg3c6o62.apps.googleusercontent.com","STRIPE_PUBLISHABLE_KEY","pk_live_51N2zvWEpZTTLipIkVEwXrUG9AT0yeOOEYxszarZT1jpsZV58Ly6wlg3SltZpHN26CUalOBmUSY7adQRQiSkCZz2500qSXNkf8Y","API_URL","https://api.val.town",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]

History · js