[{"_1":2,"_171":-5,"_172":-5},"loaderData",{"_3":4,"_92":93},"root",{"_5":6,"_35":36,"_65":66},"ctx",{"_7":8,"_23":-5,"_24":25,"_26":27,"_28":20,"_29":20,"_30":20,"_31":32,"_33":20,"_34":20},"auth",{"_9":-5,"_10":-5,"_11":-5,"_12":-5,"_13":-5,"_14":-5,"_15":-5,"_16":-5,"_17":-5,"_18":-5,"_19":20,"_21":22},"sessionClaims","sessionId","sessionStatus","userId","actor","orgId","orgRole","orgSlug","orgPermissions","factorVerificationAge","isAuthenticated",false,"tokenType","session_token","user","preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","notificationCount",0,"flagDenols","isTeamOrgMember","ENV",{"_37":38,"_39":40,"_41":42,"_43":44,"_45":46,"_47":48,"_49":50,"_51":52,"_53":54,"_55":56,"_57":58,"_59":60,"_61":62,"_63":64},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","VAL_RUNTIME_NAME","prod","RENDER_GIT_COMMIT","c2ca74b25698bc62f1250d595e4f42af9437a7d5","RENDER_GIT_BRANCH","main","CLERK_PUBLISHABLE_KEY","pk_live_Y2xlcmsudmFsLnRvd24k","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","API_URL","https://api.val.town","clerkState",{"_67":68},"__internal_clerk_state",{"_69":70,"_71":46,"_72":73,"_74":73,"_75":20,"_76":73,"_77":73,"_78":73,"_79":73,"_80":81,"_90":20,"_91":20},"__clerk_ssr_state",{"_21":22,"_9":-5,"_10":-5,"_11":-5,"_12":-5,"_13":-5,"_14":-5,"_15":-5,"_16":-5,"_17":-5,"_18":-5,"_19":20},"__publishableKey","__proxyUrl","","__domain","__isSatellite","__signInUrl","__signUpUrl","__afterSignInUrl","__afterSignUpUrl","__clerk_debug",{"_82":20,"_19":20,"_83":73,"_84":85,"_86":73,"_87":46,"_88":20,"_89":73},"isSignedIn","proxyUrl","reason","session-token-and-uat-missing","message","publishableKey","isSatellite","domain","__telemetryDisabled","__telemetryDebug","routes/embed.x.$handle.$name.$",{"_94":95,"_96":97,"_98":99,"_100":101,"_148":149,"_168":169,"_170":-5},"handle","Prada","name","Locals-AI","path","App.tsx","project",{"_102":103,"_96":97,"_104":105,"_106":-5,"_107":20,"_108":109,"_110":73,"_111":-5,"_12":112,"_113":-5,"_114":20,"_115":-5,"_116":-5,"_117":32,"_14":118,"_119":120,"_121":120,"_122":123,"_124":123,"_125":123,"_126":120,"_127":120,"_23":128,"_131":132,"_134":135,"_147":20},"id","09b24bb4-d7ac-11f0-842b-42dde27851f2","createdAt",["D",1765579434547],"deletedAt","legacyEnvVars","privacy","public","description","imageUrl","d9e531c4-c80e-4b2e-8e7a-81096deef219","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount","108f00d1-525f-45b2-9b69-bb13738fd607","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm",{"_94":95,"_129":130},"profileImageUrl","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18ybHI3S3lKQWFsVkJpMFlOMk9oTFNoSWQ5TnkifQ","org",{"_94":95,"_133":130,"_12":112},"avatar","branch",{"_136":137,"_96":44,"_102":138,"_139":103,"_140":-5,"_141":-5,"_142":-5,"_143":-5,"_144":-5,"_145":97,"_146":95},"version",290,"09b2a8d4-d7ac-11f0-842b-42dde27851f2","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","isOwned","file",{"_102":150,"_96":99,"_151":152,"_153":-5,"_154":138,"_155":156,"_157":158,"_104":159,"_136":160,"_161":162,"_163":164,"_165":20,"_166":-5,"_98":167},"141b44f8-dac6-11f0-bc88-42dde27851f2","fileId","c9ecae0c-d7b0-11f0-ae93-42dde27851f2","parentId","branchId","branchVersion",113,"latest",true,["D",1765920472411],10,"fileType","script","content","/** @jsxImportSource https://esm.sh/react */\nimport React, { useState } from \"https://esm.sh/react\";\nimport type { Screen, Message, ChatListItem, EncryptedPackage } from \"https://esm.town/v/Prada/locals-ai/types.ts\";\nimport { useWebLLM } from \"https://esm.town/v/Prada/locals-ai/hooks/useWebLLM.ts\";\nimport { useEncryption } from \"https://esm.town/v/Prada/locals-ai/hooks/useEncryption.ts\";\nimport { loadChat, createChat } from \"https://esm.town/v/Prada/locals-ai/lib/api.ts\";\nimport { decrypt, encrypt } from \"https://esm.town/v/Prada/locals-ai/lib/crypto.ts\";\nimport { HomeScreen } from \"https://esm.town/v/Prada/locals-ai/screens/HomeScreen.tsx\";\nimport { UnlockScreen } from \"https://esm.town/v/Prada/locals-ai/screens/UnlockScreen.tsx\";\nimport { NewChatScreen } from \"https://esm.town/v/Prada/locals-ai/screens/NewChatScreen.tsx\";\nimport { ChatScreen } from \"https://esm.town/v/Prada/locals-ai/screens/ChatScreen.tsx\";\n\nfunction generateChatId(): string {\n const array = new Uint8Array(8);\n crypto.getRandomValues(array);\n return Array.from(array).map(b => b.toString(16).padStart(2, \"0\")).join(\"\");\n}\n\nexport function App() {\n const [screen, setScreen] = useState(\"home\");\n const [selectedChat, setSelectedChat] = useState(null);\n const [chatId, setChatId] = useState(\"\");\n const [chatName, setChatName] = useState(\"\");\n const [initialMessages, setInitialMessages] = useState([]);\n const [error, setError] = useState(null);\n const [isLoading, setIsLoading] = useState(false);\n \n const { status, isReady, sendMessage } = useWebLLM();\n const { unlock, encryptMessages } = useEncryption();\n\n // Home -> Select existing chat\n const handleSelectChat = (chat: ChatListItem) => {\n setSelectedChat(chat);\n setError(null);\n setScreen(\"unlock\");\n };\n\n // Home -> New chat\n const handleNewChat = () => {\n setError(null);\n setScreen(\"newchat\");\n };\n\n // Unlock existing chat\n const handleUnlock = async (password: string) => {\n if (!selectedChat) return;\n \n setError(null);\n setIsLoading(true);\n\n try {\n const existingData = await loadChat(selectedChat.id);\n\n if (!existingData) {\n setError(\"Chat not found\");\n setIsLoading(false);\n return;\n }\n\n try {\n const decrypted = await decrypt(existingData, password);\n const messages = JSON.parse(decrypted) as Message[];\n setInitialMessages(messages);\n } catch (e) {\n setError(\"Wrong password\");\n setIsLoading(false);\n return;\n }\n\n unlock(password);\n setChatId(selectedChat.id);\n setChatName(selectedChat.name);\n setScreen(\"chat\");\n } catch (e: any) {\n setError(e.message);\n }\n\n setIsLoading(false);\n };\n\n // Create new chat\n const handleCreate = async (name: string, password: string) => {\n setError(null);\n setIsLoading(true);\n\n try {\n const id = generateChatId();\n \n // Encrypt empty messages array\n const encrypted = await encrypt(JSON.stringify([]), password);\n \n // Create chat on server\n await createChat(id, name, encrypted);\n\n unlock(password);\n setChatId(id);\n setChatName(name);\n setInitialMessages([]);\n setScreen(\"chat\");\n } catch (e: any) {\n setError(e.message);\n }\n\n setIsLoading(false);\n };\n\n // Back to home\n const handleBack = () => {\n setSelectedChat(null);\n setChatId(\"\");\n setChatName(\"\");\n setInitialMessages([]);\n setError(null);\n setScreen(\"home\");\n };\n\n if (screen === \"home\") {\n return (\n \n );\n }\n\n if (screen === \"unlock\" && selectedChat) {\n return (\n \n );\n }\n\n if (screen === \"newchat\") {\n return (\n \n );\n }\n\n return (\n \n );\n}","deleted","label",[99],"permalink","https://www.val.town/x/Prada/Locals-AI/code/App.tsx","extension","actionData","errors"]