💬

{isReady ? \"Send a message to start\" : \"Loading AI...\"}

\n {!isReady && (\n

First load downloads ~200MB to your browser

\n )}\n

\n );\n}",[],[203,210],{"_104":219,"_96":220,"_154":221,"_156":204,"_157":139,"_158":222,"_160":161,"_106":223,"_100":224,"_163":214,"_165":225,"_166":22,"_167":-5,"_168":226,"_99":227},"1186a9c6-dac6-11f0-a1a4-42dde27851f2","MessageBubble.tsx","ca068232-d7b0-11f0-b8cb-42dde27851f2",107,["D",1765920468081],3,"/** @jsxImportSource https://esm.sh/react */\nimport React from \"https://esm.sh/react\";\nimport type { Message } from \"https://esm.town/v/Prada/locals-ai/types.ts\";\n\ntype Props = {\n message: Message;\n};\n\nexport function MessageBubble({ message }: Props) {\n const isUser = message.role === \"user\";\n\n return (\n

\n \n {message.content}\n

\n \n );\n}",[],[203,220],{"_104":229,"_96":230,"_154":231,"_156":204,"_157":139,"_158":232,"_160":161,"_106":233,"_100":234,"_163":214,"_165":235,"_166":22,"_167":-5,"_168":236,"_99":237},"11d7b884-dac6-11f0-bf3f-42dde27851f2","StatusBadge.tsx","ca0120e4-d7b0-11f0-9689-42dde27851f2",112,["D",1765920467953],2,"/** @jsxImportSource https://esm.sh/react */\nimport React from \"https://esm.sh/react\";\nimport type { WebLLMStatus } from \"https://esm.town/v/Prada/locals-ai/types.ts\";\n\ntype Props = {\n status: WebLLMStatus;\n};\n\nexport function StatusBadge({ status }: Props) {\n const styles = {\n idle: \"bg-gray-100 text-gray-600\",\n loading: \"bg-amber-100 text-amber-800\",\n ready: \"bg-green-100 text-green-800\",\n error: \"bg-red-100 text-red-800\"\n };\n\n return (\n \n {status.state === \"loading\" && status.progress !== undefined\n ? `${status.progress}%`\n : status.message}\n \n );\n}",[],[203,230],[203],{"_104":240,"_96":241,"_154":242,"_156":-5,"_157":139,"_158":243,"_160":161,"_106":244,"_100":32,"_163":164,"_165":-5,"_166":22,"_167":-5,"_168":245,"_99":265},"c9db010c-d7b0-11f0-936d-42dde27851f2","hooks","c9db01d4-d7b0-11f0-936d-42dde27851f2",13,["D",1765581474921],[246,255],{"_104":247,"_96":248,"_154":249,"_156":242,"_157":139,"_158":250,"_160":161,"_106":251,"_100":176,"_163":214,"_165":252,"_166":22,"_167":-5,"_168":253,"_99":254},"119b2f54-dac6-11f0-9671-42dde27851f2","useEncryption.ts","40e70816-d9d9-11f0-a687-42dde27851f2",110,["D",1765920468177],"import { useState, useCallback } from \"https://esm.sh/react\";\nimport { encrypt, decrypt, type EncryptedPackage } from \"https://esm.town/v/Prada/locals-ai/lib/crypto.ts\";\nimport type { Message } from \"https://esm.town/v/Prada/locals-ai/types.ts\";\n\nexport function useEncryption() {\n const [password, setPassword] = useState(null);\n\n const encryptMessages = useCallback(async (messages: Message[]): Promise => {\n if (!password) throw new Error(\"No password set\");\n return encrypt(JSON.stringify(messages), password);\n }, [password]);\n\n const decryptMessages = useCallback(async (pkg: EncryptedPackage): Promise => {\n if (!password) throw new Error(\"No password set\");\n const json = await decrypt(pkg, password);\n return JSON.parse(json);\n }, [password]);\n\n const unlock = useCallback((pwd: string) => {\n setPassword(pwd);\n }, []);\n\n const isUnlocked = password !== null;\n\n return {\n isUnlocked,\n unlock,\n encryptMessages,\n decryptMessages\n };\n}",[],[241,248],{"_104":256,"_96":257,"_154":258,"_156":242,"_157":139,"_158":259,"_160":161,"_106":260,"_100":261,"_163":214,"_165":262,"_166":22,"_167":-5,"_168":263,"_99":264},"119422d6-dac6-11f0-b80b-42dde27851f2","useWebLLM.ts","ca180624-d7b0-11f0-895e-42dde27851f2",109,["D",1765920468155],5,"/** @jsxImportSource https://esm.sh/react */\nimport { useState, useRef, useEffect, useCallback } from \"https://esm.sh/react\";\nimport type { Message, WebLLMStatus } from \"https://esm.town/v/Prada/locals-ai/types.ts\";\n\nconst MODEL_ID = \"Llama-3.2-1B-Instruct-q4f16_1-MLC\";\n\nconst SYSTEM_PROMPT = `You are a helpful, friendly AI assistant. You are running entirely in the user's browser for privacy. Keep responses concise but helpful. You can see the full conversation history and should reference previous messages when relevant.`;\n\nexport function useWebLLM() {\n const [status, setStatus] = useState({\n state: \"idle\",\n message: \"Initializing...\"\n });\n const engineRef = useRef(null);\n\n useEffect(() => {\n let cancelled = false;\n\n async function loadModel() {\n console.log(\"[useWebLLM] Starting...\");\n\n if (!navigator.gpu) {\n setStatus({ state: \"error\", message: \"WebGPU not supported - need Chrome/Edge\" });\n return;\n }\n\n try {\n setStatus({ state: \"loading\", message: \"Loading WebLLM library...\", progress: 0 });\n\n const webllm = await import(\"https://cdn.jsdelivr.net/npm/@mlc-ai/web-llm@0.2.78/+esm\");\n\n if (cancelled) return;\n\n setStatus({ state: \"loading\", message: \"Downloading model...\", progress: 0 });\n\n const engine = await webllm.CreateMLCEngine(MODEL_ID, {\n initProgressCallback: (progress: any) => {\n if (cancelled) return;\n const pct = Math.round(progress.progress * 100);\n console.log(`[useWebLLM] Progress: ${pct}%`);\n setStatus({\n state: \"loading\",\n message: progress.text || \"Downloading...\",\n progress: pct\n });\n }\n });\n\n if (cancelled) return;\n\n console.log(\"[useWebLLM] Ready\");\n engineRef.current = engine;\n setStatus({ state: \"ready\", message: \"AI Ready\", progress: 100 });\n } catch (err: any) {\n console.error(\"[useWebLLM] Error:\", err);\n setStatus({ state: \"error\", message: err.message });\n }\n }\n\n loadModel();\n\n return () => { cancelled = true; };\n }, []);\n\n const sendMessage = useCallback(async (messages: Message[]): Promise => {\n console.log(\"[useWebLLM] Sending messages:\", messages);\n \n if (!engineRef.current) {\n throw new Error(\"Engine not ready\");\n }\n\n // Build messages array with system prompt\n const chatMessages = [\n { role: \"system\", content: SYSTEM_PROMPT },\n ...messages.map(m => ({ role: m.role, content: m.content }))\n ];\n\n console.log(\"[useWebLLM] Full chat context:\", chatMessages);\n\n const response = await engineRef.current.chat.completions.create({\n messages: chatMessages,\n temperature: 0.7,\n max_tokens: 512\n });\n\n console.log(\"[useWebLLM] Response:\", response);\n\n return response.choices[0].message.content;\n }, []);\n\n return { status, isReady: status.state === \"ready\", sendMessage };\n}",[],[241,257],[241],{"_104":267,"_96":268,"_154":269,"_156":-5,"_157":139,"_158":270,"_160":161,"_106":271,"_100":32,"_163":164,"_165":-5,"_166":22,"_167":-5,"_168":272,"_99":292},"e6c2eada-d9d8-11f0-9f30-42dde27851f2","lib","e6c2ebe8-d9d8-11f0-9f30-42dde27851f2",39,["D",1765818605605],[273,283],{"_104":274,"_96":275,"_154":276,"_156":269,"_157":139,"_158":277,"_160":161,"_106":278,"_100":279,"_163":214,"_165":280,"_166":22,"_167":-5,"_168":281,"_99":282},"11a31390-dac6-11f0-b36a-42dde27851f2","api.ts","fe65e8a4-d9e7-11f0-b931-42dde27851f2",111,["D",1765920468269],11,"import type { EncryptedPackage, ChatListItem } from \"https://esm.town/v/Prada/locals-ai/types.ts\";\n\nconst STORAGE_URL = \"https://prada--c7bc1314d9e711f084d642dde27851f2.web.val.run\"; // Your URL\n\n// Get API key from window (injected by main.ts)\nfunction getApiKey(): string {\n return (window as any).STORAGE_API_KEY || \"\";\n}\n\n// Helper to create auth headers\nfunction getHeaders(includeContentType = false): HeadersInit {\n const headers: HeadersInit = {\n \"Authorization\": `Bearer ${getApiKey()}`\n };\n if (includeContentType) {\n headers[\"Content-Type\"] = \"application/json\";\n }\n return headers;\n}\n\nexport async function listChats(): Promise {\n const response = await fetch(`${STORAGE_URL}/list`, {\n headers: getHeaders()\n });\n if (!response.ok) throw new Error(\"Failed to load chat list\");\n const result = await response.json();\n return result.chats;\n}\n\nexport async function createChat(id: string, name: string, data: EncryptedPackage): Promise {\n const response = await fetch(`${STORAGE_URL}/create`, {\n method: \"POST\",\n headers: getHeaders(true),\n body: JSON.stringify({ id, name, data })\n });\n if (!response.ok) {\n const err = await response.json();\n throw new Error(err.error || \"Create failed\");\n }\n}\n\nexport async function saveChat(id: string, data: EncryptedPackage): Promise {\n const response = await fetch(`${STORAGE_URL}/save`, {\n method: \"POST\",\n headers: getHeaders(true),\n body: JSON.stringify({ id, data })\n });\n if (!response.ok) {\n const err = await response.json();\n throw new Error(err.error || \"Save failed\");\n }\n}\n\nexport async function loadChat(id: string): Promise {\n const response = await fetch(`${STORAGE_URL}/load?id=${encodeURIComponent(id)}`, {\n headers: getHeaders()\n });\n if (response.status === 404) return null;\n if (!response.ok) {\n const err = await response.json();\n throw new Error(err.error || \"Load failed\");\n }\n const result = await response.json();\n return result.data;\n}\n\nexport async function deleteChat(id: string): Promise {\n const response = await fetch(`${STORAGE_URL}/delete?id=${encodeURIComponent(id)}`, {\n method: \"DELETE\",\n headers: getHeaders()\n });\n if (!response.ok) {\n const err = await response.json();\n throw new Error(err.error || \"Delete failed\");\n }\n}",[],[268,275],{"_104":284,"_96":285,"_154":286,"_156":269,"_157":139,"_158":287,"_160":161,"_106":288,"_100":176,"_163":214,"_165":289,"_166":22,"_167":-5,"_168":290,"_99":291},"4614176a-d9da-11f0-b38f-42dde27851f2","crypto.ts","28dbac9a-d9d9-11f0-afba-42dde27851f2",47,["D",1765819195019],"// Encode text to bytes\nfunction textToBytes(text: string): Uint8Array {\n return new TextEncoder().encode(text);\n}\n\n// Decode bytes to text\nfunction bytesToText(bytes: ArrayBuffer): string {\n return new TextDecoder().decode(bytes);\n}\n\n// Derive encryption key from password + salt\nasync function deriveKey(password: string, salt: Uint8Array): Promise {\n const keyMaterial = await crypto.subtle.importKey(\n \"raw\",\n textToBytes(password),\n \"PBKDF2\",\n false,\n [\"deriveKey\"]\n );\n\n return crypto.subtle.deriveKey(\n {\n name: \"PBKDF2\",\n salt,\n iterations: 100000,\n hash: \"SHA-256\"\n },\n keyMaterial,\n { name: \"AES-GCM\", length: 256 },\n false,\n [\"encrypt\", \"decrypt\"]\n );\n}\n\n// Encrypted package type\nexport type EncryptedPackage = {\n salt: number[];\n iv: number[];\n ciphertext: number[];\n};\n\n// Encrypt text with password\nexport async function encrypt(text: string, password: string): Promise {\n const salt = crypto.getRandomValues(new Uint8Array(16));\n const iv = crypto.getRandomValues(new Uint8Array(12));\n \n // Derive key from password FIRST\n const key = await deriveKey(password, salt);\n\n const encryptedBytes = await crypto.subtle.encrypt(\n { name: \"AES-GCM\", iv },\n key, // This must be a CryptoKey, not a string\n textToBytes(text)\n );\n\n return {\n salt: Array.from(salt),\n iv: Array.from(iv),\n ciphertext: Array.from(new Uint8Array(encryptedBytes))\n };\n}\n\n// Decrypt with password\nexport async function decrypt(pkg: EncryptedPackage, password: string): Promise {\n const salt = new Uint8Array(pkg.salt);\n const iv = new Uint8Array(pkg.iv);\n const ciphertext = new Uint8Array(pkg.ciphertext);\n\n // Derive the same key from password + stored salt\n const key = await deriveKey(password, salt);\n\n const decryptedBytes = await crypto.subtle.decrypt(\n { name: \"AES-GCM\", iv },\n key,\n ciphertext\n );\n\n return bytesToText(decryptedBytes);\n}",[],[268,285],[268],{"_104":294,"_96":295,"_154":296,"_156":-5,"_157":139,"_158":279,"_160":161,"_106":297,"_100":32,"_163":164,"_165":-5,"_166":22,"_167":-5,"_168":298,"_99":345},"c9bb7d64-d7b0-11f0-a0a6-42dde27851f2","screens","c9bb7e2c-d7b0-11f0-a0a6-42dde27851f2",["D",1765581474705],[299,309,318,327,336],{"_104":300,"_96":301,"_154":302,"_156":296,"_157":139,"_158":303,"_160":161,"_106":304,"_100":305,"_163":214,"_165":306,"_166":22,"_167":-5,"_168":307,"_99":308},"1172a318-dac6-11f0-b80b-42dde27851f2","ChatScreen.tsx","c9f457b0-d7b0-11f0-b8cb-42dde27851f2",104,["D",1765920467944],6,"/** @jsxImportSource https://esm.sh/react */\nimport React, { useState, useRef, useEffect } from \"https://esm.sh/react\";\nimport type { Message, WebLLMStatus, EncryptedPackage } from \"https://esm.town/v/Prada/locals-ai/types.ts\";\nimport { StatusBadge } from \"https://esm.town/v/Prada/locals-ai/components/StatusBadge.tsx\";\nimport { MessageBubble } from \"https://esm.town/v/Prada/locals-ai/components/MessageBubble.tsx\";\nimport { EmptyState } from \"https://esm.town/v/Prada/locals-ai/components/EmptyState.tsx\";\nimport { saveChat } from \"https://esm.town/v/Prada/locals-ai/lib/api.ts\";\n\ntype Props = {\n chatName: string;\n status: WebLLMStatus;\n isReady: boolean;\n chatId: string;\n initialMessages: Message[];\n onSendMessage: (messages: Message[]) => Promise;\n onEncryptMessages: (messages: Message[]) => Promise;\n onBack: () => void;\n};\n\nexport function ChatScreen({\n chatName,\n status,\n isReady,\n chatId,\n initialMessages,\n onSendMessage,\n onEncryptMessages,\n onBack\n}: Props) {\n const [messages, setMessages] = useState(initialMessages);\n const [input, setInput] = useState(\"\");\n const [isGenerating, setIsGenerating] = useState(false);\n const [saveStatus, setSaveStatus] = useState(null);\n const messagesEndRef = useRef(null);\n\n useEffect(() => {\n messagesEndRef.current?.scrollIntoView({ behavior: \"smooth\" });\n }, [messages]);\n\n const handleSend = async () => {\n if (!input.trim() || !isReady || isGenerating) return;\n\n const userMessage: Message = { role: \"user\", content: input.trim() };\n const newMessages = [...messages, userMessage];\n\n setMessages(newMessages);\n setInput(\"\");\n setIsGenerating(true);\n\n try {\n const response = await onSendMessage(newMessages);\n const updatedMessages = [...newMessages, { role: \"assistant\" as const, content: response }];\n setMessages(updatedMessages);\n await saveConversation(updatedMessages);\n } catch (err: any) {\n console.error(\"Chat error:\", err);\n setMessages([...newMessages, { role: \"assistant\", content: `Error: ${err.message}` }]);\n }\n\n setIsGenerating(false);\n };\n\n const saveConversation = async (msgs: Message[]) => {\n try {\n setSaveStatus(\"Saving...\");\n const encrypted = await onEncryptMessages(msgs);\n await saveChat(chatId, encrypted);\n setSaveStatus(\"Saved ✓\");\n setTimeout(() => setSaveStatus(null), 2000);\n } catch (err: any) {\n console.error(\"Save error:\", err);\n setSaveStatus(\"Save failed\");\n }\n };\n\n const handleKeyDown = (e: React.KeyboardEvent) => {\n if (e.key === \"Enter\" && !e.shiftKey) {\n e.preventDefault();\n handleSend();\n }\n };\n\n return (\n

