[{"_1":2,"_175":-5,"_176":-5},"loaderData",{"_3":4,"_93":94},"root",{"_5":6,"_36":37,"_66":67},"ctx",{"_7":8,"_23":-5,"_24":25,"_26":27,"_28":20,"_29":20,"_30":20,"_31":-5,"_32":33,"_34":20,"_35":20},"auth",{"_9":-5,"_10":-5,"_11":-5,"_12":-5,"_13":-5,"_14":-5,"_15":-5,"_16":-5,"_17":-5,"_18":-5,"_19":20,"_21":22},"sessionClaims","sessionId","sessionStatus","userId","actor","orgId","orgRole","orgSlug","orgPermissions","factorVerificationAge","isAuthenticated",false,"tokenType","session_token","user","preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesChatPanelState","notificationCount",0,"flagDenols","isTeamOrgMember","ENV",{"_38":39,"_40":41,"_42":43,"_44":45,"_46":47,"_48":49,"_50":51,"_52":53,"_54":55,"_56":57,"_58":59,"_60":61,"_62":63,"_64":65},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","VAL_RUNTIME_NAME","prod","RENDER_GIT_COMMIT","2f1b7933526c99d174f6c4b9fb9d1854a177ff5c","RENDER_GIT_BRANCH","main","CLERK_PUBLISHABLE_KEY","pk_live_Y2xlcmsudmFsLnRvd24k","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","API_URL","https://api.val.town","clerkState",{"_68":69},"__internal_clerk_state",{"_70":71,"_72":47,"_73":74,"_75":74,"_76":20,"_77":74,"_78":74,"_79":74,"_80":74,"_81":82,"_91":20,"_92":20},"__clerk_ssr_state",{"_21":22,"_9":-5,"_10":-5,"_11":-5,"_12":-5,"_13":-5,"_14":-5,"_15":-5,"_16":-5,"_17":-5,"_18":-5,"_19":20},"__publishableKey","__proxyUrl","","__domain","__isSatellite","__signInUrl","__signUpUrl","__afterSignInUrl","__afterSignUpUrl","__clerk_debug",{"_83":20,"_19":20,"_84":74,"_85":86,"_87":74,"_88":47,"_89":20,"_90":74},"isSignedIn","proxyUrl","reason","session-token-and-uat-missing","message","publishableKey","isSatellite","domain","__telemetryDisabled","__telemetryDebug","routes/embed.x.$handle.$name.$",{"_95":96,"_97":98,"_99":100,"_101":102,"_153":154,"_172":173,"_174":-5},"handle","amotivv","name","fork_node_01_monochrome_chat","path","main.ts","project",{"_103":104,"_97":98,"_105":106,"_107":-5,"_108":20,"_109":110,"_111":-5,"_112":-5,"_12":113,"_114":-5,"_115":20,"_116":-5,"_117":-5,"_118":33,"_14":119,"_120":-5,"_121":-5,"_122":123,"_124":123,"_125":126,"_127":126,"_128":126,"_129":123,"_130":123,"_23":131,"_134":135,"_139":140,"_152":20},"id","0f90dc9e-1320-11f1-ab0b-42dde27851f2","createdAt",["D",1772116384597],"deletedAt","legacyEnvVars","privacy","public","description","imageUrl","37e6867c-c774-45b4-89db-f0c7df1ca90f","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount","7c7dcd2d-23ec-4a0a-a38e-7bc06ae69422","tursoName","tursoHostname","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm",{"_95":96,"_132":133},"profileImageUrl","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18yaUx0RVZQQ1BSd0o3NHY3QzBVN21OaW1rVlUifQ","org",{"_95":96,"_136":133,"_12":113,"_137":138},"avatar","tier","pro","branch",{"_141":142,"_97":45,"_103":143,"_144":104,"_145":-5,"_146":-5,"_147":-5,"_148":-5,"_149":-5,"_150":98,"_151":96},"version",20,"0f922b30-1320-11f1-ab0b-42dde27851f2","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","isOwned","file",{"_103":155,"_97":100,"_156":157,"_158":-5,"_159":143,"_160":142,"_161":162,"_105":163,"_141":164,"_165":166,"_167":168,"_169":20,"_170":-5,"_99":171},"b99e07a4-132d-11f1-8252-42dde27851f2","fileId","134dfe5c-1320-11f1-b6fe-42dde27851f2","parentId","branchId","branchVersion","latest",true,["D",1772122253367],19,"fileType","http","content","const SYSTEM_PROMPT = `You are the Monochrome Assistant — an expert on the monochrome accessible UI component library (https://monochrome.sh). You know every detail of the library and help developers build with it.\n\n# What monochrome is\n\nAn accessible component library for any project. Keyboard navigation, ARIA support, and focus management in 2.2kB (2219 bytes gzipped) of vanilla JavaScript. 350 automated Playwright tests. MIT licensed, created by Colin van Eenige. Works with any stack: React, Next.js, Astro, Nuxt, SvelteKit, Laravel, Rails, WordPress, or plain HTML.\n\n# Philosophy & Architecture\n\n## The Problem\nBuilding accessible interactive components is hard. They need correct ARIA attributes, keyboard navigation, focus management, and screen reader support. Libraries like Base UI and React Aria solve this beautifully but require a client-side framework loaded on the client to manage state. Not every project needs that. Static sites, server-rendered pages, content-heavy applications — sometimes you just want HTML to become interactive.\n\n## The Solution\nmonochrome uses the DOM as its source of truth. Instead of managing state in JavaScript, it reads ARIA attributes, responds to user interactions, and updates them directly. There are no component instances, no state objects, no memory allocations per component.\n\nKey architectural principles:\n- **Event delegation**: Minimal global event listeners shared across EVERY component. The library registers listeners once. All interactions bubble up to these global handlers.\n- **Zero per-component cost**: A page with 1000 components performs exactly the same as a page with one. This isn't an optimization — it's the architecture.\n- **Inherently dynamic**: Anything added to the DOM works the moment it appears. The library responds to interactions as they happen, not to components registered at startup. Nothing to initialize, nothing to clean up.\n- **No framework required**: Works with any stack that outputs HTML. React components are included as an optional convenience layer for generating correct markup.\n- **DOM is truth**: When you click a collapsible trigger, four things happen: (1) click bubbles to global listener, (2) button's ID prefix tells the library this is a collapsible trigger, (3) aria-expanded toggles, (4) aria-hidden toggles on content. Four attribute changes. No framework, no query selector, no state object.\n\n## Performance\n- Event delegation: minimal global listeners shared across all components\n- No per-component instances, state objects, or memory allocations\n- No query selectors needed — IDs encode component type and relationships\n- Adding more components to the page costs nothing at runtime\n\n\n\n# Installation\n\n## Package Manager\n\\`\\`\\`\nnpm install monochrome # or bun add / pnpm add / yarn add\n\\`\\`\\`\n\nImport the runtime once in your app's entry point:\n\\`\\`\\`js\nimport \"monochrome\"\n\\`\\`\\`\n\nThis single import registers event listeners that handle all component interactions through event delegation. No initialization function, no configuration.\n\n## CDN (no build step)\n\\`\\`\\`html\n