\n \n\n\n",[147],"5b9ea5e8-02de-4d1d-bcbb-84bd99a86e06",["D",1783090747778],1,[28],"3908a207-8ba8-4dea-a913-f3ffcc8dccd7","README.md","a2202210-65e4-11f1-b68a-1607ee4eb77e",6,["D",1781216807207],"# ⚡ Task Matrix\n\nEisenhower matrix over Lauren's Notion **Tasks** database. Drag, drop, decide.\nRebuilt on Val Town so it can never die with a laptop again.\n\n## How it works\n\n- The Notion DB's **Quadrant** select (`Do First` / `Schedule` / `Delegate` / `Later`) is the single\n source of truth — every drag writes straight back to Notion. No shadow state file.\n (The old `task-matrix-state` page in Notion is obsolete and can be deleted.)\n- **⭐ Big 3** — star up to three tasks for today; writes the `Big 3` checkbox in Notion.\n- **◯ Done** — completes the task in Notion (`Status: Done`) with a satisfying pop.\n- **📥 Unsorted** — tasks with no quadrant (or `Backlog`). Each shows a suggested quadrant\n derived from Priority + Due date; **✨ auto-sort** files them all in one click.\n- **🅿️ Parked** — `Blocked` / `Delegated` / `L&D` tasks, collapsed out of the way.\n- Quick-add inputs create real Notion tasks in the right quadrant.\n- Optimistic UI with retryable error toasts — if a write fails you'll know, loudly.\n- Works on phone/iPad: tap a card, then tap the box to move it (no drag needed).\n\n## Setup (one time)\n\n| Env var | What |\n|---|---|\n| `NOTION_API_KEY` | Secret from a Notion integration ([create one](https://www.notion.so/my-integrations)), then connect it to the Tasks DB (••• → Connections) |\n| `MATRIX_KEY` | Any password — the UI asks for it once per device |\n\n## Endpoints\n\n- `GET /` — the board\n- `GET /api/health` — config check (no auth)\n- `GET /api/tasks` — open tasks (auth: `x-matrix-key` header)\n- `POST /api/update` — `{ id, quadrant? | big3? | done? }`\n- `POST /api/create` — `{ name, quadrant?, priority?, due? }`\n",[157],"2c8d641f-4de6-48fc-9825-1a4901ec8437","frontend","918e94d5-ddc0-4b44-a580-9a6249460cc8",4,["D",1781216675559],"directory",[164],"pulls","branches","forks","envVars",{"_177":154,"_179":61},"connections",{"_177":61,"_178":61},"count","unfilledCount","emptyCount",{"_43":163,"_32":164,"_30":165,"_137":-5,"_41":42,"_40":166,"_139":124,"_38":215,"_13":61,"_34":168,"_36":-5,"_24":25,"_144":-5,"_188":216,"_27":217},{"_43":207,"_32":208,"_30":209,"_137":165,"_41":42,"_40":210,"_139":124,"_38":211,"_13":61,"_34":35,"_36":212,"_24":25,"_144":-5,"_188":213,"_27":214},{"_43":200,"_32":201,"_30":202,"_137":165,"_41":42,"_40":166,"_139":124,"_38":203,"_13":61,"_34":35,"_36":204,"_24":25,"_144":-5,"_188":205,"_27":206},{"_43":156,"_32":157,"_30":158,"_137":-5,"_41":42,"_40":159,"_139":124,"_38":197,"_13":61,"_34":20,"_36":161,"_24":25,"_144":-5,"_188":198,"_27":199},{"_43":152,"_32":28,"_30":31,"_137":-5,"_41":42,"_40":14,"_139":25,"_38":194,"_13":154,"_34":35,"_36":37,"_24":25,"_144":-5,"_188":195,"_27":196},{"_43":146,"_32":147,"_30":148,"_137":-5,"_41":42,"_40":141,"_139":25,"_38":191,"_13":61,"_34":20,"_36":150,"_24":25,"_144":-5,"_188":192,"_27":193},{"_43":134,"_32":135,"_30":136,"_137":-5,"_41":42,"_40":138,"_139":25,"_38":187,"_13":141,"_34":142,"_36":143,"_24":25,"_144":-5,"_188":189,"_27":190},["D",1783090043255],"children",[],[135],["D",1781216675092],[],[147],["D",1783090747778],[],[28],["D",1781216807207],[],[157],"8efde150-1778-4f4c-b82a-ecdd6ce7fe79","index.tsx","53a862b4-65e4-11f1-bae2-1607ee4eb77e",["D",1781216675559],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\nimport { App } from \"./App.tsx\";\n\ncreateRoot(document.getElementById(\"root\")!).render();\n",[],[164,201],"bd547ae8-fd39-44a5-a93e-4c36464e3368","App.tsx","98695818-65e4-11f1-a9ad-1607ee4eb77e",5,["D",1781216790908],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useEffect, useMemo, useRef, useState } from \"https://esm.sh/react@18.2.0\";\n\ntype Task = {\n id: string;\n url: string;\n name: string;\n status: string;\n priority: \"Low\" | \"Med\" | \"High\" | null;\n quadrant: string | null;\n due: string | null;\n big3: boolean;\n tags: string[];\n owners: string[];\n created: string;\n};\n\nconst QUADRANTS = [\n {\n id: \"Do First\",\n axis: \"Urgent + Important\",\n emoji: \"🔥\",\n hint: \"Deadlines and real fires.\",\n border: \"border-rose-500/40\",\n header: \"text-rose-300\",\n glow: \"hover:border-rose-400/60\",\n chip: \"bg-rose-500/15 text-rose-300\",\n },\n {\n id: \"Schedule\",\n axis: \"Important · Not urgent\",\n emoji: \"📅\",\n hint: \"Strategy, growth, relationships — protect this box.\",\n border: \"border-sky-500/40\",\n header: \"text-sky-300\",\n glow: \"hover:border-sky-400/60\",\n chip: \"bg-sky-500/15 text-sky-300\",\n },\n {\n id: \"Delegate\",\n axis: \"Urgent · Not important\",\n emoji: \"🤝\",\n hint: \"Someone else can own this.\",\n border: \"border-amber-500/40\",\n header: \"text-amber-300\",\n glow: \"hover:border-amber-400/60\",\n chip: \"bg-amber-500/15 text-amber-300\",\n },\n {\n id: \"Later\",\n axis: \"Not urgent · Not important\",\n emoji: \"🌊\",\n hint: \"Be honest — most of this never mattered.\",\n border: \"border-slate-500/40\",\n header: \"text-slate-300\",\n glow: \"hover:border-slate-400/60\",\n chip: \"bg-slate-500/15 text-slate-300\",\n },\n];\nconst QUADRANT_IDS = QUADRANTS.map((q) => q.id);\nconst PARKED = [\"L&D\", \"Blocked\", \"Delegated\"];\nconst NOTION_DB_URL = \"https://www.notion.so/28040dbc2c3b8062b9bfc7fd2a629594\";\n\nfunction getKey() {\n return localStorage.getItem(\"matrix-key\") ?? \"\";\n}\n\nasync function api(path: string, body?: unknown) {\n const res = await fetch(path, {\n method: body ? \"POST\" : \"GET\",\n headers: { \"x-matrix-key\": getKey(), \"Content-Type\": \"application/json\" },\n body: body ? JSON.stringify(body) : undefined,\n });\n if (!res.ok) {\n let msg = `HTTP ${res.status}`;\n try {\n msg = (await res.json()).error ?? msg;\n } catch { /* keep default */ }\n throw Object.assign(new Error(msg), { status: res.status });\n }\n return res.json();\n}\n\nfunction dueInfo(due: string | null) {\n if (!due) return null;\n const d = new Date(due.length === 10 ? due + \"T00:00:00\" : due);\n const today = new Date();\n today.setHours(0, 0, 0, 0);\n const days = Math.round((d.getTime() - today.getTime()) / 86400000);\n if (days < 0) {\n return { days, label: `${-days}d late`, cls: \"bg-rose-500/20 text-rose-300 font-semibold\" };\n }\n if (days === 0) return { days, label: \"today\", cls: \"bg-amber-500/20 text-amber-300 font-semibold\" };\n if (days === 1) return { days, label: \"tomorrow\", cls: \"bg-amber-500/10 text-amber-200/90\" };\n const label = d.toLocaleDateString(\"en-GB\", { day: \"numeric\", month: \"short\" });\n return { days, label, cls: \"bg-white/5 text-slate-400\" };\n}\n\n// Eisenhower triage from what Notion already knows: urgency from the due\n// date, importance from Priority.\nfunction suggest(t: Task): string {\n const info = dueInfo(t.due);\n const urgent = info !== null && info.days <= 2;\n const important = t.priority === \"High\" || t.priority === \"Med\";\n if (urgent && important) return \"Do First\";\n if (important) return \"Schedule\";\n if (urgent) return \"Delegate\";\n return \"Later\";\n}\n\nfunction initials(name: string) {\n return name.split(/\\s+/).filter(Boolean).map((w) => w[0]).slice(0, 2).join(\"\").toUpperCase();\n}\n\ntype Toast = { id: number; msg: string; retry?: () => void };\n\nexport function App() {\n const [phase, setPhase] = useState<\"boot\" | \"setup\" | \"key\" | \"ready\">(\"boot\");\n const [health, setHealth] = useState<{ notion: boolean; gate: boolean } | null>(null);\n const [keyError, setKeyError] = useState(\"\");\n\n async function boot() {\n setPhase(\"boot\");\n try {\n const h = await api(\"/api/health\");\n setHealth(h);\n if (!h.notion || !h.gate) return setPhase(\"setup\");\n if (!getKey()) return setPhase(\"key\");\n setPhase(\"ready\");\n } catch {\n setPhase(\"key\");\n }\n }\n\n useEffect(() => {\n boot();\n }, []);\n\n if (phase === \"boot\") {\n return ⚡ warming up…;\n }\n if (phase === \"setup\" && health) return ;\n if (phase === \"key\") {\n return (\n {\n localStorage.setItem(\"matrix-key\", k.trim());\n try {\n await api(\"/api/health\");\n setKeyError(\"\");\n setPhase(\"ready\");\n } catch {\n setPhase(\"ready\"); // Board will surface auth errors and bounce back\n }\n }}\n />\n );\n }\n return (\n {\n localStorage.removeItem(\"matrix-key\");\n setKeyError(\"That key didn't work — try again.\");\n setPhase(\"key\");\n }}\n />\n );\n}\n\nfunction Center({ children }: { children: any }) {\n return (\n