\n \n 🔒 {chatName}\n \n

\n {saveStatus && (\n {saveStatus}\n )}\n \n

\n\n

\n {messages.length === 0 && }\n {messages.map((m, i) => (\n \n ))}\n {isGenerating && (\n

Thinking...

\n )}\n

\n\n \n

\n );\n}",[],[295,301],{"_104":310,"_96":311,"_154":312,"_156":296,"_157":139,"_158":101,"_160":22,"_106":313,"_100":314,"_163":214,"_165":315,"_166":22,"_167":-5,"_168":316,"_99":317},"43e11204-db88-11f0-9435-42dde27851f2","HomeScreen.tsx","1a67dc70-da05-11f0-9de2-42dde27851f2",["D",1766003874927],147,"/** @jsxImportSource https://esm.sh/react */\nimport React, { useState, useEffect } from \"https://esm.sh/react\";\nimport type { ChatListItem } from \"https://esm.town/v/Prada/locals-ai/types.ts\";\nimport { listChats } from \"https://esm.town/v/Prada/locals-ai/lib/api.ts\";\n\ntype Props = {\n onSelectChat: (chat: ChatListItem) => void;\n onNewChat: () => void;\n};\n\nexport function HomeScreen({ onSelectChat, onNewChat }: Props) {\n const [chats, setChats] = useState([]);\n const [loading, setLoading] = useState(true);\n\n useEffect(() => {\n async function fetchChats() {\n try {\n const list = await listChats();\n setChats(list);\n } catch (e) {\n console.error(\"Failed to load chats:\", e);\n } finally {\n setLoading(false);\n }\n }\n fetchChats();\n }, []);\n\n const formatDate = (dateStr: string) => {\n const date = new Date(dateStr);\n return date.toLocaleDateString() + \" \" + date.toLocaleTimeString([], { hour: \"2-digit\", minute: \"2-digit\" });\n };\n\n return (\n

