[{"_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/Chat.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/Chat.tsx","extension","id","5bb6a90f-5b41-4e99-b265-d439a80688fa","Chat.tsx","fileId","c93f6a72-b026-11f1-81e0-1607ee4eb77e","parentId","01a09f74-2eca-779e-bf47-28f1aa732df0","branchId","ee78e4df-9d49-44fe-a93c-3490446f2d42","branchVersion",18,"latest",true,"createdAt",["D",1789381896545],"version",3,"fileType","script","content","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useEffect, useRef, useState } from \"https://esm.sh/react@18.2.0\";\nimport type { Message } from \"./types.ts\";\nimport { Composer, MODELS } from \"./Composer.tsx\";\n\nexport function Chat({\n messages,\n onMessagesChange,\n}: {\n messages: Message[];\n onMessagesChange: (m: Message[] | ((prev: Message[]) => Message[])) => void;\n}) {\n const [input, setInput] = useState(\"\");\n const [loading, setLoading] = useState(false);\n const [model, setModel] = useState(MODELS[0].id);\n const endRef = useRef(null);\n\n useEffect(() => {\n endRef.current?.scrollIntoView({ behavior: \"smooth\" });\n }, [messages]);\n\n async function send() {\n const content = input.trim();\n if (!content || loading) return;\n setInput(\"\");\n setLoading(true);\n const history: Message[] = [...messages, { role: \"user\", content }];\n onMessagesChange([...history, { role: \"assistant\", content: \"\" }]);\n try {\n const res = await fetch(\"/api/chat\", {\n method: \"POST\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify({ messages: history, model }),\n });\n if (!res.ok) {\n const err = await res.json().catch(() => ({}));\n throw new Error(err.error || `Request failed (${res.status})`);\n }\n const reader = res.body!.getReader();\n const decoder = new TextDecoder();\n let buffer = \"\";\n while (true) {\n const { done, value } = await reader.read();\n if (done) break;\n buffer += decoder.decode(value, { stream: true });\n const lines = buffer.split(\"\\n\");\n buffer = lines.pop() ?? \"\";\n for (const line of lines) {\n if (!line.startsWith(\"data:\")) continue;\n const payload = line.slice(5).trim();\n if (payload === \"[DONE]\") continue;\n try {\n const json = JSON.parse(payload);\n if (json.delta) {\n onMessagesChange((prev) => {\n const next = [...prev];\n next[next.length - 1] = {\n role: \"assistant\",\n content: next[next.length - 1].content + json.delta,\n };\n return next;\n });\n }\n } catch {\n /* ignore partial lines */\n }\n }\n }\n } catch (err) {\n onMessagesChange((prev) => {\n const next = [...prev];\n next[next.length - 1] = {\n role: \"assistant\",\n content: `⚠️ ${(err as Error).message}\\n\\nSet your OPENROUTER_API_KEY to make this work.`,\n };\n return next;\n });\n } finally {\n setLoading(false);\n }\n }\n\n const composer = (\n \n );\n\n // Empty state — hero + centered composer (matches the reference design)\n if (messages.length === 0) {\n return (\n

\n What do you want to know?\n

\n {composer}\n

\n );\n }\n\n return (\n

\n {messages.map((m, i) =>\n m.role === \"user\" ? (\n

\n {m.content}\n

\n ) : (\n

\n {m.content || (\n \n )}\n

\n ),\n )}\n

{composer}

\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"]