\n {children}\n

\n );\n}\n\nfunction Setup({ health, onRetry }: { health: { notion: boolean; gate: boolean }; onRetry: () => void }) {\n return (\n

⚡ Task Matrix — one-time setup

Two secrets and you're live everywhere, forever.

\n {health.notion ? \"✅\" : \"1️⃣\"} NOTION_API_KEY\n
- \n Create an integration at{\" \"}\n \n notion.so/my-integrations\n {\" \"}\n and copy its secret\n
- \n In Notion, open the Tasks database → ••• → Connections → add your integration\n
- \n Paste the secret{\" \"}\n \n here\n \n
\n
\n {health.gate ? \"✅\" : \"2️⃣\"} MATRIX_KEY\n
- \n Any password you like — it keeps your tasks off the public internet. Set it{\" \"}\n \n here\n \n
\n

\n \n I've set them — let's go\n \n

\n );\n}\n\nfunction KeyGate({ onSubmit, error }: { onSubmit: (k: string) => void; error: string }) {\n const [v, setV] = useState(\"\");\n return (\n

\n {\n e.preventDefault();\n if (v.trim()) onSubmit(v);\n }}\n className=\"max-w-sm w-full rounded-2xl border border-white/10 bg-white/5 p-8 text-center\"\n >\n

🔐

Task Matrix

Enter your matrix key

\n {error &&

{error}

}\n setV(e.target.value)}\n autoFocus\n className=\"w-full rounded-xl bg-black/30 border border-white/10 px-4 py-3 text-slate-100 outline-none focus:border-indigo-400\"\n placeholder=\"••••••••\"\n />\n \n \n

\n );\n}\n\nfunction Board({ onAuthFail }: { onAuthFail: () => void }) {\n const [tasks, setTasks] = useState([]);\n const [loading, setLoading] = useState(true);\n const [toasts, setToasts] = useState([]);\n const [dragId, setDragId] = useState(null);\n const [selectedId, setSelectedId] = useState(null);\n const [dropTarget, setDropTarget] = useState(null);\n const [popping, setPopping] = useState>(new Set());\n const [showParked, setShowParked] = useState(false);\n const toastSeq = useRef(0);\n\n function toast(msg: string, retry?: () => void) {\n const id = ++toastSeq.current;\n setToasts((ts) => [...ts, { id, msg, retry }]);\n if (!retry) setTimeout(() => setToasts((ts) => ts.filter((t) => t.id !== id)), 5000);\n }\n\n async function load(silent = false) {\n if (!silent) setLoading(true);\n try {\n const { tasks } = await api(\"/api/tasks\");\n setTasks(tasks);\n } catch (e: any) {\n if (e.status === 401) return onAuthFail();\n toast(`Couldn't load tasks: ${e.message}`, () => load());\n } finally {\n setLoading(false);\n }\n }\n\n useEffect(() => {\n load();\n const onFocus = () => load(true);\n window.addEventListener(\"focus\", onFocus);\n return () => window.removeEventListener(\"focus\", onFocus);\n }, []);\n\n function patchLocal(id: string, patch: Partial) {\n setTasks((ts) => ts.map((t) => (t.id === id ? { ...t, ...patch } : t)));\n }\n\n async function move(id: string, quadrant: string | null) {\n const before = tasks.find((t) => t.id === id);\n if (!before || before.quadrant === quadrant) return setSelectedId(null);\n patchLocal(id, { quadrant });\n setSelectedId(null);\n try {\n await api(\"/api/update\", { id, quadrant });\n } catch (e: any) {\n if (e.status === 401) return onAuthFail();\n patchLocal(id, { quadrant: before.quadrant });\n toast(`Couldn't move \"${before.name}\": ${e.message}`, () => move(id, quadrant));\n }\n }\n\n async function toggleBig3(t: Task) {\n const next = !t.big3;\n if (next && tasks.filter((x) => x.big3).length >= 3) {\n return toast(\"Big 3 is full — unstar one first. That's the whole point. ⭐\");\n }\n patchLocal(t.id, { big3: next });\n try {\n await api(\"/api/update\", { id: t.id, big3: next });\n } catch (e: any) {\n if (e.status === 401) return onAuthFail();\n patchLocal(t.id, { big3: t.big3 });\n toast(`Couldn't update Big 3: ${e.message}`, () => toggleBig3(t));\n }\n }\n\n async function markDone(t: Task) {\n setPopping((s) => new Set(s).add(t.id));\n setTimeout(() => setTasks((ts) => ts.filter((x) => x.id !== t.id)), 430);\n try {\n await api(\"/api/update\", { id: t.id, done: true });\n } catch (e: any) {\n if (e.status === 401) return onAuthFail();\n setPopping((s) => {\n const n = new Set(s);\n n.delete(t.id);\n return n;\n });\n setTasks((ts) => (ts.some((x) => x.id === t.id) ? ts : [...ts, t]));\n toast(`Couldn't complete \"${t.name}\": ${e.message}`, () => markDone(t));\n }\n }\n\n async function quickAdd(name: string, quadrant: string | null) {\n const temp: Task = {\n id: `tmp-${Date.now()}`,\n url: \"\",\n name,\n status: \"To do\",\n priority: quadrant === \"Do First\" ? \"High\" : null,\n quadrant,\n due: null,\n big3: false,\n tags: [],\n owners: [],\n created: new Date().toISOString(),\n };\n setTasks((ts) => [...ts, temp]);\n try {\n const { task } = await api(\"/api/create\", { name, quadrant, priority: temp.priority });\n setTasks((ts) => ts.map((t) => (t.id === temp.id ? { ...task, owners: [] } : t)));\n } catch (e: any) {\n if (e.status === 401) return onAuthFail();\n setTasks((ts) => ts.filter((t) => t.id !== temp.id));\n toast(`Couldn't add \"${name}\": ${e.message}`, () => quickAdd(name, quadrant));\n }\n }\n\n async function autoSort() {\n const unsorted = tasks.filter((t) => !t.quadrant || t.quadrant === \"Backlog\");\n for (const t of unsorted) move(t.id, suggest(t));\n }\n\n const big3 = tasks.filter((t) => t.big3);\n const unsorted = tasks.filter((t) => !t.quadrant || t.quadrant === \"Backlog\");\n const parked = tasks.filter((t) => t.quadrant && PARKED.includes(t.quadrant));\n const byQuadrant = (q: string) => tasks.filter((t) => t.quadrant === q);\n const moveMode = dragId !== null || selectedId !== null;\n\n return (\n

setSelectedId(null)}>\n {/* Header */}\n

⚡ Task Matrix

\n \n {tasks.length} open · synced with Notion\n \n

\n load()}\n className=\"px-3 py-1.5 rounded-lg bg-white/5 hover:bg-white/10 text-slate-300\"\n >\n {loading ? \"⏳ syncing…\" : \"↻ refresh\"}\n \n \n open in Notion ↗\n \n \n view source\n \n

\n\n {/* Big 3 */}\n

⭐ Today's Big 3

\n {big3.length}/3 — star any card to pick\n

\n {big3.length === 0\n ?

Nothing starred yet. If today went perfectly, which three got done?

\n : (\n

\n {big3.map((t) => (\n

\n \n {t.name}\n \n

\n ))}\n

\n )}\n

\n\n

\n {/* Tray */}\n e.preventDefault()}\n onDrop={(e) => {\n e.preventDefault();\n const id = e.dataTransfer.getData(\"text/plain\");\n if (id) move(id, null);\n setDragId(null);\n setDropTarget(null);\n }}\n onClick={(e) => {\n if (selectedId) {\n e.stopPropagation();\n move(selectedId, null);\n }\n }}\n >\n

📥 Unsorted

\n {unsorted.length}\n {unsorted.length > 0 && (\n {\n e.stopPropagation();\n autoSort();\n }}\n className=\"ml-auto text-xs px-2 py-1 rounded-lg bg-indigo-500/20 text-indigo-300 hover:bg-indigo-500/30\"\n title=\"File everything by priority + due date\"\n >\n ✨ auto-sort\n \n )}\n

Drag onto the board, or tap a card then tap a box.

\n {unsorted.map((t) => (\n setSelectedId(selectedId === t.id ? null : t.id)}\n onDragStart={() => setDragId(t.id)}\n onDragEnd={() => setDragId(null)}\n onDone={() => markDone(t)}\n onStar={() => toggleBig3(t)}\n />\n ))}\n {unsorted.length === 0 &&

Inbox zero. Iconic. 💅

}\n

\n quickAdd(name, null)} />\n\n {parked.length > 0 && (\n

\n {\n e.stopPropagation();\n setShowParked(!showParked);\n }}\n className=\"text-xs text-slate-500 hover:text-slate-300\"\n >\n {showParked ? \"▾\" : \"▸\"} 🅿️ Parked — blocked / delegated / L&D ({parked.length})\n \n {showParked && (\n

\n {parked.map((t) => (\n setSelectedId(selectedId === t.id ? null : t.id)}\n onDragStart={() => setDragId(t.id)}\n onDragEnd={() => setDragId(null)}\n onDone={() => markDone(t)}\n onStar={() => toggleBig3(t)}\n />\n ))}\n

\n )}\n

\n )}\n \n\n {/* The 2×2 */}\n

\n {QUADRANTS.map((q) => {\n const items = byQuadrant(q.id);\n const overloaded = q.id === \"Do First\" && items.length > 5;\n return (\n {\n e.preventDefault();\n setDropTarget(q.id);\n }}\n onDragLeave={() => setDropTarget((d) => (d === q.id ? null : d))}\n onDrop={(e) => {\n e.preventDefault();\n const id = e.dataTransfer.getData(\"text/plain\");\n if (id) move(id, q.id);\n setDragId(null);\n setDropTarget(null);\n }}\n onClick={(e) => {\n if (selectedId) {\n e.stopPropagation();\n move(selectedId, q.id);\n }\n }}\n >\n

\n {q.emoji} {q.id}\n

\n {q.axis}\n {items.length}\n

{q.hint}

\n {overloaded && (\n

\n 🚨 {items.length} fires. If everything's urgent, nothing is — move something right or down.\n

\n )}\n {moveMode && (\n

\n drop / tap to move here\n

\n )}\n

\n {items.map((t) => (\n setSelectedId(selectedId === t.id ? null : t.id)}\n onDragStart={() => setDragId(t.id)}\n onDragEnd={() => setDragId(null)}\n onDone={() => markDone(t)}\n onStar={() => toggleBig3(t)}\n />\n ))}\n

\n quickAdd(name, q.id)} />\n \n );\n })}\n

