\n \n\n\n",[146],"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",[152],"e900cbfb-f436-4271-8c99-9aef32e44b81","untitled-folder-66","86f3f432-76ef-11f1-aa7b-1607ee4eb77e",9,["D",1783090655849],"directory",[159],"2c8d641f-4de6-48fc-9825-1a4901ec8437","frontend","918e94d5-ddc0-4b44-a580-9a6249460cc8",4,["D",1781216675559],[166],"pulls","branches",1,"forks","envVars",{"_179":173,"_181":61},"connections",{"_179":61,"_180":61},"count","unfilledCount","emptyCount",{"_43":165,"_32":166,"_30":167,"_136":-5,"_41":42,"_40":168,"_138":24,"_38":222,"_13":61,"_34":163,"_36":-5,"_23":26,"_143":-5,"_191":223,"_27":224},{"_43":214,"_32":215,"_30":216,"_136":167,"_41":42,"_40":217,"_138":24,"_38":218,"_13":61,"_34":35,"_36":219,"_23":26,"_143":-5,"_191":220,"_27":221},{"_43":207,"_32":208,"_30":209,"_136":167,"_41":42,"_40":168,"_138":24,"_38":210,"_13":61,"_34":35,"_36":211,"_23":26,"_143":-5,"_191":212,"_27":213},{"_43":158,"_32":159,"_30":160,"_136":-5,"_41":42,"_40":161,"_138":26,"_38":204,"_13":61,"_34":163,"_36":-5,"_23":26,"_143":-5,"_191":205,"_27":206},{"_43":200,"_32":33,"_30":31,"_136":160,"_41":42,"_40":14,"_138":26,"_38":201,"_13":61,"_34":35,"_36":37,"_23":26,"_143":-5,"_191":202,"_27":203},{"_43":151,"_32":152,"_30":153,"_136":-5,"_41":42,"_40":154,"_138":24,"_38":197,"_13":61,"_34":20,"_36":156,"_23":26,"_143":-5,"_191":198,"_27":199},{"_43":145,"_32":146,"_30":147,"_136":-5,"_41":42,"_40":140,"_138":26,"_38":194,"_13":61,"_34":20,"_36":149,"_23":26,"_143":-5,"_191":195,"_27":196},{"_43":133,"_32":134,"_30":135,"_136":-5,"_41":42,"_40":137,"_138":26,"_38":190,"_13":140,"_34":141,"_36":142,"_23":26,"_143":-5,"_191":192,"_27":193},["D",1783090043255],"children",[],[134],["D",1781216675092],[],[146],["D",1781216807207],[],[152],"3320674b-7680-42bf-b4e6-816676fa4649",["D",1783090661069],[],[159,33],["D",1783090655849],[186],[159],"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",[],[166,208],"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",[],[166,215],["D",1781216675559],[183,184],[166],["D",1781216592520],["D",1789520505489],{"_98":97,"_106":102},{"_98":97,"_99":100,"_101":102,"_18":55,"_103":104,"_105":26},{"_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,"_125":263,"_264":265,"_266":267,"_268":26,"_269":26,"_270":26,"_271":24,"_272":-5,"_273":-7,"_274":-7,"_275":61,"_276":26,"_277":26,"_278":-5,"_279":26,"_280":26,"_281":26,"_282":-5},"ENV",{"_234":235,"_236":237,"_238":88,"_239":240,"_241":242,"_243":244,"_245":246,"_247":248,"_249":250,"_251":252,"_253":254,"_255":256,"_257":258,"_259":260,"_261":262},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","811aa22498c9b0b5a47e8d778de579cdb990f332","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 · v10