[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_161":162,"_163":164},"routes/_app.x.$handle.$name",{"_114":113,"_34":60,"_123":104,"_29":124,"_13":14,"_125":-5,"_11":126,"_127":128,"_129":130,"_131":132,"_133":134,"_22":-5,"_135":-5,"_136":-5,"_137":64,"_138":139,"_140":64,"_141":-5,"_142":-5,"_143":144},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_58":59,"_34":60,"_40":61,"_62":-5,"_63":64,"_65":66,"_67":66,"_68":69,"_70":-5,"_18":71,"_72":-5,"_73":64,"_74":-5,"_75":-5,"_76":77,"_78":79,"_80":81,"_82":83,"_84":85,"_86":-5,"_87":88,"_89":88,"_90":91,"_92":91,"_93":91,"_94":88,"_95":88,"_96":97,"_98":99,"_100":101,"_102":64},"version",16,"changes",[19,20,21],"aiChatInfo","userId",{"_22":52,"_24":53,"_26":27,"_28":27,"_29":54,"_31":54},{"_22":45,"_24":46,"_26":27,"_28":27,"_29":47,"_31":47},{"_22":23,"_24":25,"_26":27,"_28":27,"_29":30,"_31":30},"file",{"_32":33,"_34":35,"_36":37,"_38":39,"_40":41,"_42":14,"_43":44,"_26":27},"previous",{"_32":33,"_34":35,"_36":37,"_38":39},"deleted",true,"deletedHere","path","frontend/App.tsx","latestPath","fileId","87646086-51d4-11f1-95f5-ee650bb23af1","name","App.tsx","fileType","script","content","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState, useRef, useEffect } from \"https://esm.sh/react@18.2.0\";\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\n\ninterface Message {\n id: string;\n role: \"user\" | \"assistant\";\n text: string;\n timestamp: Date;\n}\n\nfunction formatTime(date: Date) {\n return date.toLocaleTimeString([], { hour: \"2-digit\", minute: \"2-digit\" });\n}\n\nfunction TypingIndicator() {\n return (\n

\n ⚡\n