\n\n {/* Toasts */}\n

\n {toasts.map((t) => (\n \n {t.msg}\n {t.retry && (\n {\n setToasts((ts) => ts.filter((x) => x.id !== t.id));\n t.retry!();\n }}\n className=\"px-2 py-1 rounded-lg bg-rose-500/20 text-rose-300 hover:bg-rose-500/30\"\n >\n retry\n \n )}\n setToasts((ts) => ts.filter((x) => x.id !== t.id))}\n className=\"text-slate-500 hover:text-slate-300\"\n >\n ✕\n \n

\n ))}\n

\n \n );\n}\n\nfunction Card(props: {\n t: Task;\n suggestion?: string;\n popping: boolean;\n selected: boolean;\n onSelect: () => void;\n onDragStart: () => void;\n onDragEnd: () => void;\n onDone: () => void;\n onStar: () => void;\n}) {\n const { t } = props;\n const due = dueInfo(t.due);\n const prDot = t.priority === \"High\"\n ? \"bg-purple-400\"\n : t.priority === \"Med\"\n ? \"bg-yellow-400\"\n : t.priority === \"Low\"\n ? \"bg-amber-700\"\n : \"bg-slate-700\";\n return (\n {\n e.dataTransfer.setData(\"text/plain\", t.id);\n props.onDragStart();\n }}\n onDragEnd={props.onDragEnd}\n onClick={(e) => {\n e.stopPropagation();\n props.onSelect();\n }}\n className={`group rounded-xl border bg-slate-900/60 px-3 py-2 cursor-grab active:cursor-grabbing select-none ${\n props.popping ? \"done-pop\" : \"\"\n } ${props.selected ? \"border-indigo-400 ring-2 ring-indigo-400/40\" : \"border-white/10 hover:border-white/25\"}`}\n >\n

\n {\n e.stopPropagation();\n props.onDone();\n }}\n title=\"Mark done in Notion\"\n className=\"mt-0.5 text-slate-600 hover:text-emerald-400 text-base leading-none\"\n >\n ◯\n \n