\n \n

Locals AI

A locally running, open-source, encrypted AI experiment.

\n \n

\n\n

\n\n {loading ? (\n

\n ) : chats.length === 0 ? (\n

💬

No chats yet. Create your first one!

\n ) : (\n

\n {chats.map((chat) => (\n onSelectChat(chat)}\n className=\"bg-[#2A2A2A] w-full text-left px-4 py-4 rounded-lg hover:bg-blue-400 hover:shadow-sm transition-all\"\n >\n

{chat.name}

\n Last updated: {formatDate(chat.updatedAt)}\n

\n \n ))}\n

\n )}\n\n

\n \n + New Chat\n \n

\n );\n}",[],[295,311],{"_104":319,"_96":320,"_154":321,"_156":296,"_157":139,"_158":322,"_160":161,"_106":323,"_100":32,"_163":214,"_165":324,"_166":22,"_167":-5,"_168":325,"_99":326},"0cfb8402-da09-11f0-b334-42dde27851f2","NewChatScreen.tsx","0cfb8506-da09-11f0-b334-42dde27851f2",75,["D",1765839285568],"/** @jsxImportSource https://esm.sh/react */\nimport React, { useState } from \"https://esm.sh/react\";\n\ntype Props = {\n onCreate: (name: string, password: string) => void;\n onBack: () => void;\n error?: string | null;\n isLoading?: boolean;\n};\n\nexport function NewChatScreen({ onCreate, onBack, error, isLoading }: Props) {\n const [name, setName] = useState(\"\");\n const [password, setPassword] = useState(\"\");\n const [validationError, setValidationError] = useState(\"\");\n\n const handleSubmit = (e: React.FormEvent) => {\n e.preventDefault();\n \n if (!name.trim()) {\n setValidationError(\"Please enter a chat name\");\n return;\n }\n if (password.length < 6) {\n setValidationError(\"Password must be at least 6 characters\");\n return;\n }\n \n setValidationError(\"\");\n onCreate(name.trim(), password);\n };\n\n const displayError = error || validationError;\n\n return (\n

\n \n ← Back to chats\n \n

🆕 New Chat

\n\n

