[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8},"actionData","errors","root",{"_110":111,"_112":113},"routes/embed.x.$handle.$name.$",{"_9":10,"_11":12,"_13":14,"_15":16,"_17":18,"_19":20,"_21":-5},"handle","testprojects","name","my-chatbot","path","frontend/components/App.tsx","project",{"_22":49,"_11":12,"_35":50,"_51":-5,"_52":44,"_53":54,"_55":54,"_56":57,"_58":-5,"_59":60,"_61":62,"_63":34,"_64":-5,"_65":-5,"_66":67,"_68":69,"_70":71,"_72":73,"_74":75,"_76":-5,"_77":78,"_79":78,"_80":81,"_82":81,"_83":81,"_84":78,"_85":78,"_86":87,"_88":89,"_90":91,"_92":44},"file",{"_22":23,"_11":24,"_25":26,"_27":28,"_29":30,"_31":32,"_33":34,"_35":36,"_37":38,"_39":40,"_41":42,"_43":44,"_45":-5,"_13":46},"permalink","https://www.val.town/x/testprojects/my-chatbot/code/frontend/components/App.tsx","extension","id","6a1b6c99-f965-4c87-88af-9cf87bf55cbf","App.tsx","fileId","01a09f74-2ec9-7598-8557-9456889dd80c","parentId","01a09f74-2eca-779e-bf47-28f1aa732df0","branchId","ee78e4df-9d49-44fe-a93c-3490446f2d42","branchVersion",20,"latest",true,"createdAt",["D",1789381923759],"version",5,"fileType","script","content","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useState } from \"https://esm.sh/react@18.2.0\";\nimport { Sidebar } from \"./Sidebar.tsx\";\nimport { Chat } from \"./Chat.tsx\";\nimport { Menu, Plus, Share } from \"./Icons.tsx\";\nimport type { Conversation, Message } from \"./types.ts\";\n\nconst USER = \"testprojects\";\n\nfunction newId() {\n return crypto?.randomUUID ? crypto.randomUUID() : String(Math.random()).slice(2);\n}\nfunction draft(): Conversation {\n return { id: newId(), title: \"New session\", messages: [] };\n}\n\nexport function App() {\n const [conversations, setConversations] = useState(() => [draft()]);\n const [activeId, setActiveId] = useState(() => conversations[0].id);\n\n const active = conversations.find((c) => c.id === activeId) ?? conversations[0];\n\n function newChat() {\n // Reuse the current one if it's still empty\n const existing = conversations.find((c) => c.messages.length === 0);\n if (existing) {\n setActiveId(existing.id);\n return;\n }\n const d = draft();\n setConversations((prev) => [d, ...prev]);\n setActiveId(d.id);\n }\n\n function updateMessages(updater: Message[] | ((p: Message[]) => Message[])) {\n const id = activeId;\n setConversations((prev) =>\n prev.map((c) => {\n if (c.id !== id) return c;\n const messages = Array.isArray(updater) ? updater : updater(c.messages);\n const firstUser = messages.find((m) => m.role === \"user\" && m.content);\n return {\n ...c,\n messages,\n title: c.title !== \"New session\" ? c.title : (firstUser?.content ?? \"New session\").slice(0, 40),\n };\n }),\n );\n }\n\n const topBtn =\n \"w-8 h-7 flex items-center justify-center rounded-lg border border-neutral-800 bg-[#1f1f1f] text-neutral-400 hover:text-neutral-100 hover:bg-neutral-800 cursor-pointer\";\n\n return (\n

\n c.messages.length > 0)}\n activeId={activeId}\n onSelect={setActiveId}\n onNew={newChat}\n user={USER}\n />\n

\n {/* Top bar */}\n

\n \n

\n Free plan\n ·\n Upgrade\n

\n \n \n \n \n

\n\n \n

\n );\n}\n","deleted",false,"label",[47,48,24],"frontend","components","1d4bc60c-9190-4e3b-80f0-e611e6a52e5e",["D",1789381586527],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","Streaming chat UI powered by an LLM API","imageUrl","userId","cd125b90-c51e-4c9f-9274-8dacceb59852","pinnedFileId","01a09f74-2eca-779e-bf47-465c91838701","pinPreview","pinMigrated","screenshotVersion","likeCount",0,"orgId","01a09f6f-2947-7517-92e3-569021a3ec8a","tursoName","1d4bc60c91904e3b80f0e611e6a52e5e","tursoHostname","1d4bc60c91904e3b80f0e611e6a52e5e-val-town.aws-us-east-2.turso.io","tursoMeasuredAt",["D",1789468860049],"pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_9":10,"_109":105},"org",{"_9":10,"_103":10,"_104":105,"_59":60,"_106":107,"_108":44},"branch",{"_37":93,"_11":94,"_22":30,"_95":49,"_96":-5,"_97":-5,"_98":-5,"_99":-5,"_100":-5,"_101":12,"_102":10},"isOwned",23,"main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","displayName","avatar","https://lh3.googleusercontent.com/a/ACg8ocL19u9RGAmDi0AaCxbkMHCSzRnP6BNSjl-M4pd-6tcF-ESMtg=s96-c","tier","free","canRestrictVals","profileImageUrl","ctx",{"_86":-5,"_143":144,"_145":146,"_147":148,"_149":44,"_150":44,"_151":44,"_152":34,"_153":-5,"_154":-7,"_155":-7,"_156":67,"_157":44,"_158":44,"_159":-5,"_160":44,"_161":44,"_162":44,"_163":-5},"ENV",{"_114":115,"_116":117,"_118":94,"_119":120,"_121":122,"_123":124,"_125":126,"_127":128,"_129":130,"_131":132,"_133":134,"_135":136,"_137":138,"_139":140,"_141":142},"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","orgs",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]