\n );\n}\n\nfunction ChatBubble({ message }: { message: Message }) {\n const isUser = message.role === \"user\";\n\n return (\n

\n {!isUser && (\n

\n ⚡\n

\n )}\n {isUser && (\n

\n P\n

\n )}\n

\n \n {message.text}\n

\n {formatTime(message.timestamp)}\n

\n \n );\n}\n\nfunction App() {\n const [messages, setMessages] = useState([\n {\n id: \"welcome\",\n role: \"assistant\",\n text: \"Hey Papa! 👋⚡ I'm Bizli, your AI bestie. What's on your mind today?\",\n timestamp: new Date(),\n },\n ]);\n const [input, setInput] = useState(\"\");\n const [isLoading, setIsLoading] = useState(false);\n const messagesEndRef = useRef(null);\n const inputRef = useRef(null);\n\n const scrollToBottom = () => {\n messagesEndRef.current?.scrollIntoView({ behavior: \"smooth\" });\n };\n\n useEffect(() => {\n scrollToBottom();\n }, [messages, isLoading]);\n\n const sendMessage = async () => {\n const text = input.trim();\n if (!text || isLoading) return;\n\n const userMessage: Message = {\n id: crypto.randomUUID(),\n role: \"user\",\n text,\n timestamp: new Date(),\n };\n\n setMessages((prev) => [...prev, userMessage]);\n setInput(\"\");\n setIsLoading(true);\n\n try {\n const chatHistory = [...messages.filter((m) => m.id !== \"welcome\"), userMessage].map((m) => ({\n role: m.role === \"user\" ? \"user\" : \"assistant\",\n text: m.text,\n }));\n\n const res = await fetch(\"/api/chat\", {\n method: \"POST\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify({ messages: chatHistory }),\n });\n\n const data = await res.json();\n\n if (data.error) {\n throw new Error(data.error);\n }\n\n const assistantMessage: Message = {\n id: crypto.randomUUID(),\n role: \"assistant\",\n text: data.reply,\n timestamp: new Date(),\n };\n\n setMessages((prev) => [...prev, assistantMessage]);\n } catch (err: any) {\n const errorMessage: Message = {\n id: crypto.randomUUID(),\n role: \"assistant\",\n text: \"Ugh, something went wrong 😵 Try again?\",\n timestamp: new Date(),\n };\n setMessages((prev) => [...prev, errorMessage]);\n console.error(err);\n } finally {\n setIsLoading(false);\n inputRef.current?.focus();\n }\n };\n\n const handleKeyDown = (e: React.KeyboardEvent) => {\n if (e.key === \"Enter\" && !e.shiftKey) {\n e.preventDefault();\n sendMessage();\n }\n };\n\n const clearChat = () => {\n setMessages([\n {\n id: \"welcome\",\n role: \"assistant\",\n text: \"Fresh start! 🧹✨ What's up, Papa?\",\n timestamp: new Date(),\n },\n ]);\n };\n\n return (\n \n {/* Header - Snapchat style */}\n

\n ⚡\n

Bizli

Online now

\n \n Clear\n \n \n Source\n \n

\n\n {/* Chat area */}\n

\n {/* Date chip */}\n

\n \n Today\n \n

\n\n {messages.map((msg) => (\n \n ))}\n\n {isLoading && }\n

\n\n {/* Input area - Snapchat style */}\n

\n setInput(e.target.value)}\n onKeyDown={handleKeyDown}\n placeholder=\"Send a chat...\"\n className=\"bg-transparent text-white text-sm outline-none w-full placeholder-gray-500\"\n disabled={isLoading}\n autoFocus\n />\n

\n \n \n \n

\n );\n}\n\ncreateRoot(document.getElementById(\"root\")!).render();\n","createdAt",["D",1779012187391],"branchVersion","branchId","e72fb52a-51d3-11f1-8811-ee650bb23af1",{"_32":48,"_34":49,"_36":22,"_38":50,"_40":51,"_42":14,"_43":44,"_26":27},{"_32":48,"_34":49,"_36":22,"_38":50},"frontend/index.html","745fb350-51d4-11f1-ba16-ee650bb23af1","index.html","\n\n\n \n \n Bizli ⚡\n ⚡\">\n \n \n \n \n\n\n

\n \n\n\n",["D",1779012187391],{"_32":55,"_34":54,"_36":56,"_38":-5,"_40":57,"_42":14,"_43":44,"_26":27},{"_32":55,"_34":54,"_36":56,"_38":-5},"frontend","6e07cc7c-51d4-11f1-a219-ee650bb23af1","directory",["D",1779012187391],"id","e72f3a82-51d3-11f1-8811-ee650bb23af1","bizli-chatbot",["D",1779010598377],"deletedAt","legacyEnvVars",false,"privacy","public","httpPrivacy","description","Bizli - Gemini chatbot with Snapchat UI","imageUrl","c470bced-164f-4806-adee-3de26c53ff9f","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount",0,"orgId","019e3547-a68b-70fd-8d77-9256e4117885","tursoName","e72f3a8251d311f18811ee650bb23af1","tursoHostname","e72f3a8251d311f18811ee650bb23af1-val-town.aws-us-east-2.turso.io","tursoMeasuredAt",["D",1789489305251],"pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_114":113,"_122":118},"org",{"_114":113,"_115":116,"_117":118,"_18":71,"_119":120,"_121":64},"branch",{"_13":103,"_34":104,"_58":44,"_105":59,"_106":-5,"_107":-5,"_108":-5,"_109":-5,"_110":-5,"_111":60,"_112":113},"isOwned",33,"main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","abhyadev","handle","displayName","abhyapatwa-source","avatar","https://avatars.githubusercontent.com/u/276154701?v=4","tier","free","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_58":59,"_34":60,"_40":156,"_62":-5,"_63":64,"_65":66,"_67":66,"_68":69,"_70":-5,"_18":71,"_72":-5,"_73":64,"_74":-5,"_75":-5,"_76":77,"_78":79,"_80":81,"_82":83,"_84":157,"_86":-5,"_87":88,"_89":88,"_90":91,"_92":91,"_93":91,"_94":88,"_95":88,"_96":158,"_98":159,"_100":160,"_102":64},"tree",[],"files",[],"counts",{"_145":77,"_146":147,"_148":77,"_149":150,"_151":152},"contents",[],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},"pulls","branches",1,"forks","envVars",{"_153":147,"_155":77},"connections",{"_153":77,"_154":77},"count","unfilledCount","emptyCount",["D",1779010598377],["D",1789489305251],{"_114":113,"_122":118},{"_114":113,"_115":116,"_117":118,"_18":71,"_119":120,"_121":64},{"_13":103,"_34":104,"_58":44,"_105":59,"_106":-5,"_107":-5,"_108":-5,"_109":-5,"_110":-5,"_111":60,"_112":113},"ctx",{"_96":-5,"_142":194,"_195":196,"_197":198,"_199":64,"_200":64,"_201":64,"_202":27,"_203":-5,"_204":-7,"_205":-7,"_206":77,"_207":64,"_208":64,"_209":-5,"_210":64,"_211":64,"_212":64,"_213":-5},"ENV",{"_165":166,"_167":168,"_169":104,"_170":171,"_172":173,"_174":175,"_176":177,"_178":179,"_180":181,"_182":183,"_184":185,"_186":187,"_188":189,"_190":191,"_192":193},"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"]

Diff · v16