\n \n Chat Name\n \n {\n setName(e.target.value);\n setValidationError(\"\");\n }}\n placeholder=\"e.g., Work Ideas, Journal, Research...\"\n disabled={isLoading}\n className=\"w-full px-4 py-3 rounded-lg border border-gray-300 focus:outline-none focus:ring-2 focus:ring-blue-500 disabled:bg-gray-100\"\n autoFocus\n />\n

\n\n

\n \n Encryption Password\n \n {\n setPassword(e.target.value);\n setValidationError(\"\");\n }}\n placeholder=\"Minimum 6 characters\"\n disabled={isLoading}\n className=\"w-full px-4 py-3 rounded-lg border border-gray-300 focus:outline-none focus:ring-2 focus:ring-blue-500 disabled:bg-gray-100\"\n />\n {displayError && (\n

{displayError}

\n )}\n

\n\n \n {isLoading ? \"Creating...\" : \"Create Chat\"}\n \n \n\n

\n Remember your password — it's the only way to unlock this chat.\n

\n );\n}",[],[295,320],{"_104":328,"_96":329,"_154":330,"_156":296,"_157":139,"_158":331,"_160":161,"_106":332,"_100":176,"_163":214,"_165":333,"_166":22,"_167":-5,"_168":334,"_99":335},"ab4ef636-da02-11f0-9ead-42dde27851f2","PasswordScreen.tsx","c9f131a2-d7b0-11f0-9689-42dde27851f2",66,["D",1765836544725],"/** @jsxImportSource https://esm.sh/react */\nimport React, { useState } from \"https://esm.sh/react\";\n\ntype Props = {\n onUnlock: (password: string) => void;\n error?: string | null;\n isLoading?: boolean;\n};\n\nexport function PasswordScreen({ onUnlock, error, isLoading }: Props) {\n const [password, setPassword] = useState(\"\");\n const [validationError, setValidationError] = useState(\"\");\n\n const handleSubmit = (e: React.FormEvent) => {\n e.preventDefault();\n\n if (password.length < 6) {\n setValidationError(\"Password must be at least 6 characters\");\n return;\n }\n\n setValidationError(\"\");\n onUnlock(password);\n };\n\n const displayError = error || validationError;\n\n return (\n

🔒 Private AI Chat

\n Your conversations are encrypted locally. Enter a password to protect your data.\n

\n\n

\n );\n}",[],[295,329],{"_104":337,"_96":338,"_154":339,"_156":296,"_157":139,"_158":340,"_160":161,"_106":341,"_100":176,"_163":214,"_165":342,"_166":22,"_167":-5,"_168":343,"_99":344},"118b7726-dac6-11f0-8001-42dde27851f2","UnlockScreen.tsx","33ac33a8-da09-11f0-b7e5-42dde27851f2",108,["D",1765920467957],"/** @jsxImportSource https://esm.sh/react */\nimport React, { useState } from \"https://esm.sh/react\";\nimport type { ChatListItem } from \"https://esm.town/v/Prada/locals-ai/types.ts\";\n\ntype Props = {\n chat: ChatListItem;\n onUnlock: (password: string) => void;\n onBack: () => void;\n error?: string | null;\n isLoading?: boolean;\n};\n\nexport function UnlockScreen({ chat, onUnlock, onBack, error, isLoading }: Props) {\n const [password, setPassword] = useState(\"\");\n\n const handleSubmit = (e: React.FormEvent) => {\n e.preventDefault();\n if (password.length >= 6) {\n onUnlock(password);\n }\n };\n\n return (\n

\n \n ← Back to chats\n \n

🔒 {chat.name}

\n\n

\n );\n}",[],[295,338],[295],{"_104":347,"_96":348,"_154":349,"_156":-5,"_157":139,"_158":224,"_160":161,"_106":350,"_100":32,"_163":177,"_165":351,"_166":22,"_167":-5,"_168":352,"_99":353},"1eb28416-d7ac-11f0-ba34-42dde27851f2",".vtignore","1eb284c0-d7ac-11f0-ba34-42dde27851f2",["D",1765579469745],".git\n.vscode\n.cursorrules\n.DS_Store\nnode_modules\nvendor",[],[348],{"_104":355,"_96":356,"_154":357,"_156":-5,"_157":139,"_158":234,"_160":161,"_106":358,"_100":32,"_163":177,"_165":359,"_166":22,"_167":-5,"_168":360,"_99":361},"1eae19ee-d7ac-11f0-b459-42dde27851f2","AGENTS.md","1eae1aa2-d7ac-11f0-b459-42dde27851f2",["D",1765579469717],"You are an advanced assistant specialized in generating Val Town code.\n\n## Core Guidelines\n\n- Ask clarifying questions when requirements are ambiguous\n- Provide complete, functional solutions rather than skeleton implementations\n- Test your logic against edge cases before presenting the final solution\n- Ensure all code follows Val Town's specific platform requirements\n- If a section of code that you're working on is getting too complex, consider refactoring it into subcomponents\n\n## Code Standards\n\n- Generate code in TypeScript or TSX\n- Add appropriate TypeScript types and interfaces for all data structures\n- Prefer official SDKs or libraries than writing API calls directly\n- Ask the user to supply API or library documentation if you are at all unsure about it\n- **Never bake in secrets into the code** - always use environment variables\n- Include comments explaining complex logic (avoid commenting obvious operations)\n- Follow modern ES6+ conventions and functional programming practices if possible\n\n## Types of triggers\n\n### 1. HTTP Trigger\n\n- Create web APIs and endpoints\n- Handle HTTP requests and responses\n- Example structure:\n\n```ts\nexport default async function (req: Request) {\n return new Response(\"Hello World\");\n}\n```\n\nFiles that are HTTP triggers have http in their name like `foobar.http.tsx`\n\n### 2. Cron Triggers\n\n- Run on a schedule\n- Use cron expressions for timing\n- Example structure:\n\n```ts\nexport default async function () {\n // Scheduled task code\n}\n```\n\nFiles that are Cron triggers have cron in their name like `foobar.cron.tsx`\n\n### 3. Email Triggers\n\n- Process incoming emails\n- Handle email-based workflows\n- Example structure:\n\n```ts\nexport default async function (email: Email) {\n // Process email\n}\n```\n\nFiles that are Email triggers have email in their name like `foobar.email.tsx`\n\n\n## Val Town Standard Libraries\n\nVal Town provides several hosted services and utility functions.\n\n### Blob Storage\n\n```ts\nimport { blob } from \"https://esm.town/v/std/blob\";\nawait blob.setJSON(\"myKey\", { hello: \"world\" });\nlet blobDemo = await blob.getJSON(\"myKey\");\nlet appKeys = await blob.list(\"app_\");\nawait blob.delete(\"myKey\");\n```\n\n### SQLite\n\n```ts\nimport { sqlite } from \"https://esm.town/v/stevekrouse/sqlite\";\nconst TABLE_NAME = 'todo_app_users_2';\n// Create table - do this before usage and change table name when modifying schema\nawait sqlite.execute(`CREATE TABLE IF NOT EXISTS ${TABLE_NAME} (\n id INTEGER PRIMARY KEY AUTOINCREMENT,\n name TEXT NOT NULL\n)`);\n// Query data\nconst result = await sqlite.execute(`SELECT * FROM ${TABLE_NAME} WHERE id = ?`, [1]);\n```\n\nNote: When changing a SQLite table's schema, change the table's name (e.g., add _2 or _3) to create a fresh table.\n\n### OpenAI\n\n```ts\nimport { OpenAI } from \"https://esm.town/v/std/openai\";\nconst openai = new OpenAI();\nconst completion = await openai.chat.completions.create({\n messages: [\n { role: \"user\", content: \"Say hello in a creative way\" },\n ],\n model: \"gpt-4o-mini\",\n max_tokens: 30,\n});\n```\n\n### Email\n\n```ts\nimport { email } from \"https://esm.town/v/std/email\";\n// By default emails the owner of the val\nawait email({ \n subject: \"Hi\", \n text: \"Hi\", \n html: \"

