[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8},"actionData","errors","root",{"_109":110,"_111":112},"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/Composer.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":38,"_67":68,"_69":70,"_71":72,"_73":74,"_75":-5,"_76":77,"_78":77,"_79":80,"_81":80,"_82":80,"_83":77,"_84":77,"_85":86,"_87":88,"_89":90,"_91":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/Composer.tsx","extension","id","06481c2d-86b6-43a4-9535-69370cb7dd7c","Composer.tsx","fileId","5914d880-b027-11f1-bbc2-1607ee4eb77e","parentId","01a09f74-2eca-779e-bf47-28f1aa732df0","branchId","ee78e4df-9d49-44fe-a93c-3490446f2d42","branchVersion",16,"latest",true,"createdAt",["D",1789381846981],"version",0,"fileType","script","content","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useEffect, useRef } from \"https://esm.sh/react@18.2.0\";\nimport { ArrowUp, ChevronDown, Mic, Monitor, Plus, Search, Waveform } from \"./Icons.tsx\";\n\nexport const MODELS: { id: string; label: string }[] = [\n { id: \"openai/gpt-4o-mini\", label: \"GPT-4o mini\" },\n { id: \"openai/gpt-4o\", label: \"GPT-4o\" },\n { id: \"anthropic/claude-3.5-sonnet\", label: \"Claude 3.5 Sonnet\" },\n { id: \"google/gemini-flash-1.5\", label: \"Gemini 1.5 Flash\" },\n { id: \"meta-llama/llama-3.1-70b-instruct\", label: \"Llama 3.1 70B\" },\n { id: \"deepseek/deepseek-chat\", label: \"DeepSeek V3\" },\n];\n\nexport function Composer({\n value,\n onChange,\n onSend,\n loading,\n model,\n onModelChange,\n}: {\n value: string;\n onChange: (v: string) => void;\n onSend: () => void;\n loading: boolean;\n model: string;\n onModelChange: (m: string) => void;\n}) {\n const taRef = useRef(null);\n\n useEffect(() => {\n const ta = taRef.current;\n if (ta) {\n ta.style.height = \"auto\";\n ta.style.height = `${Math.min(ta.scrollHeight, 220)}px`;\n }\n }, [value]);\n\n const pill =\n \"flex items-center gap-1.5 h-8 px-3 rounded-lg text-[13px] text-neutral-300 hover:bg-neutral-800 transition-colors cursor-pointer\";\n\n return (\n

\n onChange(e.target.value)}\n onKeyDown={(e) => {\n if (e.key === \"Enter\" && !e.shiftKey) {\n e.preventDefault();\n onSend();\n }\n }}\n rows={1}\n placeholder=\"Ask anything...\"\n class=\"w-full bg-transparent resize-none outline-none px-5 pt-5 pb-3 text-[15px] text-neutral-100 placeholder:text-neutral-500\"\n />\n

\n \n \n \n\n

\n\n \n onModelChange(e.target.value)}\n class=\"appearance-none bg-transparent outline-none pr-5 cursor-pointer text-neutral-300\"\n >\n {MODELS.map((m) => (\n \n ))}\n \n \n \n \n \n {loading ? (\n \n ) : value.trim() ? (\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","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,"_108":104},"org",{"_9":10,"_102":10,"_103":104,"_59":60,"_105":106,"_107":44},"branch",{"_37":92,"_11":93,"_22":30,"_94":49,"_95":-5,"_96":-5,"_97":-5,"_98":-5,"_99":-5,"_100":12,"_101":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",{"_85":-5,"_142":143,"_144":145,"_146":147,"_148":44,"_149":44,"_150":44,"_151":34,"_152":-5,"_153":-7,"_154":-7,"_155":38,"_156":44,"_157":44,"_158":-5,"_159":44,"_160":44,"_161":44,"_162":-5},"ENV",{"_113":114,"_115":116,"_117":93,"_118":119,"_120":121,"_122":123,"_124":125,"_126":127,"_128":129,"_130":131,"_132":133,"_134":135,"_136":137,"_138":139,"_140":141},"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"]