\n {lines.map((line, rowIndex) => (\n

\n {line.map((cell, columnIndex) => (\n \n {cell.char === \" \" ? String.fromCharCode(160) : cell.char}\n \n ))}\n

\n ))}\n

\n );\n}\n\nexport function App() {\n const [season, setSeason] = useState(\"spring\");\n const [seed, setSeed] = useState(1987);\n const [grove, setGrove] = useState(3);\n const [detail, setDetail] = useState(4);\n const [breeze, setBreeze] = useState(5);\n const [frame, setFrame] = useState(0);\n\n useEffect(() => {\n const timer = window.setInterval(\n () => setFrame((value) => value + 1),\n 1400,\n );\n return () => window.clearInterval(timer);\n }, []);\n\n const scene = useMemo(\n () => buildGarden(seed, season, grove, detail, breeze, frame),\n [seed, season, grove, detail, breeze, frame],\n );\n\n return (\n \n

\n ascii ui greenhouse\n

\n A coded garden built from clean branching rules and quiet\n terminal charm.\n

\n This scene grows from a seeded tree algorithm: recursive trunk\n passes, seasonal leaf palettes, a layered ground pass, and a\n slow breeze loop that keeps the grove alive without breaking\n the ASCII silhouette.\n

\n\n

\n growth mode\n

{season}

\n {seasonCopy[season]}\n

\n grove density\n

{scene.stats.trees} trunks

\n balanced across foreground depth for cleaner overlap.\n

\n canopy cells\n

{scene.stats.blooms}

\n leaf clusters use seeded jitter to avoid noisy repetition.\n

\n\n

\n garden console\n

\n Tune the generator\n

\n \n setSeed(Math.floor(Math.random() * 9000) + 1000)}\n className=\"rounded-full border border-[color:var(--panel-edge)] bg-white/55 px-4 py-2 text-sm transition hover:-translate-y-0.5 hover:bg-white/80\"\n >\n randomize seed\n \n

\n\n

\n \n

\n seed\n {seed}\n

\n setSeed(Number(event.target.value))}\n />\n \n\n \n

\n grove size\n {grove}\n

\n setGrove(Number(event.target.value))}\n />\n \n\n \n

\n branch detail\n {detail}\n

\n setDetail(Number(event.target.value))}\n />\n \n\n \n

\n breeze\n {breeze}\n

\n setBreeze(Number(event.target.value))}\n />\n \n\n

\n season palette\n