Hi

\"\n});\n```\n\n## Val Town Utility Functions\n\nVal Town provides several utility functions to help with common project tasks.\n\n### Importing Utilities\n\nAlways import utilities with version pins to avoid breaking changes:\n\n```ts\nimport { parseProject, readFile, serveFile } from \"https://esm.town/v/std/utils@85-main/index.ts\";\n```\n\n### Available Utilities\n\n\n#### **serveFile** - Serve project files with proper content types\n\nFor example, in Hono:\n\n```ts\n// serve all files in frontend/ and shared/\napp.get(\"/frontend/*\", c => serveFile(c.req.path, import.meta.url));\napp.get(\"/shared/*\", c => serveFile(c.req.path, import.meta.url));\n```\n\n#### **readFile** - Read files from within the project:\n\n```ts\n// Read a file from the project\nconst fileContent = await readFile(\"/frontend/index.html\", import.meta.url);\n```\n\n#### **listFiles** - List all files in the project\n\n```ts\nconst files = await listFiles(import.meta.url);\n```\n\n#### **parseProject** - Extract information about the current project from import.meta.url\n\nThis is useful for including info for linking back to a val, ie in \"view source\" urls:\n\n```ts\nconst projectVal = parseProject(import.meta.url);\nconsole.log(projectVal.username); // Owner of the project\nconsole.log(projectVal.name); // Project name\nconsole.log(projectVal.version); // Version number\nconsole.log(projectVal.branch); // Branch name\nconsole.log(projectVal.links.self.project); // URL to the project page\n```\n\nHowever, it's *extremely importing* to note that `parseProject` and other Standard Library utilities ONLY RUN ON THE SERVER.\nIf you need access to this data on the client, run it in the server and pass it to the client by splicing it into the HTML page\nor by making an API request for it.\n\n## Val Town Platform Specifics\n\n- **Redirects:** Use `return new Response(null, { status: 302, headers: { Location: \"/place/to/redirect\" }})` instead of `Response.redirect` which is broken\n- **Images:** Avoid external images or base64 images. Use emojis, unicode symbols, or icon fonts/libraries instead\n- **AI Image:** To inline generate an AI image use: `

