\n {/* variants × sizes */}\n {VARIANTS.map((variant) => (\n

\n \n {variant}\n \n variant=\"{variant}\"\n

\n {SIZES.map((size) => (\n \n ))}\n \n

\n ))}\n

\n );\n}\n\nfunction TokenSwatches() {\n return (\n

\n {COLOR_TOKENS.map((token) => (\n \n \n

{token}

\n --kyla-{token}\n

\n ))}\n \n );\n}\n\nfunction WipBanner() {\n return (\n \n

\n 🚧 Preview / work in progress. This page renders the{\" \"}\n current Kylä UI surface — one component (Button) plus the theme\n system. Palette values are provisional and more components are on the way.\n

\n \n );\n}\n\nexport function Preview() {\n return (\n \n \n

\n {/* header */}\n

\n Kylä UI\n

\n Consistently styled components for Val Town apps. (Kylä ·\n Finnish for “village”.)\n

\n \n

\n\n \n\n \n \n \n\n \n

\n alert(\"Saved! (from Kylä Button)\")}\n >\n Save\n \n \n \n \n

\n \n\n \n \n \n\n \n

\n ✅ In place\n

Styling core — cn / tw / variants
KylaProvider + light / dark / system mode
Semantic design tokens
Button

\n 🔜 To come\n

The rest of the v1 component set
The real, AA-checked palette
Spacing / radius / type scales
Radix-backed components (e.g. Dialog)

\n \n\n \n Preview is illustrative — not a stable API.\n \n view source\n \n \n

\n \n \n );\n}\n",[],[260,286],"0069d314-a8f7-4fd3-895e-243bac4fb205",["D",1783373215838],[296,297,298,299],[82],{"_36":102,"_13":83,"_65":68,"_67":103,"_69":70,"_71":72,"_73":74,"_38":351,"_17":32,"_76":105,"_77":-5,"_79":51,"_80":-5,"_125":352,"_18":353},{"_36":321,"_13":322,"_65":323,"_67":103,"_69":70,"_71":72,"_73":74,"_38":324,"_17":32,"_76":105,"_77":-5,"_79":51,"_80":-5,"_125":325,"_18":326},{"_36":307,"_13":308,"_65":309,"_67":103,"_69":70,"_71":72,"_73":74,"_38":310,"_17":32,"_76":105,"_77":-5,"_79":51,"_80":-5,"_125":311,"_18":312},{"_36":300,"_13":301,"_65":302,"_67":103,"_69":70,"_71":166,"_73":74,"_38":303,"_17":72,"_76":24,"_77":304,"_79":51,"_80":-5,"_125":305,"_18":306},"03c8fddf-4620-4e1b-8421-5ef38b89c67c","v1-design-sketch.md","019f3953-b8df-70da-933b-176d7a976d8d",["D",1783375727400],"# Kylä UI — v1 Design Sketch\n\nA high-level sketch of the v1 design, produced from a design interview. This is\nthe hub: vocabulary lives in [`../CONTEXT.md`](../CONTEXT.md), and each\nconsequential decision has an ADR in [`adr/`](./adr/). This doc summarizes the\nshape and records what is **deliberately deferred**.\n\n> Modeled on [Cloudflare Kumo](https://github.com/cloudflare/kumo) — semantic\n> tokens, headless foundation, primitives + components — ported onto Val Town's\n> **no-build** reality. Where Kumo uses Tailwind v4 + codegen, Kylä uses runtime\n> CSS variables + Twind.\n\n## Positioning\n\n**Lead with consistency, not accessibility.** The felt pain for the Val Town\naudience (shipping apps fast, no designer) is inconsistent, hand-assembled UI.\nAccessibility is a real but _quiet, bounded_ guarantee underneath. See\n[ADR-0003](./adr/0003-consistency-first-bounded-accessibility.md).\n\n## Implementation status\n\n- **Substrate spike** — `nbbaier/kyla-ui-spike`, all four spikes green (see\n below).\n- **Layout** — `src/` is split by concern (root re-export files hide it from\n consumers): `src/utils/` (framework-agnostic class helpers), `src/theme/`\n (tokens, token-class builders, theming runtime), `src/components/` (one file\n per component). `mod.ts` is the public barrel; a Radix component gets a root\n re-export file (e.g. `dialog.ts`) kept _out_ of the barrel (ADR-0002).\n- **Styling foundation** — built in `kyla-ui` and verified on the runtime:\n - `src/utils/cn.ts` — `twMerge(clsx())`, versions pinned (clsx@2.1.1,\n tailwind-merge@3.6.0); empirically confirmed to dedupe `[color:var(--…)]`\n token classes. Contract: `cn(componentClasses, className)` — caller's\n `className` wins.\n - `src/theme/tw.ts` — `tw.bg/text/border/ring/ringOffset(token, state?)`\n builders that bake in the `color:` hint (state-prefixable), plus the\n `ColorToken` union (typo = compile error).\n - `src/utils/variants.ts` — hand-rolled cva-style `variants()` (no external\n dep).\n - `src/theme/tokens.ts` — token stylesheet (provisional values).\n - `src/theme/provider.tsx` — `KylaProvider` + `useKylaMode`.\n - `mod.ts` — public barrel (Radix kept out).\n- **First component** — `src/components/button.tsx` (`Button`, `ButtonProps`):\n variants `primary | subtle | ghost | danger` × `sm | md | lg`, token focus\n ring, default `type=\"button\"`, forwarded ref + rest props, escape-hatch\n `className`. Verified by server-render. Surfaced + fixed a foundation gap:\n state-prefixed token utilities (`tw.bg(\"recessed\", \"hover\")`).\n- **Next** — real palette/scales; more components (`Card`, `Input`, `Text`, …);\n bring `Dialog` over to exercise the Radix-behind-its-own-path split.\n\n## Shape\n\n- **Two vals.**\n - `kyla-ui` — the importable library, which also serves its own\n **Gallery** (docs) at its HTTP route.\n - `kyla-ui-starter` — a remixable, genuine\n **todo app** (real HTTP route + `std/sqlite`) showing idiomatic end-to-end\n use. The Starter depends on the library; never the reverse.\n- **CSR-only for v1.** Target is interactive apps (dashboards, tools, forms)\n where SEO/first-paint don't matter. Components authored pure so isomorphic\n stays possible later, without paying its tax now.\n\n## Styling — [ADR-0001](./adr/0001-no-build-styling-architecture.md)\n\n- Semantic tokens as `--kyla-*` **CSS custom properties** using `light-dark()`;\n applied via runtime **Twind arbitrary-value** utilities\n (`bg-[var(--kyla-base)]`). No build, no bundler.\n- Token vocabulary: surfaces `base → elevated → recessed`; foreground `fg`,\n `fg-muted`; borders `line`, `hairline`; `accent`, `danger`; `radius`.\n- One opinionated theme. Small consumer **override surface** (`--kyla-accent`,\n `--kyla-radius`, font); structural tokens stay fixed — that fixedness _is_ the\n consistency. A Kumo-style named-theme system is a deliberate later step.\n\n## Style delivery & theming\n\n- **`KylaProvider`** guarantees Twind + token stylesheet are present (a manual\n two-tag `` setup is the documented fallback).\n- The Provider **owns Mode**: sets `data-mode=\"light|dark|system\"`, exposes\n `useKylaMode()` (persistence opt-in); `system` falls through to OS via\n `light-dark()`. Apps get a first-class light/dark toggle for free.\n\n## Components — [ADR-0002](./adr/0002-hybrid-headless-foundation.md)\n\n- **Hybrid foundation.** Hand-roll simple visual components with zero deps;\n build on a headless library only for hard interactive ones. **Radix first**\n (proven on VT), Base UI as a likely faithful-to-Kumo later variant.\n- **v1 inventory:**\n - Zero-dep visual: `Button`, `Text`/`Heading`, `Card`, `Input`, `Textarea`,\n `Label`, `Badge`, `Stack`, `Box`, `Divider`\n - Styled native: `Select`\n - Radix-backed (the headless proof): `Dialog`\n - Deferred to v1.1+: `Checkbox`, `Radio`, `Spinner`, `Alert`, then `Popover`,\n `Menu`, `Tabs`, `Tooltip`, `Combobox`, `Toast`, `Table`, …\n- **API:** typed **variant** props (`variant`, `size`, `tone`) mapping to tokens\n internally; escape-hatch `className` merged last via exported `cn()`; refs +\n rest props forwarded. Public surface = finished components + `cn()` +\n Provider. Radix primitives stay **internal** (so Radix→Base UI later isn't an\n API break).\n- **Accessibility (bounded):** correct semantic HTML, real\n ``/`id` association, token-based visible focus, no broken\n native keyboard behavior, AA contrast on the default theme. Anything needing\n custom ARIA → Radix tier.\n\n## Distribution — [ADR-0004](./adr/0004-version-pinned-upgrade-contract.md)\n\n- **Module layout:** barrel `mod.ts` for the zero-dep core; heavy `dialog.tsx`\n behind its own import path so Radix only loads when used.\n- **Upgrade contract:** `main` is the release line; development happens on\n branches; a **Release** is a merge to `main`. Unpinned import = latest Release\n (fixes auto-propagate); `?v=NNN` to freeze; README release table maps names →\n versions. (esm.town has no branch-import URLs, hence version pinning.)\n\n## Open verification spikes\n\nBuilt and **fully verified in-browser** as one throwaway val:\n**`nbbaier/kyla-ui-spike`** (`frontend/{App,KylaProvider,tokens}.tsx`). All four\ngreen:\n\n1. ✅ **Radix `Dialog`** — imports via esm.sh with React 18.2.0 (the\n `?deps=react@18.2.0,react-dom@18.2.0` pin propagates through Radix's whole\n transitive graph, defusing the React-mismatch `useState` null error) and\n renders/opens/closes/focus-traps cleanly under CSR.\n2. ✅ **Twind + CSS-var tokens** — surfaces render stepped, accent applies.\n3. ✅ **`KylaProvider` runtime token injection** — styles exist only because the\n Provider injected the stylesheet. (Twind stays in the _shell_ since it must\n load before first paint; only the token stylesheet is Provider-injected.)\n4. ✅ **`light-dark()` + `data-mode`** — mode toggle flips the palette; resolves\n even inside the Radix portal.\n\n### Load-bearing finding (the spike's main payoff)\n\nOn Val Town's runtime **Twind, semantic-color utilities must carry the `color:`\ntype hint** — `bg-[color:var(--kyla-base)]`, `text-[color:var(--kyla-fg)]`,\n`border-[color:var(--kyla-line)]`. A bare `bg-[var(--…)]` is type-ambiguous and\nTwind **silently emits nothing** — no error, just an unstyled element. Lengths\nare fine bare (`rounded-[var(--kyla-radius)]`). Because the failure is\ninvisible, the `cn()`/variant layer must emit token utilities through a helper\nso authors can't forget the hint. (Baked into ADR-0001.)\n\n## Deliberately deferred (not yet designed)\n\nThese were identified but intentionally not resolved in this sketch. The\n**spacing / radius / type scale** is the highest-leverage — it's where visual\nconsistency actually lives.\n\n- **Structural scales** — the spacing, radius, and typographic scales (the fixed\n tokens carrying most of the consistency). Currently undefined.\n- **Variant → token maps** — concrete `variant`/`size`/`tone` value sets per\n component (e.g. what tones `Button`/`Badge` expose).\n- **`KylaProvider` API** — its precise prop surface beyond \"owns styles + Mode\".\n- **Gallery generation** — hand-written vs generated from component metadata.\n- **Theming v2** — a Kumo-style named-theme system (multiple consumer-defined\n themes) once there's demand.\n- **Base UI variant** — a Base-UI-backed build once Radix proves the path.\n- **Isomorphic rendering** — SSR + hydration for content/landing pages, if\n needed.\n",[],[82,301],"4fcaf772-350f-455a-be01-06b6aa80fdf6","handoffs","019f3953-b8df-70da-933b-111bb9523094",["D",1783373215838],[313],[82,308],{"_36":314,"_13":315,"_65":316,"_67":309,"_69":70,"_71":72,"_73":74,"_38":317,"_17":32,"_76":24,"_77":318,"_79":51,"_80":-5,"_125":319,"_18":320},"8dab6582-02fc-404c-8075-20be76723447","2026-06-18-design-and-foundation.md","019f3953-b8df-70da-933b-0ead238cd3ee",["D",1783373215838],"# Handoff — Kylä UI design + foundation (2026-06-18)\n\nPicking up the `nbbaier/kyla-ui` component library for Val Town. This thread did the\ndesign grilling, proved the runtime substrate, and built the styling foundation + the\nfirst component (`Button`). This doc is a pointer map + \"what's next\", not a re-spec —\nthe real content lives in the artifacts referenced below.\n\n## Read these first (don't duplicate them)\n\n- [`CONTEXT.md`](../../CONTEXT.md) — glossary / shared language.\n- [`docs/v1-design-sketch.md`](../v1-design-sketch.md) — the design hub, **Implementation\n status** section, open spikes (all ✅), and the \"Deliberately deferred\" list.\n- [`docs/adr/0001..0004`](../adr/) — the load-bearing decisions and *why*.\n- [`README.md`](../../README.md) — consumer-facing quick start.\n\n## State of the world\n\n- **Two vals.** `nbbaier/kyla-ui` (the library; locally synced to this working dir via\n `vt`). `nbbaier/kyla-ui-spike` (throwaway substrate proof — all 4 spikes green\n in-browser; keep it around as a live sandbox).\n- **Foundation built & verified on the runtime:** `mod.ts` barrel + `src/utils/`\n (`cn`, `variants`), `src/theme/` (`tokens`, `tw`, `provider`), `src/components/`\n (`button`). Layout rationale is in the sketch's Implementation status.\n- **`Button`** ships with `variant` × `size`, token focus ring, ref forwarding,\n escape-hatch `className`. Verified by server-render (`renderToStaticMarkup`).\n- Everything is pushed; `vt status` was clean at handoff time.\n\n## Gotchas that will bite you if forgotten\n\n1. **The `color:` hint is mandatory** for token color utilities — `bg-[color:var(--…)]`,\n never `bg-[var(--…)]` (the latter silently renders nothing; no error). Always go\n through the `tw.*` builders in `src/theme/tw.ts`, which bake it in. (ADR-0001.)\n2. **Twind lives in the HTML shell**, not the Provider (must load before first paint).\n The Provider injects only the token stylesheet. (ADR-0001.)\n3. **Pin React to 18.2.0 everywhere**, including Radix via\n `?deps=react@18.2.0,react-dom@18.2.0`, or you hit the `useState` null error. (ADR-0002.)\n4. **`cn(componentClasses, className)` call order** is the contract — caller's\n `className` must come last to win.\n5. **Token values in `src/theme/tokens.ts` are provisional** — not the real palette yet.\n\n## Suggested next steps (roughly in order)\n\n1. **See `Button` live** — add a showcase row to `kyla-ui-spike`'s `App.tsx` to eyeball\n all variant/size combos + hover/focus in a browser. (Quick loop-closer.)\n2. **Real palette + structural scales** — replace provisional tokens with AA-checked\n surface/fg/border ramps + spacing/radius/type scales. Highest-leverage deferred item.\n3. **More components** — `Card`, `Text`/`Heading`, `Input`, `Textarea`, `Label`, `Badge`,\n `Stack`, `Box`, `Divider`, then native-styled `Select`. Reuse the Button pattern.\n4. **`Dialog` (Radix)** — first component behind its own import path: `src/components/dialog.tsx`\n + a root `dialog.ts` re-export, kept OUT of `mod.ts` (ADR-0002). Exercises the split.\n5. **Gallery** — the library's self-hosted docs HTTP route (CONTEXT.md → \"Gallery\").\n6. **Starter** — `kyla-ui-starter`: a tiny todo app (CONTEXT.md → \"Starter\").\n\n## How to work in this repo\n\n- Edit locally, then `vt push` (and `vt pull` first if needed). `vt status` shows drift.\n- **Smoke-test pattern that works without a browser:** create a throwaway\n `src/_smoke.ts(x)` in the val, `run_file` it (use `renderToStaticMarkup` from\n `react-dom@18.2.0/server` to render components to a class string), then `delete_file`\n it. Used twice this thread; clean and fast.\n- For anything UI/platform-specific on Val Town, pull the official skill via the valtown\n MCP `find_val_town_skills` tool rather than working from memory.\n\n## Suggested skills for the next session\n\n- **valtown:react-ui** — the canonical conventions (Twind, React pin, view-source) for\n any component or Gallery work.\n- **grill-with-docs** — if revisiting design decisions (palette, theming v2, new\n components' APIs); it updates `CONTEXT.md` / ADRs inline.\n- **valtown:sqlite-storage** + **valtown:http-endpoints** — when building the Starter\n todo app and/or the Gallery route.\n- **rams** (or **impeccable**) — accessibility / visual-design review once there are\n enough components and the real palette to evaluate.\n",[],[82,308,315],"d137c2ec-f763-4f54-baac-a73ff4c761da","agents","019f3953-b8df-70da-933b-0ad85de5eb6d",["D",1783373215838],[327,328,329],[82,322],{"_36":344,"_13":345,"_65":346,"_67":323,"_69":70,"_71":72,"_73":74,"_38":347,"_17":32,"_76":24,"_77":348,"_79":51,"_80":-5,"_125":349,"_18":350},{"_36":337,"_13":338,"_65":339,"_67":323,"_69":70,"_71":166,"_73":74,"_38":340,"_17":72,"_76":24,"_77":341,"_79":51,"_80":-5,"_125":342,"_18":343},{"_36":330,"_13":331,"_65":332,"_67":323,"_69":70,"_71":166,"_73":74,"_38":333,"_17":72,"_76":24,"_77":334,"_79":51,"_80":-5,"_125":335,"_18":336},"e694cb85-9e03-4583-80b7-36c6e28536bf","triage-labels.md","019f3953-b8df-70da-933b-07c96565ee56",["D",1783375727400],"# Triage Labels\n\nThe skills speak in terms of five canonical triage roles. This file maps those roles to the actual label strings used in this repo's issue tracker.\n\n| Label in mattpocock/skills | Label in our tracker | Meaning |\n| -------------------------- | -------------------- | ---------------------------------------- |\n| `needs-triage` | `needs-triage` | Maintainer needs to evaluate this issue |\n| `needs-info` | `needs-info` | Waiting on reporter for more information |\n| `ready-for-agent` | `ready-for-agent` | Fully specified, ready for an AFK agent |\n| `ready-for-human` | `ready-for-human` | Requires human implementation |\n| `wontfix` | `wontfix` | Will not be actioned |\n\nWhen a skill mentions a role (e.g. \"apply the AFK-ready triage label\"), use the corresponding label string from this table.\n\nEdit the right-hand column to match whatever vocabulary you actually use.\n",[],[82,322,331],"3932660b-fbc3-4033-b0ba-9b8642870329","issue-tracker.md","019f3953-b8df-70da-933b-033d2b846091",["D",1783375727400],"# Issue tracker: Local Markdown\n\nIssues and PRDs for this repo live as markdown files in `docs/issues/`.\n\n## Conventions\n\n- One feature per directory: `docs/issues//`\n- The PRD is `docs/issues//PRD.md`\n- Implementation issues are `docs/issues//issues/-.md`, numbered from `01`\n- Triage state is recorded as a `Status:` line near the top of each issue file (see `triage-labels.md` for the role strings)\n- Comments and conversation history append to the bottom of the file under a `## Comments` heading\n\n## When a skill says \"publish to the issue tracker\"\n\nCreate a new file under `docs/issues//` (creating the directory if needed).\n\n## When a skill says \"fetch the relevant ticket\"\n\nRead the file at the referenced path. The user will normally pass the path or the issue number directly.\n",[],[82,322,338],"a2003e30-4e1b-4812-8316-eee6f6c2f51f","domain.md","019f3953-b8df-70da-933a-fca9bd7ab51b",["D",1783373215838],"# Domain Docs\n\nHow the engineering skills should consume this repo's domain documentation when exploring the codebase.\n\n## Before exploring, read these\n\n- **`CONTEXT.md`** at the repo root, or\n- **`CONTEXT-MAP.md`** at the repo root if it exists — it points at one `CONTEXT.md` per context. Read each one relevant to the topic.\n- **`docs/adr/`** — read ADRs that touch the area you're about to work in. In multi-context repos, also check `src//docs/adr/` for context-scoped decisions.\n\nIf any of these files don't exist, **proceed silently**. Don't flag their absence; don't suggest creating them upfront. The `/domain-modeling` skill (reached via `/grill-with-docs` and `/improve-codebase-architecture`) creates them lazily when terms or decisions actually get resolved.\n\n## File structure\n\nSingle-context repo (most repos):\n\n```\n/\n├── CONTEXT.md\n├── docs/adr/\n│ ├── 0001-event-sourced-orders.md\n│ └── 0002-postgres-for-write-model.md\n└── src/\n```\n\nMulti-context repo (presence of `CONTEXT-MAP.md` at the root):\n\n```\n/\n├── CONTEXT-MAP.md\n├── docs/adr/ ← system-wide decisions\n└── src/\n ├── ordering/\n │ ├── CONTEXT.md\n │ └── docs/adr/ ← context-specific decisions\n └── billing/\n ├── CONTEXT.md\n └── docs/adr/\n```\n\n## Use the glossary's vocabulary\n\nWhen your output names a domain concept (in an issue title, a refactor proposal, a hypothesis, a test name), use the term as defined in `CONTEXT.md`. Don't drift to synonyms the glossary explicitly avoids.\n\nIf the concept you need isn't in the glossary yet, that's a signal — either you're inventing language the project doesn't use (reconsider) or there's a real gap (note it for `/domain-modeling`).\n\n## Flag ADR conflicts\n\nIf your output contradicts an existing ADR, surface it explicitly rather than silently overriding:\n\n> _Contradicts ADR-0007 (event-sourced orders) — but worth reopening because…_\n",[],[82,322,345],["D",1783373215838],[354,355,356,357],[82,83],{"_36":96,"_13":97,"_65":98,"_67":68,"_69":70,"_71":72,"_73":74,"_38":367,"_17":32,"_76":24,"_77":100,"_79":51,"_80":-5,"_125":368,"_18":369},{"_36":90,"_13":91,"_65":92,"_67":68,"_69":70,"_71":72,"_73":74,"_38":364,"_17":32,"_76":24,"_77":94,"_79":51,"_80":-5,"_125":365,"_18":366},{"_36":84,"_13":85,"_65":86,"_67":68,"_69":70,"_71":72,"_73":74,"_38":361,"_17":32,"_76":24,"_77":88,"_79":51,"_80":-5,"_125":362,"_18":363},{"_36":63,"_13":64,"_65":66,"_67":68,"_69":70,"_71":72,"_73":74,"_38":358,"_17":32,"_76":24,"_77":78,"_79":51,"_80":-5,"_125":359,"_18":360},["D",1783373215838],[],[82,83,64],["D",1783373215838],[],[82,83,85],["D",1783373215838],[],[82,83,91],["D",1783373215838],[],[82,83,97],"d0d70317-5966-41a3-a755-e515dcbdf0bb",["D",1783373215838],"legacyEnvVars","httpPrivacy","description","imageUrl","userId","9319c175-2593-4f88-ba21-04f2ef7b1c28","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount","d663a026-6449-42f6-9156-1d4a2d64d38c","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_414":410},"org",{"_11":12,"_407":408,"_409":410,"_376":377,"_411":412,"_413":51},"branch",{"_17":166,"_13":16,"_36":70,"_42":370,"_45":37,"_46":403,"_404":53,"_405":43,"_406":57,"_58":14,"_54":12},78,"forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","displayName","Charlie","avatar","https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/3e904faa-3764-4629-c475-f561a49b0000/square512?exp=1789545599&sig=a8da35ef71655bebef6a4600a21351bd7f28e3bed5ff684593eef639c5d17466","tier","pro","canRestrictVals","profileImageUrl","adoptOrgId",{"_36":370,"_13":14,"_38":567,"_49":-5,"_372":51,"_52":53,"_373":53,"_374":132,"_375":-5,"_376":377,"_378":271,"_379":74,"_380":-5,"_381":-5,"_382":32,"_56":383,"_384":-5,"_385":-5,"_386":-5,"_387":-5,"_388":389,"_390":389,"_391":392,"_393":392,"_394":392,"_395":389,"_396":389,"_397":568,"_399":569,"_401":570,"_50":51},[459,472,476,486,487,488,489,490,491,492,493,494],"files",[459,460,461,462,463,464,465,466,467,468,469,470,471,472,473,474,475,476,477,478,479,480,481,482,483,484,485,486,487,488,489,490,491,492,493,494],"counts",{"_450":32,"_451":72,"_452":32,"_35":453,"_454":455},[442,443,444,445],{"_36":102,"_13":83,"_65":68,"_67":103,"_69":70,"_71":72,"_73":74,"_38":104,"_17":32,"_76":105,"_77":-5,"_79":51,"_80":-5,"_18":441},"upstreamProject",{"_36":43,"_13":14,"_374":438,"_375":-5,"_52":53,"_397":439},"upstreamBranch",{"_36":37,"_38":436,"_40":437,"_13":16,"_42":43,"_17":44,"_45":-5,"_46":-5,"_47":48,"_49":-5,"_50":51,"_52":53,"_54":55,"_56":57,"_58":14},"emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},["D",1781804868542],["D",1784076491200],"Components for consistently styled web apps on Val Town",{"_11":55,"_414":440},"https://secure.gravatar.com/avatar/0129a541b7b3574e92c4afd06c5e32da&d=identicon",[82,83],{"_36":96,"_13":97,"_65":98,"_67":68,"_69":70,"_71":72,"_73":74,"_38":99,"_17":32,"_76":24,"_77":100,"_79":51,"_80":-5,"_18":449},{"_36":90,"_13":91,"_65":92,"_67":68,"_69":70,"_71":72,"_73":74,"_38":93,"_17":32,"_76":24,"_77":94,"_79":51,"_80":-5,"_18":448},{"_36":84,"_13":85,"_65":86,"_67":68,"_69":70,"_71":72,"_73":74,"_38":87,"_17":32,"_76":24,"_77":88,"_79":51,"_80":-5,"_18":447},{"_36":63,"_13":64,"_65":66,"_67":68,"_69":70,"_71":72,"_73":74,"_38":75,"_17":32,"_76":24,"_77":78,"_79":51,"_80":-5,"_18":446},[82,83,64],[82,83,85],[82,83,91],[82,83,97],"pulls","branches","forks",{"_456":32,"_458":32},"connections",{"_456":32,"_457":32},"count","unfilledCount","emptyCount",{"_36":292,"_13":82,"_65":103,"_67":-5,"_69":70,"_71":72,"_73":74,"_38":293,"_17":32,"_76":105,"_77":-5,"_79":51,"_80":-5,"_125":565,"_18":566},{"_36":102,"_13":83,"_65":68,"_67":103,"_69":70,"_71":72,"_73":74,"_38":351,"_17":32,"_76":105,"_77":-5,"_79":51,"_80":-5,"_125":563,"_18":564},{"_36":96,"_13":97,"_65":98,"_67":68,"_69":70,"_71":72,"_73":74,"_38":367,"_17":32,"_76":24,"_77":100,"_79":51,"_80":-5,"_125":561,"_18":562},{"_36":90,"_13":91,"_65":92,"_67":68,"_69":70,"_71":72,"_73":74,"_38":364,"_17":32,"_76":24,"_77":94,"_79":51,"_80":-5,"_125":559,"_18":560},{"_36":84,"_13":85,"_65":86,"_67":68,"_69":70,"_71":72,"_73":74,"_38":361,"_17":32,"_76":24,"_77":88,"_79":51,"_80":-5,"_125":557,"_18":558},{"_36":63,"_13":64,"_65":66,"_67":68,"_69":70,"_71":72,"_73":74,"_38":358,"_17":32,"_76":24,"_77":78,"_79":51,"_80":-5,"_125":555,"_18":556},{"_36":321,"_13":322,"_65":323,"_67":103,"_69":70,"_71":72,"_73":74,"_38":324,"_17":32,"_76":105,"_77":-5,"_79":51,"_80":-5,"_125":553,"_18":554},{"_36":344,"_13":345,"_65":346,"_67":323,"_69":70,"_71":72,"_73":74,"_38":347,"_17":32,"_76":24,"_77":348,"_79":51,"_80":-5,"_125":551,"_18":552},{"_36":337,"_13":338,"_65":339,"_67":323,"_69":70,"_71":166,"_73":74,"_38":340,"_17":72,"_76":24,"_77":341,"_79":51,"_80":-5,"_125":549,"_18":550},{"_36":330,"_13":331,"_65":332,"_67":323,"_69":70,"_71":166,"_73":74,"_38":333,"_17":72,"_76":24,"_77":334,"_79":51,"_80":-5,"_125":547,"_18":548},{"_36":307,"_13":308,"_65":309,"_67":103,"_69":70,"_71":72,"_73":74,"_38":310,"_17":32,"_76":105,"_77":-5,"_79":51,"_80":-5,"_125":545,"_18":546},{"_36":314,"_13":315,"_65":316,"_67":309,"_69":70,"_71":72,"_73":74,"_38":317,"_17":32,"_76":24,"_77":318,"_79":51,"_80":-5,"_125":543,"_18":544},{"_36":300,"_13":301,"_65":302,"_67":103,"_69":70,"_71":166,"_73":74,"_38":303,"_17":72,"_76":24,"_77":304,"_79":51,"_80":-5,"_125":541,"_18":542},{"_36":259,"_13":260,"_65":261,"_67":-5,"_69":70,"_71":262,"_73":74,"_38":263,"_17":32,"_76":105,"_77":-5,"_79":51,"_80":-5,"_125":539,"_18":540},{"_36":285,"_13":286,"_65":287,"_67":261,"_69":70,"_71":166,"_73":74,"_38":288,"_17":72,"_76":123,"_77":289,"_79":51,"_80":-5,"_125":537,"_18":538},{"_36":278,"_13":279,"_65":280,"_67":261,"_69":70,"_71":166,"_73":74,"_38":281,"_17":72,"_76":123,"_77":282,"_79":51,"_80":-5,"_125":535,"_18":536},{"_36":269,"_13":270,"_65":271,"_67":261,"_69":70,"_71":166,"_73":74,"_38":272,"_17":273,"_76":274,"_77":275,"_79":51,"_80":-5,"_125":533,"_18":534},{"_36":184,"_13":185,"_65":186,"_67":-5,"_69":70,"_71":72,"_73":74,"_38":187,"_17":32,"_76":105,"_77":-5,"_79":51,"_80":-5,"_125":531,"_18":532},{"_36":245,"_13":246,"_65":247,"_67":186,"_69":70,"_71":72,"_73":74,"_38":248,"_17":32,"_76":105,"_77":-5,"_79":51,"_80":-5,"_125":529,"_18":530},{"_36":252,"_13":253,"_65":254,"_67":247,"_69":70,"_71":72,"_73":74,"_38":255,"_17":32,"_76":123,"_77":256,"_79":51,"_80":-5,"_125":527,"_18":528},{"_36":215,"_13":216,"_65":217,"_67":186,"_69":70,"_71":72,"_73":74,"_38":218,"_17":32,"_76":105,"_77":-5,"_79":51,"_80":-5,"_125":525,"_18":526},{"_36":238,"_13":239,"_65":240,"_67":217,"_69":70,"_71":72,"_73":74,"_38":241,"_17":32,"_76":123,"_77":242,"_79":51,"_80":-5,"_125":523,"_18":524},{"_36":231,"_13":232,"_65":233,"_67":217,"_69":70,"_71":72,"_73":74,"_38":234,"_17":32,"_76":123,"_77":235,"_79":51,"_80":-5,"_125":521,"_18":522},{"_36":224,"_13":225,"_65":226,"_67":217,"_69":70,"_71":72,"_73":74,"_38":227,"_17":32,"_76":123,"_77":228,"_79":51,"_80":-5,"_125":519,"_18":520},{"_36":193,"_13":194,"_65":195,"_67":186,"_69":70,"_71":72,"_73":74,"_38":196,"_17":32,"_76":105,"_77":-5,"_79":51,"_80":-5,"_125":517,"_18":518},{"_36":208,"_13":209,"_65":210,"_67":195,"_69":70,"_71":72,"_73":74,"_38":211,"_17":32,"_76":123,"_77":212,"_79":51,"_80":-5,"_125":515,"_18":516},{"_36":201,"_13":202,"_65":203,"_67":195,"_69":70,"_71":72,"_73":74,"_38":204,"_17":32,"_76":123,"_77":205,"_79":51,"_80":-5,"_125":513,"_18":514},{"_36":177,"_13":178,"_65":179,"_67":-5,"_69":70,"_71":72,"_73":74,"_38":180,"_17":32,"_76":24,"_77":181,"_79":51,"_80":-5,"_125":511,"_18":512},{"_36":171,"_13":172,"_65":173,"_67":-5,"_69":70,"_71":166,"_73":74,"_38":174,"_17":72,"_76":24,"_77":168,"_79":51,"_80":-5,"_125":509,"_18":510},{"_36":163,"_13":164,"_65":165,"_67":-5,"_69":70,"_71":166,"_73":74,"_38":167,"_17":72,"_76":24,"_77":168,"_79":51,"_80":-5,"_125":507,"_18":508},{"_36":156,"_13":157,"_65":158,"_67":-5,"_69":70,"_71":72,"_73":74,"_38":159,"_17":32,"_76":24,"_77":160,"_79":51,"_80":-5,"_125":505,"_18":506},{"_36":149,"_13":150,"_65":151,"_67":-5,"_69":70,"_71":72,"_73":74,"_38":152,"_17":32,"_76":24,"_77":153,"_79":51,"_80":-5,"_125":503,"_18":504},{"_36":142,"_13":143,"_65":144,"_67":-5,"_69":70,"_71":72,"_73":74,"_38":145,"_17":32,"_76":24,"_77":146,"_79":51,"_80":-5,"_125":501,"_18":502},{"_36":135,"_13":136,"_65":137,"_67":-5,"_69":70,"_71":72,"_73":74,"_38":138,"_17":32,"_76":24,"_77":139,"_79":51,"_80":-5,"_125":499,"_18":500},{"_36":128,"_13":129,"_65":130,"_67":-5,"_69":70,"_71":72,"_73":74,"_38":131,"_17":32,"_76":123,"_77":132,"_79":51,"_80":-5,"_125":497,"_18":498},{"_36":119,"_13":120,"_65":121,"_67":-5,"_69":70,"_71":72,"_73":74,"_38":122,"_17":32,"_76":123,"_77":124,"_79":51,"_80":-5,"_125":495,"_18":496},[],[120],[],[129],[],[136],[],[143],[],[150],[],[157],[],[164],[],[172],[],[178],[],[185,194,202],[],[185,194,209],[484,485],[185,194],[],[185,216,225],[],[185,216,232],[],[185,216,239],[480,481,482],[185,216],[],[185,246,253],[478],[185,246],[477,479,483],[185],[],[260,270],[],[260,279],[],[260,286],[473,474,475],[260],[],[82,301],[],[82,308,315],[470],[82,308],[],[82,322,331],[],[82,322,338],[],[82,322,345],[466,467,468],[82,322],[],[82,83,64],[],[82,83,85],[],[82,83,91],[],[82,83,97],[461,462,463,464],[82,83],[460,465,469,471],[82],["D",1783373215838],{"_11":12,"_414":410},{"_11":12,"_407":408,"_409":410,"_376":377,"_411":412,"_413":51},{"_17":166,"_13":16,"_36":70,"_42":370,"_45":37,"_46":403,"_404":53,"_405":43,"_406":57,"_58":14,"_54":12},"ctx",{"_397":-5,"_433":604,"_605":606,"_607":608,"_609":51,"_610":51,"_611":51,"_612":74,"_613":-5,"_614":-7,"_615":-7,"_616":32,"_617":51,"_618":51,"_619":-5,"_620":51,"_621":51,"_622":51,"_623":-5},"ENV",{"_575":576,"_577":578,"_579":16,"_580":581,"_582":583,"_584":585,"_586":587,"_588":589,"_590":591,"_592":593,"_594":595,"_596":597,"_598":599,"_600":601,"_602":603},"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"]

{title}