\n \n {t.name}\n

\n {due && {due.label}}\n {t.status !== \"To do\" && (\n {t.status}\n )}\n {t.tags.slice(0, 2).map((tag) => (\n {tag}\n ))}\n {t.owners.map((o) => (\n \n {initials(o)}\n \n ))}\n {props.suggestion && (\n \n → {props.suggestion}\n \n )}\n

\n {\n e.stopPropagation();\n props.onStar();\n }}\n title={t.big3 ? \"Remove from Big 3\" : \"Add to Big 3\"}\n className={`text-base leading-none ${\n t.big3 ? \"text-yellow-400\" : \"text-slate-700 hover:text-yellow-400/70 opacity-0 group-hover:opacity-100\"\n }`}\n >\n ★\n \n {t.url && (\n e.stopPropagation()}\n title=\"Open in Notion\"\n className=\"text-slate-700 hover:text-slate-400 text-xs opacity-0 group-hover:opacity-100\"\n >\n ↗\n \n )}\n

\n \n );\n}\n\nfunction QuickAdd({ placeholder, onAdd }: { placeholder: string; onAdd: (name: string) => void }) {\n const [v, setV] = useState(\"\");\n return (\n e.stopPropagation()}\n onSubmit={(e) => {\n e.preventDefault();\n if (v.trim()) {\n onAdd(v.trim());\n setV(\"\");\n }\n }}\n >\n setV(e.target.value)}\n placeholder={placeholder}\n className=\"w-full text-sm rounded-lg bg-black/20 border border-white/5 focus:border-indigo-400/50 px-3 py-1.5 text-slate-200 placeholder-slate-600 outline-none\"\n />\n \n );\n}\n",[],[164,208],["D",1781216675559],[181,182],[164],["D",1781216592520],["D",1789520505489],{"_98":97,"_106":102},{"_98":97,"_99":100,"_101":102,"_18":55,"_103":104,"_105":25},{"_13":87,"_32":88,"_43":42,"_89":44,"_90":-5,"_91":-5,"_92":-5,"_93":-5,"_94":-5,"_95":45,"_96":97},"ctx",{"_80":-5,"_126":256,"_257":258,"_259":260,"_261":25,"_262":25,"_263":25,"_264":124,"_265":-5,"_266":-7,"_267":-7,"_268":61,"_269":25,"_270":25,"_271":-5,"_272":25,"_273":25,"_274":25,"_275":-5},"ENV",{"_227":228,"_229":230,"_231":88,"_232":233,"_234":235,"_236":237,"_238":239,"_240":241,"_242":243,"_244":245,"_246":247,"_248":249,"_250":251,"_252":253,"_254":255},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","fdb67791413f4386b4dbf18f354029a617f6160f","RENDER_GIT_BRANCH","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","CLOUDFLARE_TURNSTILE_SITE_KEY","0x4AAAAAACtaIZJH7s9rBMZ6","GOOGLE_CLIENT_ID","875989696899-jtsqkhlbdv5jrlsk8631p7ipjg3c6o62.apps.googleusercontent.com","STRIPE_PUBLISHABLE_KEY","pk_live_51N2zvWEpZTTLipIkVEwXrUG9AT0yeOOEYxszarZT1jpsZV58Ly6wlg3SltZpHN26CUalOBmUSY7adQRQiSkCZz2500qSXNkf8Y","API_URL","https://api.val.town",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]

Diff · v13