`\n- **Storage:** DO NOT use the Deno KV module for storage\n- **Browser APIs:** DO NOT use the `alert()`, `prompt()`, or `confirm()` methods\n- **Weather Data:** Use open-meteo for weather data (doesn't require API keys) unless otherwise specified\n- **View Source:** Add a view source link by importing & using `import.meta.url.replace(\"ems.sh\", \"val.town)\"` (or passing this data to the client) and include `target=\"_top\"` attribute\n- **Error Debugging:** Add `` to HTML to capture client-side errors\n- **Error Handling:** Only use try...catch when there's a clear local resolution; Avoid catches that merely log or return 500s. Let errors bubble up with full context\n- **Environment Variables:** Use `Deno.env.get('keyname')` when you need to, but generally prefer APIs that don't require keys\n- **Imports:** Use `https://esm.sh` for npm and Deno dependencies to ensure compatibility on server and browser\n- **Storage Strategy:** Only use backend storage if explicitly required; prefer simple static client-side sites\n- **React Configuration:** When using React libraries, pin versions with `?deps=react@18.2.0,react-dom@18.2.0` and start the file with `/** @jsxImportSource https://esm.sh/react@18.2.0 */`\n- Ensure all React dependencies and sub-dependencies are pinned to the same version\n- **Styling:** Default to using TailwindCSS via `` unless otherwise specified\n\n## Project Structure and Design Patterns\n\n### Recommended Directory Structure\n```\n├── backend/\n│ ├── database/\n│ │ ├── migrations.ts # Schema definitions\n│ │ ├── queries.ts # DB query functions\n│ │ └── README.md\n│ └── routes/ # Route modules\n│ ├── [route].ts\n│ └── static.ts # Static file serving\n│ ├── index.ts # Main entry point\n│ └── README.md\n├── frontend/\n│ ├── components/\n│ │ ├── App.tsx\n│ │ └── [Component].tsx\n│ ├── favicon.svg\n│ ├── index.html # Main HTML template\n│ ├── index.tsx # Frontend JS entry point\n│ ├── README.md\n│ └── style.css\n├── README.md\n└── shared/\n ├── README.md\n └── utils.ts # Shared types and functions\n```\n\n### Backend (Hono) Best Practices\n\n- Hono is the recommended API framework\n- Main entry point should be `backend/index.ts`\n- **Static asset serving:** Use the utility functions to read and serve project files:\n ```ts\n import { readFile, serveFile } from \"https://esm.town/v/std/utils@85-main/index.ts\";\n \n // serve all files in frontend/ and shared/\n app.get(\"/frontend/*\", c => serveFile(c.req.path, import.meta.url));\n app.get(\"/shared/*\", c => serveFile(c.req.path, import.meta.url));\n \n // For index.html, often you'll want to bootstrap with initial data\n app.get(\"/\", async c => {\n let html = await readFile(\"/frontend/index.html\", import.meta.url);\n \n // Inject data to avoid extra round-trips\n const initialData = await fetchInitialData();\n const dataScript = ``;\n \n html = html.replace(\"\", `${dataScript}`);\n return c.html(html);\n });\n ```\n- Create RESTful API routes for CRUD operations\n- Always include this snippet at the top-level Hono app to re-throwing errors to see full stack traces:\n ```ts\n // Unwrap Hono errors to see original error details\n app.onError((err, c) => {\n throw err;\n });\n ```\n\n### Database Patterns\n- Run migrations on startup or comment out for performance\n- Change table names when modifying schemas rather than altering\n- Export clear query functions with proper TypeScript typing\n\n## Common Gotchas and Solutions\n\n1. **Environment Limitations:** \n - Val Town runs on Deno in a serverless context, not Node.js\n - Code in `shared/` must work in both frontend and backend environments\n - Cannot use `Deno` keyword in shared code\n - Use `https://esm.sh` for imports that work in both environments\n\n2. **SQLite Peculiarities:**\n - Limited support for ALTER TABLE operations\n - Create new tables with updated schemas and copy data when needed\n - Always run table creation before querying\n\n3. **React Configuration:**\n - All React dependencies must be pinned to 18.2.0\n - Always include `@jsxImportSource https://esm.sh/react@18.2.0` at the top of React files\n - Rendering issues often come from mismatched React versions\n\n4. **File Handling:**\n - Val Town only supports text files, not binary\n - Use the provided utilities to read files across branches and forks\n - For files in the project, use `readFile` helpers\n\n5. **API Design:**\n - `fetch` handler is the entry point for HTTP vals\n - Run the Hono app with `export default app.fetch // This is the entry point for HTTP vals`\n\n",[],[356],{"_104":363,"_96":364,"_154":365,"_156":-5,"_157":139,"_158":366,"_160":161,"_106":367,"_100":159,"_163":214,"_165":368,"_166":22,"_167":-5,"_168":369,"_99":370},"141b44f8-dac6-11f0-bc88-42dde27851f2","App.tsx","c9ecae0c-d7b0-11f0-ae93-42dde27851f2",113,["D",1765920472411],"/** @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}",[],[364],{"_104":372,"_96":373,"_154":374,"_156":-5,"_157":139,"_158":375,"_160":161,"_106":376,"_100":176,"_163":177,"_165":377,"_166":22,"_167":-5,"_168":378,"_99":379},"c2864ba6-dac5-11f0-9a9a-42dde27851f2","README.md","0c7422e8-dac5-11f0-8589-42dde27851f2",102,["D",1765920335536],"# Locals AI 🤖\n\nA private, encrypted AI chat application running entirely on Val Town. Your conversations are encrypted client-side before being stored, and your password never leaves your device.\n\n## Features\n\n- 🔒 **Client-side encryption** - All chats encrypted with AES-256-GCM before storage\n- 🔑 **Password-protected** - Each chat requires a password to unlock\n- 💾 **Self-hosted on Val Town** - Your data stays in your own Val Town SQLite database\n- 🚫 **No tracking** - No analytics, no third parties\n- 🧠 **Local AI** - Uses WebLLM to run AI models directly in your browser\n- 🍴 **Fork-friendly** - Easy to remix and run your own instance\n\n## How It Works\n\n1. **Create a chat** with a password\n2. **Your messages are encrypted** in the browser using your password\n3. **Encrypted data is stored** in your Val Town SQLite database\n4. **Only you can decrypt** your chats with the correct password\n\nYour password is never sent to the server. Encryption happens entirely in your browser.\n\n## Quick Start: Remix This Val\n\n### Step 1: Fork the Val\n\n1. Click the \"Remix\" button on Val Town (or fork this repository)\n2. This creates your own private copy of the app\n\n### Step 2: Set Up Security\n\nWhen you first run your forked val, check the **console logs**. You'll see a message like:\n\n```\n⚠️ STORAGE_API_KEY not set! Auto-generated key: a1b2c3d4-e5f6-7890-abcd-ef1234567890\n⚠️ Save this key to your STORAGE_API_KEY environment variable!\n```\n\n**Important:** Save this API key! It protects your storage endpoint.\n\n#### To set the environment variable:\n\n1. Go to your Val Town settings\n2. Navigate to **Environment Variables**\n3. Add a new variable:\n - **Name:** `STORAGE_API_KEY`\n - **Value:** (paste the key from console logs)\n4. Save and restart your val\n\n### Step 3: Update the Storage URL\n\nIn `lib/api.ts`, update line 3 with your storage val URL:\n\n```typescript\nconst STORAGE_URL = \"https://your-username--your-storage-val-id.web.val.run\";\n```\n\nYou can find this URL from your forked storage val.\n\n### Step 4: Use Your App\n\nVisit your main val's URL and start chatting! Create your first encrypted chat with a strong password.\n\n## Security Features\n\n### What's Protected\n\n✅ **SQL Injection Prevention** - All database queries use parameterized statements\n✅ **API Authentication** - Storage endpoint requires API key\n✅ **Client-side Encryption** - AES-256-GCM with PBKDF2 key derivation\n✅ **Password Protection** - Each chat requires password to unlock\n\n### Encryption Details\n\n- **Algorithm:** AES-GCM (256-bit)\n- **Key Derivation:** PBKDF2 with 100,000 iterations\n- **Random Salt & IV:** Generated for each encryption\n- **Password:** Never leaves your device\n\n### What's Stored in the Database\n\nYour Val Town SQLite database stores:\n- Chat ID (random UUID)\n- Chat name (plain text)\n- Encrypted chat data (ciphertext + salt + IV)\n- Timestamps\n\n**Without your password, the encrypted data is unreadable.**\n\n## Environment Variables\n\n| Variable | Required | Description |\n|----------|----------|-------------|\n| `STORAGE_API_KEY` | **Yes** | Protects your storage API from unauthorized access |\n| `FRONTEND_URL` | No | Optional CORS restriction (e.g., `https://yourapp.val.run`) |\n\n## Architecture\n\n```\n┌─────────────────┐\n│ Browser │\n│ (React App) │\n│ │\n│ • WebLLM AI │\n│ • Encryption │\n│ • UI │\n└────────┬────────┘\n │\n │ HTTPS + API Key\n │\n┌────────▼────────┐\n│ Val Town │\n│ Storage API │\n│ │\n│ • SQLite DB │\n│ • Auth Check │\n└─────────────────┘\n```\n\n## File Structure\n\n```\n├── main.ts # Entry point, serves HTML\n├── App.tsx # Main React component\n├── api/\n│ └── storage.ts # Storage API with authentication\n├── lib/\n│ ├── api.ts # Client-side API calls\n│ └── crypto.ts # Encryption/decryption logic\n├── hooks/\n│ ├── useEncryption.ts # Encryption state management\n│ └── useWebLLM.ts # AI model integration\n├── screens/\n│ ├── HomeScreen.tsx # Chat list\n│ ├── UnlockScreen.tsx # Password entry\n│ ├── NewChatScreen.tsx # Create new chat\n│ └── ChatScreen.tsx # Chat interface\n└── components/\n ├── MessageBubble.tsx # Message display\n ├── StatusBadge.tsx # AI status indicator\n └── EmptyState.tsx # Empty state UI\n```\n\n## Usage Tips\n\n### Strong Passwords\n\nUse strong, unique passwords for each chat. Since encryption happens client-side, your password is the only thing protecting your data.\n\n### Password Recovery\n\n**There is no password recovery.** If you forget your password, your chat data is permanently inaccessible. This is by design - we don't have access to your passwords.\n\n### Backup\n\nSince this is self-hosted, you're responsible for backups. Val Town SQLite data persists, but you may want to:\n\n1. Export your encrypted data periodically\n2. Save your passwords securely (use a password manager)\n3. Consider backing up your Val Town val\n\n## Troubleshooting\n\n### \"Unauthorized\" Error\n\n**Problem:** API calls return 401 Unauthorized\n\n**Solution:**\n1. Check that `STORAGE_API_KEY` is set in environment variables\n2. Make sure the key matches in both your main val and storage val\n3. Restart both vals after setting the variable\n\n### \"Wrong Password\" Error\n\n**Problem:** Can't unlock a chat\n\n**Solution:**\n- Double-check your password (passwords are case-sensitive)\n- There is no password recovery - if you forgot it, the chat is inaccessible\n\n### Chat List Empty\n\n**Problem:** No chats appear on home screen\n\n**Solution:**\n1. Check browser console for errors\n2. Verify `STORAGE_URL` in `lib/api.ts` points to your storage val\n3. Ensure storage val is running and accessible\n\n### AI Model Not Loading\n\n**Problem:** WebLLM status shows error\n\n**Solution:**\n- WebLLM downloads models to browser (can be 1-2 GB)\n- Check your internet connection\n- Try refreshing the page\n- Check browser console for specific errors\n\n## Advanced Configuration\n\n### Change PBKDF2 Iterations\n\nFor stronger encryption, increase iterations in `lib/crypto.ts` (line 25):\n\n```typescript\niterations: 600000, // Increased from 100,000\n```\n\n**Trade-off:** Higher security, slower encryption/decryption.\n\n### Restrict CORS\n\nTo only allow requests from your frontend:\n\n1. Set `FRONTEND_URL` environment variable\n2. Value: `https://your-main-val.val.run`\n3. Restart storage val\n\nThis prevents other websites from calling your API (browser-level protection).\n\n### Use a Different AI Model\n\nEdit `hooks/useWebLLM.ts` to use a different WebLLM-supported model. See [WebLLM documentation](https://github.com/mlc-ai/web-llm) for available models.\n\n## Privacy & Data\n\n### What Data is Collected\n\n**None.** This app doesn't collect, track, or transmit any data beyond what's necessary for functionality:\n\n- Your chats are encrypted and stored in **your** Val Town SQLite database\n- Your password never leaves your browser\n- No analytics, no tracking, no third parties\n\n### Who Can Access Your Data\n\n**Only you.** When you fork this val:\n\n- You own the Val Town vals\n- You control the database\n- You set the API key\n- You hold the encryption passwords\n\nNo one else (including the original author) can access your chats.\n\n## Contributing\n\nFound a bug or want to improve the code? Feel free to:\n\n1. Fork this val\n2. Make your improvements\n3. Share your enhanced version!\n\nThis is open source - make it your own.\n\n## Security Considerations\n\nWhile this app implements strong encryption and security practices, please note:\n\n- ⚠️ This is a personal project, not audited by security professionals\n- ⚠️ API keys are visible in browser DevTools (use strong, unique keys)\n- ⚠️ Val Town is a public platform - keep your vals private if needed\n- ⚠️ No rate limiting implemented (could be added if needed)\n\nFor maximum security:\n- Use strong, unique passwords\n- Set a strong `STORAGE_API_KEY`\n- Keep your Val Town account secure\n- Consider enabling 2FA on your Val Town account\n\n## Credits\n\nBuilt with:\n- [Val Town](https://val.town) - Hosting & SQLite\n- [React](https://react.dev) - UI framework\n- [WebLLM](https://github.com/mlc-ai/web-llm) - Browser-based AI\n- [Web Crypto API](https://developer.mozilla.org/en-US/docs/Web/API/Web_Crypto_API) - Encryption\n- [Tailwind CSS](https://tailwindcss.com) - Styling\n\n## License\n\nMIT License - Feel free to fork, remix, and make it your own!\n\n---\n\n**Remember:** Your password is your key. Keep it safe, keep it secret, keep it strong.\n",[],[373],{"_104":381,"_96":382,"_154":383,"_156":-5,"_157":139,"_158":176,"_160":161,"_106":384,"_100":32,"_163":177,"_165":385,"_166":22,"_167":-5,"_168":386,"_99":387},"1ea7e45c-d7ac-11f0-b406-42dde27851f2","deno.json","1ea7e52e-d7ac-11f0-b406-42dde27851f2",["D",1765579469700],"{\n \"$schema\": \"https://raw.githubusercontent.com/denoland/deno/98f62cee78e85bfc47c62ed703777c6bc8794f1c/cli/schemas/config-file.v1.json\",\n \"lock\": false,\n \"compilerOptions\": {\n \"noImplicitAny\": false,\n \"strict\": true,\n \"types\": [\"https://www.val.town/types/valtown.d.ts\"],\n \"lib\": [\n \"dom\",\n \"dom.iterable\",\n \"dom.asynciterable\",\n \"deno.ns\",\n \"deno.unstable\"\n ]\n },\n \"lint\": {\n \"include\": [\"deno:/https/esm.town/**/*\"],\n \"rules\": {\n \"exclude\": [\"no-explicit-any\"]\n }\n },\n \"node_modules_dir\": false,\n \"experimental\": {\n \"unstable-node-globals\": true,\n \"unstable-temporal\": true,\n \"unstable-worker-options\": true,\n \"unstable-sloppy-imports\": true\n }\n}",[],[382],{"_104":389,"_96":390,"_154":391,"_156":-5,"_157":139,"_158":392,"_160":161,"_106":393,"_100":394,"_163":196,"_165":395,"_166":22,"_167":-5,"_168":396,"_99":397},"5d0813b2-dad0-11f0-97d1-42dde27851f2","main.ts","ca0b90a6-d7b0-11f0-b5da-42dde27851f2",158,["D",1765924889723],9,"/** @jsxImportSource https://esm.sh/react */\nimport React from \"https://esm.sh/react\";\nimport { createRoot } from \"https://esm.sh/react-dom/client\";\nimport { App } from \"https://esm.town/v/Prada/locals-ai/App.tsx\";\n\nif (typeof document !== \"undefined\") {\n console.log(\"[main] Hydrating...\");\n createRoot(document.getElementById(\"root\")).render();\n}\n\nexport default async function(req: Request): Promise {\n // Get or auto-generate API key (same logic as storage API)\n let storageApiKey = Deno.env.get(\"STORAGE_API_KEY\");\n if (!storageApiKey) {\n storageApiKey = crypto.randomUUID();\n console.warn(\"⚠️ STORAGE_API_KEY not set in main.ts! Auto-generated key:\", storageApiKey);\n console.warn(\"⚠️ Save this key to your STORAGE_API_KEY environment variable!\");\n }\n\n const html = `\n\n\n \n \n Private AI Chat\n \n \n \n \n \n \n \n\n\n

\n \n\n`;\n\n return new Response(html, {\n headers: { \"content-type\": \"text/html\" }\n });\n}",[],[390],{"_104":399,"_96":400,"_154":401,"_156":-5,"_157":139,"_158":402,"_160":161,"_106":403,"_100":32,"_163":214,"_165":404,"_166":22,"_167":-5,"_168":405,"_99":406},"581f540c-dace-11f0-aa61-42dde27851f2","tailwind.config.js","581f54de-dace-11f0-aa61-42dde27851f2",135,["D",1765924022497]," /** @type {import('tailwindcss').Config} */\n module.exports = {\n content: [\n \"./**/*.{ts,tsx,js,jsx}\",\n \"./screens/**/*.{ts,tsx}\",\n \"./components/**/*.{ts,tsx}\",\n ],\n theme: {\n extend: {},\n },\n plugins: [],\n }\n",[],[400],{"_104":408,"_96":409,"_154":410,"_156":-5,"_157":139,"_158":411,"_160":161,"_106":412,"_100":224,"_163":214,"_165":413,"_166":22,"_167":-5,"_168":414,"_99":415},"5d9cc074-da09-11f0-b026-42dde27851f2","types.ts","c9fc96be-d7b0-11f0-ae93-42dde27851f2",81,["D",1765839420848],"export type Message = {\n role: \"user\" | \"assistant\";\n content: string;\n};\n\nexport type Screen = \"home\" | \"unlock\" | \"newchat\" | \"chat\";\n\nexport type WebLLMStatus = {\n state: \"idle\" | \"loading\" | \"ready\" | \"error\";\n message: string;\n progress?: number;\n};\n\nexport type EncryptedPackage = {\n salt: number[];\n iv: number[];\n ciphertext: number[];\n};\n\nexport type ChatListItem = {\n id: string;\n name: string;\n createdAt: string;\n updatedAt: string;\n};",[],[409],"files",[151,170,182,189,201,208,218,228,239,246,255,266,273,283,293,299,309,318,327,336,346,354,362,371,380,388,398,407],"counts",{"_420":32,"_421":261,"_422":32,"_423":424},"pulls","branches","forks","envVars",{"_425":176,"_426":32},"count","emptyCount","contents",[429,432,435,438,441,444,447,450,453,456,459,462,465,468],{"_104":152,"_96":153,"_154":155,"_156":-5,"_157":139,"_158":159,"_160":161,"_106":430,"_100":32,"_163":164,"_165":-5,"_166":22,"_167":-5,"_99":431},["D",1765581474588],[153],{"_104":183,"_96":184,"_154":185,"_156":-5,"_157":139,"_158":186,"_160":161,"_106":433,"_100":32,"_163":164,"_165":-5,"_166":22,"_167":-5,"_99":434},["D",1765824985511],[184],{"_104":202,"_96":203,"_154":204,"_156":-5,"_157":139,"_158":205,"_160":161,"_106":436,"_100":32,"_163":164,"_165":-5,"_166":22,"_167":-5,"_99":437},["D",1765581474805],[203],{"_104":240,"_96":241,"_154":242,"_156":-5,"_157":139,"_158":243,"_160":161,"_106":439,"_100":32,"_163":164,"_165":-5,"_166":22,"_167":-5,"_99":440},["D",1765581474921],[241],{"_104":267,"_96":268,"_154":269,"_156":-5,"_157":139,"_158":270,"_160":161,"_106":442,"_100":32,"_163":164,"_165":-5,"_166":22,"_167":-5,"_99":443},["D",1765818605605],[268],{"_104":294,"_96":295,"_154":296,"_156":-5,"_157":139,"_158":279,"_160":161,"_106":445,"_100":32,"_163":164,"_165":-5,"_166":22,"_167":-5,"_99":446},["D",1765581474705],[295],{"_104":347,"_96":348,"_154":349,"_156":-5,"_157":139,"_158":224,"_160":161,"_106":448,"_100":32,"_163":177,"_165":351,"_166":22,"_167":-5,"_99":449},["D",1765579469745],[348],{"_104":355,"_96":356,"_154":357,"_156":-5,"_157":139,"_158":234,"_160":161,"_106":451,"_100":32,"_163":177,"_165":359,"_166":22,"_167":-5,"_99":452},["D",1765579469717],[356],{"_104":363,"_96":364,"_154":365,"_156":-5,"_157":139,"_158":366,"_160":161,"_106":454,"_100":159,"_163":214,"_165":368,"_166":22,"_167":-5,"_99":455},["D",1765920472411],[364],{"_104":372,"_96":373,"_154":374,"_156":-5,"_157":139,"_158":375,"_160":161,"_106":457,"_100":176,"_163":177,"_165":377,"_166":22,"_167":-5,"_99":458},["D",1765920335536],[373],{"_104":381,"_96":382,"_154":383,"_156":-5,"_157":139,"_158":176,"_160":161,"_106":460,"_100":32,"_163":177,"_165":385,"_166":22,"_167":-5,"_99":461},["D",1765579469700],[382],{"_104":389,"_96":390,"_154":391,"_156":-5,"_157":139,"_158":392,"_160":161,"_106":463,"_100":394,"_163":196,"_165":395,"_166":22,"_167":-5,"_99":464},["D",1765924889723],[390],{"_104":399,"_96":400,"_154":401,"_156":-5,"_157":139,"_158":402,"_160":161,"_106":466,"_100":32,"_163":214,"_165":404,"_166":22,"_167":-5,"_99":467},["D",1765924022497],[400],{"_104":408,"_96":409,"_154":410,"_156":-5,"_157":139,"_158":411,"_160":161,"_106":469,"_100":224,"_163":214,"_165":413,"_166":22,"_167":-5,"_99":470},["D",1765839420848],[409],"upstreamProject","upstreamBranch","emptyEnvVars","isNew","flags",[],"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_102":479,"_100":101,"_484":485},{"_104":105,"_96":97,"_106":480,"_108":-5,"_109":22,"_110":111,"_112":73,"_113":-5,"_14":114,"_115":-5,"_116":22,"_117":-5,"_118":-5,"_119":32,"_16":120,"_121":122,"_123":122,"_124":125,"_126":125,"_127":125,"_128":122,"_129":122,"_23":481,"_133":482,"_136":483,"_148":22},["D",1765579434547],{"_94":95,"_131":132},{"_94":95,"_135":132,"_14":114},{"_100":138,"_96":44,"_104":139,"_140":105,"_141":-5,"_142":-5,"_143":-5,"_144":-5,"_145":-5,"_146":97,"_147":95},"changes",[486],{"_177":487,"_489":490,"_166":22,"_99":492,"_493":492},{"_154":312,"_96":311,"_163":214,"_165":315,"_106":488,"_158":101,"_157":139},["D",1766003874927],"previous",{"_154":312,"_96":311,"_163":214,"_165":491},"/** @jsxImportSource https://esm.sh/react */\nimport React, { useState, useEffect } from \"https://esm.sh/react\";\nimport type { ChatListItem } from \"https://esm.town/v/Prada/locals-ai/types.ts\";\nimport { listChats } from \"https://esm.town/v/Prada/locals-ai/lib/api.ts\";\n\ntype Props = {\n onSelectChat: (chat: ChatListItem) => void;\n onNewChat: () => void;\n};\n\nexport function HomeScreen({ onSelectChat, onNewChat }: Props) {\n const [chats, setChats] = useState([]);\n const [loading, setLoading] = useState(true);\n\n useEffect(() => {\n async function fetchChats() {\n try {\n const list = await listChats();\n setChats(list);\n } catch (e) {\n console.error(\"Failed to load chats:\", e);\n } finally {\n setLoading(false);\n }\n }\n fetchChats();\n }, []);\n\n const formatDate = (dateStr: string) => {\n const date = new Date(dateStr);\n return date.toLocaleDateString() + \" \" + date.toLocaleTimeString([], { hour: \"2-digit\", minute: \"2-digit\" });\n };\n\n return (\n

\n \n

Locals AI

A locally running, open-source, encrypted AI experiment.

\n \n

\n\n

\n\n {loading ? (\n

\n ) : chats.length === 0 ? (\n

💬

No chats yet. Create your first one!

\n ) : (\n

\n {chats.map((chat) => (\n onSelectChat(chat)}\n className=\"bg-[#2A2A2A] w-full text-left px-4 py-4 rounded-lg hover:bg-blue-400 hover:shadow-sm transition-all\"\n >\n

{chat.name}

\n Last updated: {formatDate(chat.updatedAt)}\n

\n \n ))}\n

\n )}\n\n

\n \n + New Chat\n \n

\n );\n}","screens/HomeScreen.tsx","latestPath","actionData","errors"]

Prada

Locals-AI