\n {([\"spring\", \"summer\", \"amber\", \"winter\"] as Season[]).map((\n option,\n ) => (\n setSeason(option)}\n className={`rounded-full border px-4 py-2 text-sm transition ${\n season === option\n ? \"border-[color:var(--frame)] bg-white/80 text-[color:var(--ink)]\"\n : \"border-[color:var(--panel-edge)] bg-white/35 text-[color:var(--muted)] hover:bg-white/65\"\n }`}\n >\n [{option}]\n \n ))}\n

\n\n

\n algorithm sketch\n

\n{`root(seed)\n  -> place horizon + water + path\n  -> distribute trunk anchors by depth\n  -> recurse branch(angle, length, depth)\n  -> puff canopy clusters near tips\n  -> apply seasonal glyph palette\n  -> loop breeze offset every 1400ms`}\n

\n Layering keeps back trees readable instead of becoming a\n single noisy blob.\n

\n The pond, path, clouds, and petals are separate passes, so the\n viewport feels composed.\n

\n\n

\n \n

\n\n

\n branch passes\n

{scene.stats.branches}

\n water span\n

{scene.stats.waterline}

\n wind loop\n

\n {Math.abs(Math.sin(frame * 0.8) * breeze).toFixed(1)}\n

\n \n );\n}",[19,70],"c6a01354-18c1-11f1-bf1f-42dde27851f2","utils","c5214340-18c1-11f1-8cd5-42dde27851f2",20,["D",1772735596517],1,"directory",[19,77],"a4d0a3ce-18c1-11f1-8cd5-42dde27851f2",7,["D",1772735539797],[19],{"_37":84,"_13":19,"_40":43,"_42":-5,"_44":45,"_46":85,"_48":49,"_50":99,"_17":52,"_53":82,"_55":-5,"_57":58,"_59":-5,"_96":100,"_18":101},{"_37":90,"_13":91,"_40":92,"_42":-5,"_44":45,"_46":93,"_48":49,"_50":94,"_17":66,"_53":24,"_55":95,"_57":58,"_59":-5,"_96":97,"_18":98},"d9580da8-18c1-11f1-9169-42dde27851f2","index.html","d5f64dd2-18c1-11f1-bf1f-42dde27851f2",28,["D",1772735627925],"\n\n \n \n \n Arena Web Dev App\n \n \n

\n \n \n","children",[],[91],["D",1772735539797],[102,103,104,105],[19],{"_37":76,"_13":77,"_40":78,"_42":43,"_44":45,"_46":79,"_48":49,"_50":115,"_17":81,"_53":82,"_55":-5,"_57":58,"_59":-5,"_96":116,"_18":117},{"_37":69,"_13":70,"_40":71,"_42":43,"_44":45,"_46":72,"_48":49,"_50":112,"_17":66,"_53":54,"_55":74,"_57":58,"_59":-5,"_96":113,"_18":114},{"_37":61,"_13":62,"_40":63,"_42":43,"_44":45,"_46":64,"_48":49,"_50":109,"_17":66,"_53":24,"_55":67,"_57":58,"_59":-5,"_96":110,"_18":111},{"_37":38,"_13":39,"_40":41,"_42":43,"_44":45,"_46":47,"_48":49,"_50":106,"_17":52,"_53":54,"_55":56,"_57":58,"_59":-5,"_96":107,"_18":108},["D",1772735577854],[],[19,39],["D",1772735587235],[],[19,62],["D",1772735568113],[],[19,70],["D",1772735596517],[118],[19,77],{"_37":119,"_13":120,"_40":121,"_42":78,"_44":45,"_46":122,"_48":49,"_50":123,"_17":52,"_53":54,"_55":124,"_57":58,"_59":-5,"_96":125,"_18":126},"cd91e854-18c1-11f1-94a1-42dde27851f2","cn.ts","cb1bd5e4-18c1-11f1-859d-42dde27851f2",23,["D",1772735608167],"import { type ClassValue, clsx } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport function cn(...inputs: ClassValue[]) {\n return twMerge(clsx(inputs));\n}",[],[19,77,120],"213f8a72-18bf-11f1-b9ac-42dde27851f2",["D",1772734460077],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","imageUrl","userId","01999b42-6923-7516-b82f-33ca961b034d","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount",0,"orgId","01999b42-6923-7516-b82f-3505b8a0d6c5","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_180":176},"org",{"_11":12,"_174":-5,"_175":176,"_136":137,"_177":178,"_179":58},"branch",{"_17":93,"_13":16,"_37":45,"_166":127,"_167":-5,"_168":-5,"_169":-5,"_170":-5,"_171":-5,"_172":14,"_173":12},"isOwned","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoiZGVmYXVsdCIsImlpZCI6Imluc18yTm10cGhQUklwU0tqZHNiOHNnNGd2ZjJURFUiLCJyaWQiOiJ1c2VyXzMzUVBmSlozZlNTS0gzRFFsaHhPZk84VDFPNyJ9","tier","free","canRestrictVals","profileImageUrl","adoptOrgId",{"_37":127,"_13":14,"_50":239,"_129":-5,"_130":58,"_131":132,"_133":132,"_134":-5,"_135":-5,"_136":137,"_138":-5,"_139":58,"_140":-5,"_141":-5,"_142":143,"_144":145,"_146":-5,"_147":-5,"_148":-5,"_149":-5,"_150":151,"_152":151,"_153":154,"_155":154,"_156":154,"_157":151,"_158":151,"_159":240,"_161":241,"_163":242,"_165":58},[218,224],"files",[218,219,220,221,222,223,224],"counts",{"_209":143,"_210":81,"_211":143,"_32":212,"_213":214},[201,202,203,204],{"_37":84,"_13":19,"_40":43,"_42":-5,"_44":45,"_46":85,"_48":49,"_50":86,"_17":52,"_53":82,"_55":-5,"_57":58,"_59":-5,"_18":200},"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},[19],{"_37":76,"_13":77,"_40":78,"_42":43,"_44":45,"_46":79,"_48":49,"_50":80,"_17":81,"_53":82,"_55":-5,"_57":58,"_59":-5,"_18":208},{"_37":69,"_13":70,"_40":71,"_42":43,"_44":45,"_46":72,"_48":49,"_50":73,"_17":66,"_53":54,"_55":74,"_57":58,"_59":-5,"_18":207},{"_37":61,"_13":62,"_40":63,"_42":43,"_44":45,"_46":64,"_48":49,"_50":65,"_17":66,"_53":24,"_55":67,"_57":58,"_59":-5,"_18":206},{"_37":38,"_13":39,"_40":41,"_42":43,"_44":45,"_46":47,"_48":49,"_50":51,"_17":52,"_53":54,"_55":56,"_57":58,"_59":-5,"_18":205},[19,39],[19,62],[19,70],[19,77],"pulls","branches","forks",{"_215":143,"_217":143},"connections",{"_215":143,"_216":143},"count","unfilledCount","emptyCount",{"_37":84,"_13":19,"_40":43,"_42":-5,"_44":45,"_46":85,"_48":49,"_50":99,"_17":52,"_53":82,"_55":-5,"_57":58,"_59":-5,"_96":237,"_18":238},{"_37":76,"_13":77,"_40":78,"_42":43,"_44":45,"_46":79,"_48":49,"_50":115,"_17":81,"_53":82,"_55":-5,"_57":58,"_59":-5,"_96":235,"_18":236},{"_37":119,"_13":120,"_40":121,"_42":78,"_44":45,"_46":122,"_48":49,"_50":123,"_17":52,"_53":54,"_55":124,"_57":58,"_59":-5,"_96":233,"_18":234},{"_37":69,"_13":70,"_40":71,"_42":43,"_44":45,"_46":72,"_48":49,"_50":112,"_17":66,"_53":54,"_55":74,"_57":58,"_59":-5,"_96":231,"_18":232},{"_37":61,"_13":62,"_40":63,"_42":43,"_44":45,"_46":64,"_48":49,"_50":109,"_17":66,"_53":24,"_55":67,"_57":58,"_59":-5,"_96":229,"_18":230},{"_37":38,"_13":39,"_40":41,"_42":43,"_44":45,"_46":47,"_48":49,"_50":106,"_17":52,"_53":54,"_55":56,"_57":58,"_59":-5,"_96":227,"_18":228},{"_37":90,"_13":91,"_40":92,"_42":-5,"_44":45,"_46":93,"_48":49,"_50":94,"_17":66,"_53":24,"_55":95,"_57":58,"_59":-5,"_96":225,"_18":226},[],[91],[],[19,39],[],[19,62],[],[19,70],[],[19,77,120],[220],[19,77],[219,221,222,223],[19],["D",1772734460077],{"_11":12,"_180":176},{"_11":12,"_174":-5,"_175":176,"_136":137,"_177":178,"_179":58},{"_17":93,"_13":16,"_37":45,"_166":127,"_167":-5,"_168":-5,"_169":-5,"_170":-5,"_171":-5,"_172":14,"_173":12},"ctx",{"_159":-5,"_197":276,"_277":278,"_279":280,"_281":58,"_282":58,"_283":58,"_284":49,"_285":-5,"_286":-7,"_287":-7,"_288":143,"_289":58,"_290":58,"_291":-5,"_292":58,"_293":58,"_294":58,"_295":-5},"ENV",{"_247":248,"_249":250,"_251":16,"_252":253,"_254":255,"_256":257,"_258":259,"_260":261,"_262":263,"_264":265,"_266":267,"_268":269,"_270":271,"_272":273,"_274":275},"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"]