[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_393":394,"_395":396},"routes/_app.x.$handle.$name",{"_11":12,"_13":14,"_15":-7,"_18":19,"_17":-7,"_295":-5,"_20":296,"_22":297,"_298":299,"_300":301,"_26":302,"_24":303,"_304":-5,"_305":-5,"_306":55,"_307":308,"_309":46,"_310":-5,"_311":-5,"_312":313},"routes/_app.x.$handle.$name.code.$",{"_11":12,"_13":14,"_15":16,"_17":-7,"_18":19,"_20":21,"_22":23,"_24":25,"_26":27,"_28":-5,"_29":-5,"_30":-5,"_31":-5,"_32":-5},"handle","dcm31","name","townie-mobile","branchName","main","version","path","shared","project",{"_34":240,"_13":14,"_47":241,"_242":-5,"_243":55,"_244":245,"_246":245,"_247":248,"_249":-5,"_250":251,"_252":70,"_253":46,"_254":-5,"_255":-5,"_256":61,"_257":258,"_259":-5,"_260":-5,"_261":-5,"_262":-5,"_263":264,"_265":264,"_266":267,"_268":267,"_269":267,"_270":264,"_271":264,"_272":273,"_274":275,"_276":277,"_278":55},"tree",[64,65,66,67],"file",{"_34":58,"_13":19,"_37":40,"_39":-5,"_41":42,"_43":59,"_45":46,"_47":60,"_17":61,"_50":62,"_52":-5,"_54":55,"_56":-5,"_18":63},"contents",[33],"upstream","pull","ahead","behind","envVars",{"_34":35,"_13":36,"_37":38,"_39":40,"_41":42,"_43":44,"_45":46,"_47":48,"_17":49,"_50":51,"_52":53,"_54":55,"_56":-5,"_18":57},"id","990dffba-1564-4895-bec5-8a5a40e0231b","types.ts","fileId","46bf3c0a-77e9-11f1-975e-1607ee4eb77e","parentId","bd01e3f4-fd82-4bfa-acf3-b502424ad23a","branchId","080f0e60-8555-4914-b485-e07743e141f6","branchVersion",24,"latest",true,"createdAt",["D",1783198556047],1,"fileType","script","content","export type Role = \"user\" | \"assistant\";\n\nexport interface Message {\n id: string;\n role: Role;\n content: string;\n createdAt: number;\n streaming?: boolean;\n}\n\nexport interface Chat {\n id: string;\n title: string;\n messages: Message[];\n createdAt: number;\n updatedAt: number;\n pinned?: boolean;\n incognito?: boolean;\n}\n\nexport interface Model {\n id: string;\n name: string;\n tagline: string;\n badge?: string;\n}\n\nexport type Effort = \"High\" | \"Medium\" | \"Instant\";\n","deleted",false,"label",[19,36],"42a15da6-313b-428b-8394-176ec85814f0",7,["D",1783197922311],0,"directory",[19],{"_34":93,"_13":94,"_37":95,"_39":-5,"_41":42,"_43":96,"_45":46,"_47":97,"_17":61,"_50":62,"_52":-5,"_54":55,"_56":-5,"_75":98,"_18":99},{"_34":58,"_13":19,"_37":40,"_39":-5,"_41":42,"_43":59,"_45":46,"_47":86,"_17":61,"_50":62,"_52":-5,"_54":55,"_56":-5,"_75":87,"_18":88},{"_34":78,"_13":79,"_37":80,"_39":-5,"_41":42,"_43":81,"_45":46,"_47":82,"_17":61,"_50":24,"_52":83,"_54":55,"_56":-5,"_75":84,"_18":85},{"_34":68,"_13":69,"_37":70,"_39":-5,"_41":42,"_43":71,"_45":46,"_47":72,"_17":49,"_50":73,"_52":74,"_54":55,"_56":-5,"_75":76,"_18":77},"d8fe3bc8-4b2b-422d-acab-b81f68107c93","main.ts","1a3ccdaa-77e9-11f1-a23f-1607ee4eb77e",2,["D",1783197858083],"http","import { Hono } from \"npm:hono\";\nimport { parseVal, serveFile } from \"https://esm.town/v/std/utils/index.ts\";\n\nconst app = new Hono();\napp.onError((err) => Promise.reject(err));\n\napp.get(\"/\", (c) => serveFile(\"/frontend/index.html\"));\napp.get(\"/frontend/**/*\", (c) => serveFile(c.req.path));\napp.get(\"/shared/**/*\", (c) => serveFile(c.req.path));\n\n// Service worker must be served from root scope\napp.get(\"/sw.js\", (c) => serveFile(\"/frontend/sw.js\"));\n\napp.get(\"/manifest.json\", (c) =>\n c.json({\n name: \"Townie\",\n short_name: \"Townie\",\n description: \"Val Town's AI, in your pocket (mockup)\",\n start_url: \"/\",\n display: \"standalone\",\n background_color: \"#ffffff\",\n theme_color: \"#ffffff\",\n icons: [\n { src: \"/icon.svg\", sizes: \"any\", type: \"image/svg+xml\", purpose: \"any\" },\n { src: \"/icon.svg\", sizes: \"any\", type: \"image/svg+xml\", purpose: \"maskable\" },\n ],\n }));\n\napp.get(\"/icon.svg\", (c) => serveFile(\"/frontend/icon.svg\"));\n\napp.get(\"/source\", (c) => c.redirect(parseVal().links.self.val));\n\nexport default app.fetch;\n","children",[],[69],"b99f0f8e-bdc4-427f-ad45-8f36919a449e","README.md","19993002-77ec-11f1-89e4-1607ee4eb77e",29,["D",1783199135054],"# 📱 townie-mobile\n\nA **UI mockup of a Val Town-native mobile AI chat** — what a first-party \"Townie in your pocket\" app could feel like. Not wired to a real model: responses are canned, Val Town-flavored, and streamed token-by-token to feel alive.\n\n**Live:** open the val's HTTP endpoint on your phone (or a narrow browser window). Add to Home Screen for the full standalone PWA feel.\n\n## What it does\n\nStudies the latest ChatGPT and Claude mobile apps and remixes their best interactions into Val Town's own design language (per the `valtown-ui` skill: IBM Plex Sans, slate + sky, true-black text, 8px radius, iA Writer Quattro eyebrows).\n\n- 💬 **Fake streaming chat** — typing dots → token stream → blinking caret, with effort-dependent \"thinking\" time. Markdown rendering with copyable code blocks. Stop, retry, copy, thumbs.\n- 🗂️ **Push-style sidebar drawer** — edge-swipe to open, pinned + recents (persisted to localStorage), New chat FAB, avatar.\n- 🧠 **Model bottom sheet** — drag-to-dismiss, Townie 2 / Townie / Townie Mini, plus an **Effort** sub-view (High / Medium / Instant) that actually changes streaming speed.\n- ➕ **Attach popover** — Camera / Photos / Files / Connectors with blur backdrop.\n- 🎙️ **Voice mode chip** — animated waveform (mock).\n- 👻 **Incognito mode** — chats created while on are never persisted.\n- 📲 **PWA-level native feel** — manifest + service worker (network-first shell cache), safe-area insets, `100dvh`, no tap highlights, overscroll containment, haptics via `navigator.vibrate`, reduced-motion support.\n\n## Architecture\n\n```mermaid\ngraph LR\n A[main.ts · Hono] -->|serveFile| B[frontend/index.html]\n B --> C[frontend/index.tsx · React 18]\n C --> D[App.tsx · state]\n D --> E[components/ Sidebar · ModelSheet · Composer · Messages]\n D --> F[lib/fakeAI.ts · canned responses + streamer]\n D --> G[lib/store.ts · localStorage + haptics]\n E --> H[lib/markdown.tsx · mini renderer]\n A --> I[/manifest.json + /sw.js + /icon.svg/]\n```\n\n- Styling: Twind (Tailwind runtime) + a small `style.css` for fonts, keyframes, and safe areas.\n- Types shared in `shared/types.ts`.\n- No backend state — everything is client-side; the val only serves files.\n\n## Swapping in a real model\n\n`frontend/lib/fakeAI.ts` exposes `pickResponse()` + `streamResponse()`. Replace those two with a fetch to a streaming endpoint and the whole UI comes alive unchanged.\n\n---\n\nMockup by Charlie (`dcm31`) · [view source](/source)\n",[],[79],["D",1783197922311],[89],[19],{"_34":35,"_13":36,"_37":38,"_39":40,"_41":42,"_43":44,"_45":46,"_47":90,"_17":49,"_50":51,"_52":53,"_54":55,"_56":-5,"_75":91,"_18":92},["D",1783198556047],[],[19,36],"cdcecaba-0dfa-4be8-90d6-0b4d4d283ce6","frontend","8855db7f-f9c1-4fb0-b1d6-ac77d92b180b",3,["D",1783197866652],[100,101,102,103,104,105,106,107],[94],{"_34":197,"_13":198,"_37":199,"_39":95,"_41":42,"_43":200,"_45":46,"_47":201,"_17":61,"_50":62,"_52":-5,"_54":55,"_56":-5,"_75":202,"_18":203},{"_34":155,"_13":156,"_37":157,"_39":95,"_41":42,"_43":158,"_45":46,"_47":159,"_17":61,"_50":62,"_52":-5,"_54":55,"_56":-5,"_75":160,"_18":161},{"_34":147,"_13":148,"_37":149,"_39":95,"_41":42,"_43":150,"_45":46,"_47":151,"_17":111,"_50":51,"_52":152,"_54":55,"_56":-5,"_75":153,"_18":154},{"_34":140,"_13":141,"_37":142,"_39":95,"_41":42,"_43":96,"_45":46,"_47":143,"_17":61,"_50":24,"_52":144,"_54":55,"_56":-5,"_75":145,"_18":146},{"_34":132,"_13":133,"_37":134,"_39":95,"_41":42,"_43":135,"_45":46,"_47":136,"_17":61,"_50":24,"_52":137,"_54":55,"_56":-5,"_75":138,"_18":139},{"_34":124,"_13":125,"_37":126,"_39":95,"_41":42,"_43":127,"_45":46,"_47":128,"_17":61,"_50":51,"_52":129,"_54":55,"_56":-5,"_75":130,"_18":131},{"_34":116,"_13":117,"_37":118,"_39":95,"_41":42,"_43":119,"_45":46,"_47":120,"_17":49,"_50":24,"_52":121,"_54":55,"_56":-5,"_75":122,"_18":123},{"_34":108,"_13":109,"_37":110,"_39":95,"_41":42,"_43":111,"_45":46,"_47":112,"_17":61,"_50":51,"_52":113,"_54":55,"_56":-5,"_75":114,"_18":115},"554ca475-f935-41c9-8540-14a63a58bb61","sw.js","2c156410-77e9-11f1-bf05-1607ee4eb77e",4,["D",1783197877580],"// Minimal network-first service worker: makes the app installable and\n// keeps the shell available offline, without ever serving stale code first.\nconst CACHE = \"townie-shell-v1\";\n\nself.addEventListener(\"install\", (e) => {\n self.skipWaiting();\n});\n\nself.addEventListener(\"activate\", (e) => {\n e.waitUntil(self.clients.claim());\n});\n\nself.addEventListener(\"fetch\", (e) => {\n if (e.request.method !== \"GET\") return;\n const url = new URL(e.request.url);\n if (url.origin !== location.origin) return;\n e.respondWith(\n fetch(e.request)\n .then((res) => {\n const copy = res.clone();\n caches.open(CACHE).then((c) => c.put(e.request, copy)).catch(() => {});\n return res;\n })\n .catch(() => caches.match(e.request)),\n );\n});\n",[],[94,109],"03b349ef-1811-4284-a612-c53b85bcb365","style.css","3efd1d48-77e9-11f1-975e-1607ee4eb77e",22,["D",1783198527183],"@import url(\"https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500;700&display=swap\");\n@import url(\"https://cdn.jsdelivr.net/npm/@fontsource/ia-writer-quattro@5/700.css\");\n\n:root {\n --vt-sky: #38bdf8;\n --vt-sky-deep: #0369a1;\n --vt-border: #e2e8f0;\n --safe-top: env(safe-area-inset-top, 0px);\n --safe-bottom: env(safe-area-inset-bottom, 0px);\n}\n\n* {\n -webkit-tap-highlight-color: transparent;\n}\n\nhtml,\nbody {\n height: 100%;\n margin: 0;\n overscroll-behavior: none;\n background: #fff;\n}\n\nbody {\n font-family: \"IBM Plex Sans\", -apple-system, sans-serif;\n color: #000;\n font-size: 16px;\n line-height: 24px;\n -webkit-font-smoothing: antialiased;\n touch-action: manipulation;\n}\n\n#root {\n height: 100dvh;\n overflow: hidden;\n}\n\n/* Val Town micro-label */\n.eyebrow {\n font-family: \"iA Writer Quattro\", \"IBM Plex Mono\", monospace;\n font-size: 10px;\n font-weight: 700;\n letter-spacing: 0.14em;\n text-transform: uppercase;\n}\n\n.font-mono-vt {\n font-family: \"IBM Plex Mono\", ui-monospace, monospace;\n}\n\n/* !important: twind injects its stylesheet after this one, so utility\n padding classes would otherwise win over the safe-area insets. */\n.safe-top { padding-top: calc(var(--safe-top) + 4px) !important; }\n.safe-bottom { padding-bottom: calc(var(--safe-bottom) + 10px) !important; }\n\n.no-scrollbar { scrollbar-width: none; }\n.no-scrollbar::-webkit-scrollbar { display: none; }\n\n.chrome { user-select: none; -webkit-user-select: none; }\n\n/* Typing indicator */\n@keyframes dotPulse {\n 0%, 80%, 100% { opacity: 0.25; transform: translateY(0); }\n 40% { opacity: 1; transform: translateY(-3px); }\n}\n.dot { animation: dotPulse 1.2s infinite ease-in-out; }\n.dot:nth-child(2) { animation-delay: 0.15s; }\n.dot:nth-child(3) { animation-delay: 0.3s; }\n\n/* Streaming caret */\n@keyframes caretBlink { 50% { opacity: 0; } }\n.caret {\n display: inline-block;\n width: 8px;\n height: 16px;\n margin-left: 2px;\n vertical-align: -2px;\n border-radius: 2px;\n background: var(--vt-sky);\n animation: caretBlink 1s step-end infinite;\n}\n\n/* Greeting entrance */\n@keyframes riseIn {\n from { opacity: 0; transform: translateY(10px); }\n to { opacity: 1; transform: translateY(0); }\n}\n.rise-in { animation: riseIn 0.45s cubic-bezier(0.16, 1, 0.3, 1) both; }\n.rise-in-1 { animation-delay: 0.05s; }\n.rise-in-2 { animation-delay: 0.12s; }\n.rise-in-3 { animation-delay: 0.19s; }\n\n/* Popover scale-in */\n@keyframes popIn {\n from { opacity: 0; transform: scale(0.92) translateY(6px); }\n to { opacity: 1; transform: scale(1) translateY(0); }\n}\n.pop-in {\n animation: popIn 0.18s cubic-bezier(0.16, 1, 0.3, 1) both;\n transform-origin: bottom left;\n}\n\n/* Voice pulse */\n@keyframes voicePulse {\n 0%, 100% { transform: scale(1); }\n 50% { transform: scale(1.08); }\n}\n.voice-pulse { animation: voicePulse 1.6s ease-in-out infinite; }\n\n@keyframes waveBar {\n 0%, 100% { transform: scaleY(0.4); }\n 50% { transform: scaleY(1); }\n}\n.wave-bar { animation: waveBar 0.9s ease-in-out infinite; transform-origin: center; }\n.wave-bar:nth-child(2) { animation-delay: 0.12s; }\n.wave-bar:nth-child(3) { animation-delay: 0.24s; }\n.wave-bar:nth-child(4) { animation-delay: 0.36s; }\n\n.sheet-transition { transition: transform 0.32s cubic-bezier(0.32, 0.72, 0, 1); }\n.main-transition { transition: transform 0.32s cubic-bezier(0.32, 0.72, 0, 1), border-radius 0.32s; }\n.scrim-transition { transition: opacity 0.32s ease; }\n\n@media (prefers-reduced-motion: reduce) {\n .rise-in, .pop-in, .voice-pulse, .wave-bar, .dot { animation: none !important; }\n .sheet-transition, .main-transition, .scrim-transition { transition: none !important; }\n}\n",[],[94,117],"2de9328d-2e9a-4070-9653-2b289e92814b","index.tsx","25510228-77ea-11f1-af08-1607ee4eb77e",17,["D",1783198295723],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from \"https://esm.sh/react@18.2.0\";\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\nimport { App } from \"./App.tsx\";\n\ncreateRoot(document.getElementById(\"root\")!).render();\n\n// PWA: install prompt + offline shell\nif (\"serviceWorker\" in navigator) {\n navigator.serviceWorker.register(\"/sw.js\").catch(() => {});\n}\n",[],[94,125],"616fa1df-61a9-44f1-a182-36c65f5498cd","index.html","31eb6fc4-77e9-11f1-b97f-1607ee4eb77e",5,["D",1783197887372],"\n\n \n \n \n Townie\n \n \n \n \n \n \n \n \n \n \n \n \n \n

\n \n \n\n",[],[94,133],"dd8c962c-dbfe-452a-b149-7a86d9eb534e","icon.svg","2591fa36-77e9-11f1-9af1-1607ee4eb77e",["D",1783197866652],"\n",[],[94,141],"d5615601-fb7e-41ab-8075-ddb6889690b2","App.tsx","2127cb1e-77ea-11f1-a635-1607ee4eb77e",28,["D",1783198585126],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from \"https://esm.sh/react@18.2.0\";\nimport type { Chat, Effort, Message, Model } from \"../shared/types.ts\";\nimport { MODELS, pickResponse, streamResponse } from \"./lib/fakeAI.ts\";\nimport { buzz, loadChats, saveChats, uid } from \"./lib/store.ts\";\nimport { Ghost, Menu } from \"./lib/icons.tsx\";\nimport { Sidebar } from \"./components/Sidebar.tsx\";\nimport { ModelSheet } from \"./components/ModelSheet.tsx\";\nimport { Composer } from \"./components/Composer.tsx\";\nimport { EmptyState, MessageList } from \"./components/Messages.tsx\";\n\nexport function App() {\n const [chats, setChats] = React.useState(() => loadChats());\n const [activeChatId, setActiveChatId] = React.useState(null);\n const [model, setModel] = React.useState(MODELS[0]);\n const [effort, setEffort] = React.useState(\"High\");\n const [sidebarOpen, setSidebarOpen] = React.useState(false);\n const [sheetOpen, setSheetOpen] = React.useState(false);\n const [incognito, setIncognito] = React.useState(false);\n const [streaming, setStreaming] = React.useState(false);\n const cancelRef = React.useRef<(() => void) | null>(null);\n\n const activeChat = chats.find((c) => c.id === activeChatId) ?? null;\n\n React.useEffect(() => {\n saveChats(chats); // incognito chats are filtered out inside saveChats\n }, [chats]);\n\n const patchChat = (id: string, fn: (c: Chat) => Chat) => {\n setChats((prev) => prev.map((c) => (c.id === id ? fn(c) : c)));\n };\n\n const startStream = (chatId: string, prompt: string) => {\n const assistantId = uid();\n const assistantMsg: Message = {\n id: assistantId,\n role: \"assistant\",\n content: \"\",\n createdAt: Date.now(),\n streaming: true,\n };\n patchChat(chatId, (c) => ({\n ...c,\n messages: [...c.messages, assistantMsg],\n updatedAt: Date.now(),\n }));\n setStreaming(true);\n\n cancelRef.current = streamResponse(\n pickResponse(prompt),\n effort,\n (soFar) => {\n patchChat(chatId, (c) => ({\n ...c,\n messages: c.messages.map((m) => (m.id === assistantId ? { ...m, content: soFar } : m)),\n }));\n },\n () => {\n patchChat(chatId, (c) => ({\n ...c,\n messages: c.messages.map((m) => (m.id === assistantId ? { ...m, streaming: false } : m)),\n updatedAt: Date.now(),\n }));\n setStreaming(false);\n cancelRef.current = null;\n buzz(6);\n },\n );\n };\n\n const send = (text: string) => {\n const userMsg: Message = { id: uid(), role: \"user\", content: text, createdAt: Date.now() };\n let chatId = activeChatId;\n if (!chatId || !activeChat) {\n chatId = uid();\n const title = text.length > 42 ? text.slice(0, 42).trimEnd() + \"…\" : text;\n const chat: Chat = {\n id: chatId,\n title,\n messages: [userMsg],\n createdAt: Date.now(),\n updatedAt: Date.now(),\n incognito: incognito || undefined,\n };\n setChats((prev) => [chat, ...prev]);\n setActiveChatId(chatId);\n } else {\n patchChat(chatId, (c) => ({\n ...c,\n messages: [...c.messages, userMsg],\n updatedAt: Date.now(),\n }));\n }\n startStream(chatId, text);\n };\n\n const stop = () => {\n cancelRef.current?.();\n cancelRef.current = null;\n setStreaming(false);\n if (activeChatId) {\n patchChat(activeChatId, (c) => ({\n ...c,\n messages: c.messages.map((m) => (m.streaming ? { ...m, streaming: false } : m)),\n }));\n }\n };\n\n const retry = () => {\n if (!activeChat || streaming) return;\n const lastUser = [...activeChat.messages].reverse().find((m) => m.role === \"user\");\n if (!lastUser) return;\n // Drop the last assistant message and re-stream\n patchChat(activeChat.id, (c) => {\n const msgs = [...c.messages];\n if (msgs[msgs.length - 1]?.role === \"assistant\") msgs.pop();\n return { ...c, messages: msgs };\n });\n startStream(activeChat.id, lastUser.content);\n };\n\n const newChat = () => {\n stop();\n setActiveChatId(null);\n };\n\n // Edge-swipe to open, swipe-left to close the drawer\n const touch = React.useRef<{ x: number; y: number; edge: boolean } | null>(null);\n const onTouchStart = (e: React.TouchEvent) => {\n const t = e.touches[0];\n touch.current = { x: t.clientX, y: t.clientY, edge: t.clientX < 24 };\n };\n const onTouchEnd = (e: React.TouchEvent) => {\n if (!touch.current) return;\n const t = e.changedTouches[0];\n const dx = t.clientX - touch.current.x;\n const dy = Math.abs(t.clientY - touch.current.y);\n if (dy < 60) {\n if (!sidebarOpen && touch.current.edge && dx > 50) {\n buzz();\n setSidebarOpen(true);\n }\n if (sidebarOpen && dx < -50) {\n buzz();\n setSidebarOpen(false);\n }\n }\n touch.current = null;\n };\n\n return (\n \n !c.incognito)}\n activeChatId={activeChatId}\n onSelect={(id) => {\n stop();\n setActiveChatId(id);\n setSidebarOpen(false);\n }}\n onNewChat={newChat}\n onClose={() => setSidebarOpen(false)}\n />\n\n {/* Main surface — pushes right when the drawer opens */}\n setSidebarOpen(false) : undefined}\n >\n {/* Header */}\n

\n {\n buzz();\n setSidebarOpen(true);\n }}\n className=\"w-11 h-11 rounded-full bg-slate-50 border border-slate-200 flex items-center justify-center active:translate-y-px\"\n aria-label=\"Menu\"\n >\n \n \n\n {\n buzz();\n setSheetOpen(true);\n }}\n className=\"h-10 px-4 rounded-full bg-slate-50 border border-slate-200 flex items-center gap-1.5 active:translate-y-px\"\n >\n {model.name}\n {effort}\n \n\n {\n buzz();\n setIncognito((v) => !v);\n newChat();\n }}\n className={`w-11 h-11 rounded-full border flex items-center justify-center active:translate-y-px ${\n incognito\n ? \"bg-black text-white border-black\"\n : \"bg-slate-50 border-slate-200 text-black\"\n }`}\n aria-label=\"Incognito\"\n >\n \n \n

\n {incognito && (\n

\n Incognito — this chat won't be saved\n

\n )}\n

\n\n {/* Body */}\n {activeChat && activeChat.messages.length > 0\n ? \n : }\n\n setSheetOpen(true)}\n />\n \n\n setSheetOpen(false)}\n />\n \n );\n}\n",[],[94,148],"87d747e2-e812-4565-b972-d07edf067926","lib","ae7f9080-a0cd-464a-a068-e124db0f6754",8,["D",1783197966403],[162,163,164,165],[94,156],{"_34":189,"_13":190,"_37":191,"_39":157,"_41":42,"_43":192,"_45":46,"_47":193,"_17":61,"_50":51,"_52":194,"_54":55,"_56":-5,"_75":195,"_18":196},{"_34":182,"_13":183,"_37":184,"_39":157,"_41":42,"_43":158,"_45":46,"_47":185,"_17":61,"_50":51,"_52":186,"_54":55,"_56":-5,"_75":187,"_18":188},{"_34":174,"_13":175,"_37":176,"_39":157,"_41":42,"_43":177,"_45":46,"_47":178,"_17":71,"_50":51,"_52":179,"_54":55,"_56":-5,"_75":180,"_18":181},{"_34":166,"_13":167,"_37":168,"_39":157,"_41":42,"_43":169,"_45":46,"_47":170,"_17":71,"_50":51,"_52":171,"_54":55,"_56":-5,"_75":172,"_18":173},"39a4c682-a57c-4887-b3f9-6eef6c87ec60","store.ts","70f3223e-77e9-11f1-a4f3-1607ee4eb77e",25,["D",1783198561806],"import type { Chat } from \"../../shared/types.ts\";\n\nconst KEY = \"townie-mobile.chats.v1\";\n\nexport function uid(): string {\n return Math.random().toString(36).slice(2, 10) + Date.now().toString(36);\n}\n\nexport function loadChats(): Chat[] {\n try {\n const raw = localStorage.getItem(KEY);\n if (!raw) return seedChats();\n const chats = JSON.parse(raw) as Chat[];\n return Array.isArray(chats) ? chats : seedChats();\n } catch {\n return seedChats();\n }\n}\n\nexport function saveChats(chats: Chat[]) {\n try {\n localStorage.setItem(KEY, JSON.stringify(chats.filter((c) => !c.incognito).slice(0, 60)));\n } catch {\n // storage full or unavailable — mockup keeps working in memory\n }\n}\n\nexport function buzz(ms = 8) {\n try {\n navigator.vibrate?.(ms);\n } catch {\n // no haptics on this device\n }\n}\n\nexport function greeting(): string {\n const h = new Date().getHours();\n if (h < 5) return \"Up late\";\n if (h < 12) return \"Good morning\";\n if (h < 18) return \"Good afternoon\";\n return \"Good evening\";\n}\n\n// A few pre-seeded chats so the sidebar feels lived-in on first open.\nfunction seedChats(): Chat[] {\n const now = Date.now();\n const mk = (title: string, prompt: string, reply: string, agoMin: number, pinned = false): Chat => {\n const t = now - agoMin * 60_000;\n return {\n id: uid(),\n title,\n pinned,\n messages: [\n { id: uid(), role: \"user\", content: prompt, createdAt: t },\n { id: uid(), role: \"assistant\", content: reply, createdAt: t + 4000 },\n ],\n createdAt: t,\n updatedAt: t,\n };\n };\n return [\n mk(\n \"Kratky reservoir sizing math\",\n \"How big a reservoir do I need for lettuce in a 5L Kratky jar?\",\n \"For loose-leaf lettuce, plan on roughly **1L of solution per plant per 3 weeks** — a 5L jar comfortably carries one head from transplant to harvest without a top-up. Leave a 2–3cm air gap once roots hit the water so the crown roots keep breathing.\",\n 240,\n true,\n ),\n mk(\n \"Cron for Beeminder burpee sync\",\n \"Sketch a cron val that posts my burpee count to Beeminder daily\",\n \"The shape you want: a daily cron that reads today's total from your `burpees` table, then POSTs a datapoint to Beeminder's `/users/me/goals/burpees/datapoints.json` with your auth token from `Deno.env`. Use `interval.lastRunAt` to avoid double-posting.\",\n 400,\n true,\n ),\n mk(\n \"Debug Hono 404 on wildcard route\",\n \"My /frontend/** route 404s on Val Town, why?\",\n \"Two usual suspects: the wildcard needs to be `/frontend/**/*` (with the trailing `/*`), and if you're calling `serveFile` from a non-entrypoint file, pass `import.meta.url` as the second argument so relative paths resolve.\",\n 55,\n ),\n mk(\n \"World Cup group stage val ideas\",\n \"Ideas for a World Cup val for my friend group?\",\n \"A few that fit in an afternoon: a **prediction pool** with SQLite standings, a cron that emails the day's fixtures in BRT, or a live bracket page that polls a fixtures API. The pool is the sticky one — everyone checks it daily.\",\n 300,\n ),\n mk(\n \"Email val that files receipts\",\n \"Can a val auto-file receipts I forward to it?\",\n \"Yes — every email val gets its own address. Forward receipts to it, and the handler can drop each attachment into blob storage keyed by date, then reply with a confirmation. Attachments cap out at 30MB per message.\",\n 1500,\n ),\n ];\n}\n",[],[94,156,167],"3a416133-7407-4d50-a186-f84853456563","markdown.tsx","a087e84a-77e9-11f1-bb2a-1607ee4eb77e",21,["D",1783198426511],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\n// Tiny markdown renderer: fenced code, lists, bold, inline code. Enough for a mockup.\nimport React from \"https://esm.sh/react@18.2.0\";\nimport { Copy } from \"./icons.tsx\";\nimport { buzz } from \"./store.ts\";\n\nfunction Inline({ text }: { text: string }) {\n const parts = text.split(/(\\*\\*[^*]+\\*\\*|`[^`]+`)/g);\n return (\n <>\n {parts.map((p, i) => {\n if (p.startsWith(\"**\") && p.endsWith(\"**\")) {\n return {p.slice(2, -2)};\n }\n if (p.startsWith(\"`\") && p.endsWith(\"`\")) {\n return (\n \n {p.slice(1, -1)}\n \n );\n }\n return {p};\n })}\n \n );\n}\n\nfunction CodeBlock({ lang, code }: { lang: string; code: string }) {\n const [copied, setCopied] = React.useState(false);\n const copy = () => {\n buzz();\n navigator.clipboard?.writeText(code).catch(() => {});\n setCopied(true);\n setTimeout(() => setCopied(false), 1200);\n };\n return (\n

\n {lang || \"code\"}\n \n \n {copied ? \"Copied\" : \"Copy\"}\n \n

\n        {code}\n

\n );\n}\n\nexport function Markdown({ text }: { text: string }) {\n const blocks: React.ReactNode[] = [];\n // Match fenced blocks; the end-of-string alternative keeps unterminated\n // fences rendering as code while a response is still streaming.\n const re = /```(\\w*)\\n?([\\s\\S]*?)(```|$)/g;\n let lastIndex = 0;\n let m: RegExpExecArray | null;\n let key = 0;\n while ((m = re.exec(text)) !== null) {\n const before = text.slice(lastIndex, m.index);\n if (before.trim()) blocks.push();\n blocks.push();\n lastIndex = re.lastIndex;\n if (m[0].length === 0) re.lastIndex++; // safety against zero-length match loops\n }\n const tail = text.slice(lastIndex);\n if (tail.trim()) blocks.push();\n return

{blocks}

;\n}\n\nfunction Prose({ text }: { text: string }) {\n const lines = text.split(\"\\n\");\n const out: React.ReactNode[] = [];\n let list: string[] = [];\n let para: string[] = [];\n let key = 0;\n\n const flushPara = () => {\n if (para.length) {\n out.push(\n

\n \n

,\n );\n para = [];\n }\n };\n const flushList = () => {\n if (list.length) {\n out.push(\n

,\n );\n list = [];\n }\n };\n\n for (const raw of lines) {\n const line = raw.trimEnd();\n if (/^[-*] /.test(line.trim())) {\n flushPara();\n list.push(line.trim().slice(2));\n } else if (line.trim() === \"\") {\n flushPara();\n flushList();\n } else {\n flushList();\n para.push(line.trim());\n }\n }\n flushPara();\n flushList();\n return <>{out};\n}\n",[],[94,156,175],"1b30b76f-1976-4a02-ad50-b43d9b5d98ad","icons.tsx","61072f8c-77e9-11f1-8277-1607ee4eb77e",["D",1783197966403],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\n// Line-style icons (Lucide-inspired), 24x24 stroke, currentColor.\nimport React from \"https://esm.sh/react@18.2.0\";\n\ntype P = { size?: number; className?: string; strokeWidth?: number };\n\nfunction I(\n { size = 24, className = \"\", strokeWidth = 2, children }: P & { children: React.ReactNode },\n) {\n return (\n \n {children}\n \n );\n}\n\nexport const Menu = (p: P) => (\n \n \n \n \n);\n\nexport const Ghost = (p: P) => (\n \n \n \n \n \n);\n\nexport const Plus = (p: P) => (\n \n \n \n \n);\n\nexport const Mic = (p: P) => (\n \n \n \n \n \n);\n\nexport const ArrowUp = (p: P) => (\n \n \n \n \n);\n\nexport const Stop = (p: P) => (\n \n \n \n);\n\nexport const X = (p: P) => (\n \n \n \n \n);\n\nexport const Check = (p: P) => (\n \n \n \n);\n\nexport const ChevronRight = (p: P) => (\n \n \n \n);\n\nexport const ChevronLeft = (p: P) => (\n \n \n \n);\n\nexport const ChevronDown = (p: P) => (\n \n \n \n);\n\nexport const Search = (p: P) => (\n \n \n \n \n);\n\nexport const Camera = (p: P) => (\n \n \n \n \n);\n\nexport const Photo = (p: P) => (\n \n \n \n \n \n);\n\nexport const Paperclip = (p: P) => (\n \n \n \n);\n\nexport const Plug = (p: P) => (\n \n \n \n \n \n);\n\nexport const Compose = (p: P) => (\n \n \n \n \n);\n\nexport const Zap = (p: P) => (\n \n \n \n);\n\nexport const Globe = (p: P) => (\n \n \n \n \n);\n\nexport const Mail = (p: P) => (\n \n \n \n \n);\n\nexport const Clock = (p: P) => (\n \n \n \n \n);\n\nexport const Grid = (p: P) => (\n \n \n \n \n \n \n);\n\nexport const BookOpen = (p: P) => (\n \n \n \n \n);\n\nexport const Copy = (p: P) => (\n \n \n \n \n);\n\nexport const Refresh = (p: P) => (\n \n \n \n \n);\n\nexport const ThumbsUp = (p: P) => (\n \n \n \n);\n\nexport const ThumbsDown = (p: P) => (\n \n \n \n);\n\nexport const ArrowDown = (p: P) => (\n \n \n \n \n);\n\nexport const VLogo = (p: P) => (\n \n \n \n);\n",[],[94,156,183],"464497ab-8c28-4af2-93e8-fa089e12c652","fakeAI.ts","8c055664-77e9-11f1-b7f7-1607ee4eb77e",10,["D",1783198038532],"// Fake \"Townie\" brain: picks a canned Val Town-flavored answer and streams it.\nimport type { Model } from \"../../shared/types.ts\";\n\nexport const MODELS: Model[] = [\n { id: \"townie-2\", name: \"Townie 2\", tagline: \"For your toughest vals\", badge: \"New\" },\n { id: \"townie\", name: \"Townie\", tagline: \"Balanced for everyday building\" },\n { id: \"townie-mini\", name: \"Townie Mini\", tagline: \"Fastest for quick answers\" },\n];\n\nexport const EFFORTS = [\"High\", \"Medium\", \"Instant\"] as const;\n\nexport const SUGGESTIONS: { icon: string; label: string; prompt: string }[] = [\n { icon: \"zap\", label: \"Ship a cron job\", prompt: \"Write me a cron val that checks a URL every hour\" },\n { icon: \"globe\", label: \"Scaffold an HTTP val\", prompt: \"Scaffold an HTTP val with Hono\" },\n { icon: \"mail\", label: \"Wire up an email handler\", prompt: \"Make an email val that saves attachments to blob storage\" },\n];\n\nconst CRON = `Here's a cron val that pings a URL every hour and emails you when it's down.\n\n\\`\\`\\`ts\nimport { email } from \"https://esm.town/v/std/email\";\n\nexport default async function (interval: Interval) {\n const res = await fetch(\"https://example.com\").catch(() => null);\n if (!res || !res.ok) {\n await email.send({\n subject: \"🔴 example.com is down\",\n text: \\`Status: \\${res?.status ?? \"unreachable\"} at \\${new Date().toISOString()}\\`,\n });\n }\n}\n\\`\\`\\`\n\nA couple of notes:\n\n- Set the schedule to \\`0 * * * *\\` — cron runs in **UTC** on Val Town.\n- \\`interval.lastRunAt\\` is handy if you only want to alert on *new* downtime.\n\nWant me to add a status page on top of it?`;\n\nconst HTTP = `Here's a minimal Hono scaffold, ready to grow into a full app.\n\n\\`\\`\\`ts\nimport { Hono } from \"npm:hono\";\nimport { serveFile, parseVal } from \"https://esm.town/v/std/utils/index.ts\";\n\nconst app = new Hono();\n\napp.get(\"/\", (c) => serveFile(\"/frontend/index.html\"));\napp.get(\"/frontend/**/*\", (c) => serveFile(c.req.path));\napp.get(\"/source\", (c) => c.redirect(parseVal().links.self.val));\n\napp.onError((err) => Promise.reject(err));\nexport default app.fetch;\n\\`\\`\\`\n\nThree things people usually trip on:\n\n- Export \\`app.fetch\\`, **not** \\`app\\`.\n- Val Town adds permissive CORS by default — don't touch it unless you must.\n- \\`Response.redirect\\` is broken here; use \\`c.redirect()\\` instead.\n\nShould I add a React frontend to this?`;\n\nconst EMAIL = `Every email val gets its own address — forward mail to it and this handler files every attachment into blob storage.\n\n\\`\\`\\`ts\nimport { blob } from \"https://esm.town/v/std/blob\";\n\nexport default async function (e: Email) {\n for (const file of e.attachments) {\n const key = \\`receipts/\\${Date.now()}-\\${file.name}\\`;\n await blob.set(key, await file.arrayBuffer());\n console.log(\"saved\", key, file.type);\n }\n}\n\\`\\`\\`\n\nKeep in mind:\n\n- Incoming mail maxes out at **30MB** including attachments.\n- The val's address is in the file's \\`links.email\\` — never guess it.\n\nWant a little dashboard val to browse what's been saved?`;\n\nconst SQLITE = `Here's an idempotent SQLite setup with parameterized inserts — safe to run on every request.\n\n\\`\\`\\`ts\nimport { sqlite } from \"https://esm.town/v/std/sqlite/main.ts\";\n\nawait sqlite.execute(\\`CREATE TABLE IF NOT EXISTS habits (\n id INTEGER PRIMARY KEY,\n name TEXT NOT NULL,\n done_at TEXT\n)\\`);\n\nawait sqlite.execute({\n sql: \"INSERT INTO habits (name, done_at) VALUES (?, ?)\",\n args: [\"burpees\", new Date().toISOString()],\n});\n\\`\\`\\`\n\nNotes:\n\n- Always use \\`args\\` for user input — never string-interpolate SQL.\n- \\`std/sqlite/main.ts\\` is the **per-val** database; plain \\`std/sqlite\\` is per-user.\n\nWant me to sketch the query layer next?`;\n\nconst DEFAULT = `Happy to help with that. A quick lay of the land, since everything here ends up as a **val** — a small deployed repo that runs on demand:\n\n- **HTTP vals** respond to requests — sites, APIs, webhooks.\n- **Cron vals** run on a schedule (UTC).\n- **Email vals** trigger on incoming mail.\n- **Script vals** are one-offs and shared modules.\n\nFor example, this is a complete deployed website:\n\n\\`\\`\\`ts\nexport default async function (req: Request): Promise {\n return new Response(\"Hello from Val Town 🌐\");\n}\n\\`\\`\\`\n\nTell me what you're building and I'll scaffold it — or pick one of the starters below the composer.`;\n\nexport function pickResponse(prompt: string): string {\n const p = prompt.toLowerCase();\n if (/cron|schedule|interval|every (hour|day|minute)|monitor/.test(p)) return CRON;\n if (/email|mail|attachment|receipt/.test(p)) return EMAIL;\n if (/sqlite|database|schema|sql\\b/.test(p)) return SQLITE;\n if (/http|hono|endpoint|api|scaffold|website|app/.test(p)) return HTTP;\n return DEFAULT;\n}\n\n/**\n * Streams `text` in word-ish chunks. Returns a cancel function.\n * Code fences stream faster (models feel like they \"pour\" code).\n */\nexport function streamResponse(\n text: string,\n effort: string,\n onToken: (soFar: string) => void,\n onDone: () => void,\n): () => void {\n const tokens = text.match(/\\S+\\s*/g) ?? [text];\n let i = 0;\n let out = \"\";\n let cancelled = false;\n let timer: number;\n\n const baseDelay = effort === \"Instant\" ? 8 : effort === \"Medium\" ? 18 : 26;\n const thinkTime = effort === \"Instant\" ? 250 : effort === \"Medium\" ? 700 : 1200;\n\n const step = () => {\n if (cancelled) return;\n if (i >= tokens.length) {\n onDone();\n return;\n }\n // Pour code blocks 3 tokens at a time\n const inCode = (out.match(/```/g)?.length ?? 0) % 2 === 1;\n const take = inCode ? 3 : 1;\n for (let k = 0; k < take && i < tokens.length; k++) out += tokens[i++];\n onToken(out);\n timer = setTimeout(step, baseDelay + Math.random() * baseDelay) as unknown as number;\n };\n\n timer = setTimeout(step, thinkTime) as unknown as number;\n\n return () => {\n cancelled = true;\n clearTimeout(timer);\n };\n}\n",[],[94,156,190],"935a391a-a4a8-4257-ad13-d9acb6385fa9","components","fb5586b7-5af7-4cc8-9287-f57e5791bfbd",12,["D",1783198104684],[204,205,206,207],[94,198],{"_34":232,"_13":233,"_37":234,"_39":199,"_41":42,"_43":235,"_45":46,"_47":236,"_17":61,"_50":51,"_52":237,"_54":55,"_56":-5,"_75":238,"_18":239},{"_34":224,"_13":225,"_37":226,"_39":199,"_41":42,"_43":227,"_45":46,"_47":228,"_17":61,"_50":51,"_52":229,"_54":55,"_56":-5,"_75":230,"_18":231},{"_34":216,"_13":217,"_37":218,"_39":199,"_41":42,"_43":219,"_45":46,"_47":220,"_17":61,"_50":51,"_52":221,"_54":55,"_56":-5,"_75":222,"_18":223},{"_34":208,"_13":209,"_37":210,"_39":199,"_41":42,"_43":211,"_45":46,"_47":212,"_17":49,"_50":51,"_52":213,"_54":55,"_56":-5,"_75":214,"_18":215},"fa8ffe3c-b069-47eb-a931-663000d836f5","Sidebar.tsx","b37c1002-77e9-11f1-b230-1607ee4eb77e",19,["D",1783198320703],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from \"https://esm.sh/react@18.2.0\";\nimport type { Chat } from \"../../shared/types.ts\";\nimport { BookOpen, Clock, Compose, Globe, Grid, Search, VLogo, Zap } from \"../lib/icons.tsx\";\nimport { buzz } from \"../lib/store.ts\";\n\nfunction NavItem({ icon, label, dot }: { icon: React.ReactNode; label: string; dot?: boolean }) {\n return (\n \n );\n}\n\nexport function Sidebar({\n open,\n chats,\n activeChatId,\n onSelect,\n onNewChat,\n onClose,\n}: {\n open: boolean;\n chats: Chat[];\n activeChatId: string | null;\n onSelect: (id: string) => void;\n onNewChat: () => void;\n onClose: () => void;\n}) {\n const pinned = chats.filter((c) => c.pinned);\n const recents = chats.filter((c) => !c.pinned).sort((a, b) => b.updatedAt - a.updatedAt);\n\n return (\n \n {/* Wordmark row */}\n

\n \n \n \n Townie\n

\n \n

\n\n

\n {/* Primary nav */}\n

\n } label=\"Vals\" />\n } label=\"Crons\" dot />\n } label=\"Scheduled\" />\n } label=\"Apps\" />\n } label=\"Docs\" />\n

\n\n {/* Pinned */}\n {pinned.length > 0 && (\n <>\n

Pinned

\n {pinned.map((c) => (\n \n ))}\n \n )}\n\n {/* Recents */}\n

Recents

\n {recents.length === 0 &&

No chats yet

}\n {recents.map((c) => (\n \n ))}\n\n \n view source\n \n

\n\n {/* Bottom bar: avatar + new chat */}\n

\n \n CM\n \n {\n buzz();\n onNewChat();\n onClose();\n }}\n className=\"pointer-events-auto flex items-center gap-2 h-11 px-5 rounded-full bg-sky-400 text-sky-950 text-sm font-bold shadow-md active:translate-y-px chrome\"\n >\n \n New chat\n \n

\n \n );\n}\n\nfunction ChatRow({\n chat,\n active,\n onSelect,\n}: {\n chat: Chat;\n active: boolean;\n onSelect: (id: string) => void;\n}) {\n return (\n {\n buzz();\n onSelect(chat.id);\n }}\n className={`block w-full text-left px-2 py-2.5 -mx-2 rounded-lg truncate text-[16px] chrome ${\n active ? \"bg-slate-100 font-medium\" : \"active:bg-slate-50\"\n }`}\n >\n {chat.title}\n \n );\n}\n",[],[94,198,209],"a4235bda-b002-4a04-90d0-65e208760ce9","ModelSheet.tsx","ca0438b8-77e9-11f1-9352-1607ee4eb77e",13,["D",1783198142545],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\n// Bottom sheet with drag-to-dismiss, model list + effort sub-view.\nimport React from \"https://esm.sh/react@18.2.0\";\nimport type { Effort, Model } from \"../../shared/types.ts\";\nimport { EFFORTS, MODELS } from \"../lib/fakeAI.ts\";\nimport { buzz } from \"../lib/store.ts\";\nimport { Check, ChevronLeft, ChevronRight, X } from \"../lib/icons.tsx\";\n\nexport function ModelSheet({\n open,\n model,\n effort,\n onModel,\n onEffort,\n onClose,\n}: {\n open: boolean;\n model: Model;\n effort: Effort;\n onModel: (m: Model) => void;\n onEffort: (e: Effort) => void;\n onClose: () => void;\n}) {\n const [view, setView] = React.useState<\"models\" | \"effort\">(\"models\");\n const [dragY, setDragY] = React.useState(0);\n const start = React.useRef(null);\n const sheetRef = React.useRef(null);\n\n React.useEffect(() => {\n if (open) setView(\"models\");\n }, [open]);\n\n const onTouchStart = (e: React.TouchEvent) => {\n start.current = e.touches[0].clientY;\n };\n const onTouchMove = (e: React.TouchEvent) => {\n if (start.current === null) return;\n const dy = e.touches[0].clientY - start.current;\n setDragY(Math.max(0, dy));\n };\n const onTouchEnd = () => {\n if (dragY > 90) {\n buzz();\n onClose();\n }\n setDragY(0);\n start.current = null;\n };\n\n const transform = open ? `translateY(${dragY}px)` : \"translateY(105%)\";\n\n return (\n <>\n \n \n {/* Drag handle */}\n \n

\n\n {view === \"models\"\n ? (\n

\n {\n buzz();\n onClose();\n }}\n className=\"absolute left-0 w-10 h-10 rounded-full bg-slate-50 border border-slate-200 flex items-center justify-center active:translate-y-px\"\n aria-label=\"Close\"\n >\n \n \n Select model\n

\n\n

\n {MODELS.map((m, i) => (\n {\n buzz();\n onModel(m);\n onClose();\n }}\n className={`w-full text-left px-4 py-3.5 flex items-start gap-3 active:bg-slate-50 ${\n i > 0 ? \"border-t border-slate-200\" : \"\"\n }`}\n >\n \n \n {m.name}\n {m.badge && (\n \n {m.badge}\n \n )}\n \n {m.tagline}\n \n {m.id === model.id && (\n \n \n \n )}\n \n ))}\n

\n\n {\n buzz();\n setView(\"effort\");\n }}\n className=\"mt-3 w-full rounded-xl border border-slate-200 px-4 py-3.5 flex items-center justify-between active:bg-slate-50\"\n >\n Effort\n \n {effort}\n \n \n \n

\n )\n : (\n

\n {\n buzz();\n setView(\"models\");\n }}\n className=\"absolute left-0 w-10 h-10 rounded-full bg-slate-50 border border-slate-200 flex items-center justify-center active:translate-y-px\"\n aria-label=\"Back\"\n >\n \n \n Effort\n

\n\n

Thinking budget

\n {EFFORTS.map((e, i) => (\n {\n buzz();\n onEffort(e);\n setView(\"models\");\n }}\n className={`w-full text-left px-4 py-3.5 flex items-center justify-between active:bg-slate-50 ${\n i > 0 ? \"border-t border-slate-200\" : \"\"\n }`}\n >\n {e}\n {e === effort && (\n \n \n \n )}\n \n ))}\n

\n )}\n \n \n );\n}\n",[],[94,198,217],"1e89b1f0-45f9-49fc-a091-ddbee5235be0","Messages.tsx","06fbb124-77ea-11f1-8c11-1607ee4eb77e",15,["D",1783198244832],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from \"https://esm.sh/react@18.2.0\";\nimport type { Message } from \"../../shared/types.ts\";\nimport { Markdown } from \"../lib/markdown.tsx\";\nimport { buzz, greeting } from \"../lib/store.ts\";\nimport { ArrowDown, Copy, Globe, Mail, Refresh, ThumbsDown, ThumbsUp, VLogo, Zap } from \"../lib/icons.tsx\";\nimport { SUGGESTIONS } from \"../lib/fakeAI.ts\";\n\nconst SUGGESTION_ICONS: Record = {\n zap: ,\n globe: ,\n mail: ,\n};\n\nexport function EmptyState({ onSuggestion }: { onSuggestion: (prompt: string) => void }) {\n return (\n

\n \n \n \n

\n {greeting()}, Charlie\n

Every chat ships a val

\n\n

\n {SUGGESTIONS.map((s) => (\n {\n buzz();\n onSuggestion(s.prompt);\n }}\n className=\"flex items-center gap-4 w-full py-3 text-left text-slate-700 active:opacity-60 chrome\"\n >\n {SUGGESTION_ICONS[s.icon]}\n {s.label}\n \n ))}\n

\n );\n}\n\nexport function MessageList({\n messages,\n streaming,\n onRetry,\n}: {\n messages: Message[];\n streaming: boolean;\n onRetry: () => void;\n}) {\n const scrollRef = React.useRef(null);\n const [showJump, setShowJump] = React.useState(false);\n const pinnedToBottom = React.useRef(true);\n\n const scrollToBottom = (smooth = false) => {\n const el = scrollRef.current;\n if (el) el.scrollTo({ top: el.scrollHeight, behavior: smooth ? \"smooth\" : \"auto\" });\n };\n\n const onScroll = () => {\n const el = scrollRef.current;\n if (!el) return;\n const fromBottom = el.scrollHeight - el.scrollTop - el.clientHeight;\n pinnedToBottom.current = fromBottom < 60;\n setShowJump(fromBottom > 240);\n };\n\n // Follow the stream while the user is pinned to the bottom\n React.useEffect(() => {\n if (pinnedToBottom.current) scrollToBottom();\n }, [messages]);\n\n React.useEffect(() => {\n scrollToBottom();\n }, []);\n\n const last = messages[messages.length - 1];\n const waiting = streaming && last?.role === \"assistant\" && last.content === \"\";\n\n return (\n

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

\n {m.content}\n

\n )\n : (\n

\n {m.content === \"\" && m.streaming\n ? (\n \n \n \n \n \n )\n : (\n <>\n \n {m.streaming && }\n {!m.streaming && }\n \n )}\n

\n )\n )}\n {/* keep space so the last message clears the composer shadow */}\n

\n\n {showJump && (\n {\n buzz();\n scrollToBottom(true);\n }}\n className=\"absolute bottom-3 left-1/2 -translate-x-1/2 w-10 h-10 rounded-full bg-white border border-slate-200 shadow-md flex items-center justify-center active:translate-y-px pop-in chrome\"\n aria-label=\"Scroll to bottom\"\n >\n \n \n )}\n {waiting && null}\n

\n );\n}\n\nfunction ActionRow({ content, onRetry }: { content: string; onRetry: () => void }) {\n const [copied, setCopied] = React.useState(false);\n const [vote, setVote] = React.useState<\"up\" | \"down\" | null>(null);\n return (\n

\n {\n navigator.clipboard?.writeText(content).catch(() => {});\n setCopied(true);\n setTimeout(() => setCopied(false), 1200);\n }}\n >\n \n \n \n \n \n setVote(vote === \"up\" ? null : \"up\")}\n >\n \n \n setVote(vote === \"down\" ? null : \"down\")}\n >\n \n \n {copied && Copied}\n

\n );\n}\n\nfunction IconBtn({\n children,\n label,\n active,\n onClick,\n}: {\n children: React.ReactNode;\n label: string;\n active?: boolean;\n onClick: () => void;\n}) {\n return (\n {\n buzz();\n onClick();\n }}\n aria-label={label}\n className={`w-8 h-8 rounded-lg flex items-center justify-center active:bg-slate-100 ${\n active ? \"text-sky-700 bg-sky-50\" : \"\"\n }`}\n >\n {children}\n \n );\n}\n",[],[94,198,225],"8338ac7a-593e-47a8-a841-df3800abb222","Composer.tsx","dd25855a-77e9-11f1-9ccc-1607ee4eb77e",14,["D",1783198174635],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from \"https://esm.sh/react@18.2.0\";\nimport type { Effort, Model } from \"../../shared/types.ts\";\nimport { buzz } from \"../lib/store.ts\";\nimport { ArrowUp, Camera, Mic, Paperclip, Photo, Plug, Plus, Stop, X } from \"../lib/icons.tsx\";\n\nexport function Composer({\n model,\n effort,\n streaming,\n onSend,\n onStop,\n onOpenModelSheet,\n}: {\n model: Model;\n effort: Effort;\n streaming: boolean;\n onSend: (text: string) => void;\n onStop: () => void;\n onOpenModelSheet: () => void;\n}) {\n const [text, setText] = React.useState(\"\");\n const [attachOpen, setAttachOpen] = React.useState(false);\n const [voice, setVoice] = React.useState(false);\n const taRef = React.useRef(null);\n\n const autosize = () => {\n const ta = taRef.current;\n if (!ta) return;\n ta.style.height = \"auto\";\n ta.style.height = Math.min(ta.scrollHeight, 160) + \"px\";\n };\n\n const send = () => {\n const t = text.trim();\n if (!t || streaming) return;\n buzz(12);\n onSend(t);\n setText(\"\");\n requestAnimationFrame(autosize);\n };\n\n const canSend = text.trim().length > 0;\n\n return (\n

\n {/* Attach popover */}\n {attachOpen && (\n <>\n

setAttachOpen(false)} />\n

\n {[\n { icon: , label: \"Camera\" },\n { icon: , label: \"Photos\" },\n { icon: , label: \"Files\" },\n { icon: , label: \"Connectors\" },\n ].map((item) => (\n {\n buzz();\n setAttachOpen(false);\n }}\n className=\"w-full flex items-center gap-3 px-3 py-2.5 text-left active:bg-slate-100\"\n >\n \n {item.icon}\n \n {item.label}\n \n ))}\n

\n \n )}\n\n {/* Voice mode overlay chip */}\n {voice && (\n

\n \n \n \n \n \n \n \n \n

Voice mode

Listening… (mockup)

\n {\n buzz();\n setVoice(false);\n }}\n className=\"w-9 h-9 rounded-full bg-slate-100 flex items-center justify-center active:translate-y-px\"\n aria-label=\"End voice mode\"\n >\n \n \n

\n )}\n\n {/* Composer card */}\n

\n {\n setText(e.target.value);\n autosize();\n }}\n onKeyDown={(e) => {\n if (e.key === \"Enter\" && !e.shiftKey && !(\"ontouchstart\" in window)) {\n e.preventDefault();\n send();\n }\n }}\n className=\"w-full resize-none outline-none text-[17px] leading-6 placeholder-slate-400 bg-transparent\"\n style={{ maxHeight: 160 }}\n />\n\n

\n {\n buzz();\n setAttachOpen((v) => !v);\n }}\n className=\"w-9 h-9 rounded-full bg-slate-100 flex items-center justify-center active:translate-y-px\"\n aria-label=\"Attach\"\n >\n \n \n\n {\n buzz();\n onOpenModelSheet();\n }}\n className=\"h-9 px-3.5 rounded-full bg-slate-50 border border-slate-200 flex items-center gap-1.5 active:translate-y-px\"\n >\n {model.name}\n {effort}\n \n\n

\n\n {\n buzz();\n setVoice((v) => !v);\n }}\n className=\"w-9 h-9 rounded-full flex items-center justify-center text-slate-700 active:translate-y-px\"\n aria-label=\"Dictate\"\n >\n \n \n\n {streaming\n ? (\n {\n buzz(15);\n onStop();\n }}\n className=\"w-10 h-10 rounded-full bg-slate-100 border border-slate-200 text-black flex items-center justify-center active:translate-y-px\"\n aria-label=\"Stop\"\n >\n \n \n )\n : (\n \n \n \n )}\n

\n );\n}\n",[],[94,198,233],"8934c467-3448-4075-80df-811a90b198f9",["D",1783197847617],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","Mockup: Val Town-native mobile AI chat (fake AI, PWA feel)","imageUrl","userId","9319c175-2593-4f88-ba21-04f2ef7b1c28","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount","orgId","d663a026-6449-42f6-9156-1d4a2d64d38c","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_294":290},"org",{"_11":12,"_287":288,"_289":290,"_250":251,"_291":292,"_293":55},"branch",{"_17":81,"_13":16,"_34":42,"_279":240,"_280":-5,"_281":-5,"_282":-5,"_283":-5,"_284":-5,"_285":14,"_286":12},"isOwned","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","displayName","Charlie","avatar","https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/3e904faa-3764-4629-c475-f561a49b0000/square512?exp=1789538399&sig=83566187000d9e503ce3f44b6a102e11c71d18c14c583824b36dc207748badf5","tier","pro","canRestrictVals","profileImageUrl","adoptOrgId",{"_34":240,"_13":14,"_47":389,"_242":-5,"_243":55,"_244":245,"_246":245,"_247":248,"_249":-5,"_250":251,"_252":70,"_253":46,"_254":-5,"_255":-5,"_256":61,"_257":258,"_259":-5,"_260":-5,"_261":-5,"_262":-5,"_263":264,"_265":264,"_266":267,"_268":267,"_269":267,"_270":264,"_271":264,"_272":390,"_274":391,"_276":392,"_278":55},[326,343,345,346],"files",[326,327,328,329,330,331,332,333,334,335,336,337,338,339,340,341,342,343,344,345,346],"counts",{"_317":61,"_318":49,"_319":61,"_32":320,"_321":322},[315],{"_34":58,"_13":19,"_37":40,"_39":-5,"_41":42,"_43":59,"_45":46,"_47":60,"_17":61,"_50":62,"_52":-5,"_54":55,"_56":-5,"_18":314},"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},[19],{"_34":35,"_13":36,"_37":38,"_39":40,"_41":42,"_43":44,"_45":46,"_47":48,"_17":49,"_50":51,"_52":53,"_54":55,"_56":-5,"_18":316},[19,36],"pulls","branches","forks",{"_323":61,"_325":61},"connections",{"_323":61,"_324":61},"count","unfilledCount","emptyCount",{"_34":93,"_13":94,"_37":95,"_39":-5,"_41":42,"_43":96,"_45":46,"_47":97,"_17":61,"_50":62,"_52":-5,"_54":55,"_56":-5,"_75":387,"_18":388},{"_34":197,"_13":198,"_37":199,"_39":95,"_41":42,"_43":200,"_45":46,"_47":201,"_17":61,"_50":62,"_52":-5,"_54":55,"_56":-5,"_75":385,"_18":386},{"_34":232,"_13":233,"_37":234,"_39":199,"_41":42,"_43":235,"_45":46,"_47":236,"_17":61,"_50":51,"_52":237,"_54":55,"_56":-5,"_75":383,"_18":384},{"_34":224,"_13":225,"_37":226,"_39":199,"_41":42,"_43":227,"_45":46,"_47":228,"_17":61,"_50":51,"_52":229,"_54":55,"_56":-5,"_75":381,"_18":382},{"_34":216,"_13":217,"_37":218,"_39":199,"_41":42,"_43":219,"_45":46,"_47":220,"_17":61,"_50":51,"_52":221,"_54":55,"_56":-5,"_75":379,"_18":380},{"_34":208,"_13":209,"_37":210,"_39":199,"_41":42,"_43":211,"_45":46,"_47":212,"_17":49,"_50":51,"_52":213,"_54":55,"_56":-5,"_75":377,"_18":378},{"_34":155,"_13":156,"_37":157,"_39":95,"_41":42,"_43":158,"_45":46,"_47":159,"_17":61,"_50":62,"_52":-5,"_54":55,"_56":-5,"_75":375,"_18":376},{"_34":189,"_13":190,"_37":191,"_39":157,"_41":42,"_43":192,"_45":46,"_47":193,"_17":61,"_50":51,"_52":194,"_54":55,"_56":-5,"_75":373,"_18":374},{"_34":182,"_13":183,"_37":184,"_39":157,"_41":42,"_43":158,"_45":46,"_47":185,"_17":61,"_50":51,"_52":186,"_54":55,"_56":-5,"_75":371,"_18":372},{"_34":174,"_13":175,"_37":176,"_39":157,"_41":42,"_43":177,"_45":46,"_47":178,"_17":71,"_50":51,"_52":179,"_54":55,"_56":-5,"_75":369,"_18":370},{"_34":166,"_13":167,"_37":168,"_39":157,"_41":42,"_43":169,"_45":46,"_47":170,"_17":71,"_50":51,"_52":171,"_54":55,"_56":-5,"_75":367,"_18":368},{"_34":147,"_13":148,"_37":149,"_39":95,"_41":42,"_43":150,"_45":46,"_47":151,"_17":111,"_50":51,"_52":152,"_54":55,"_56":-5,"_75":365,"_18":366},{"_34":140,"_13":141,"_37":142,"_39":95,"_41":42,"_43":96,"_45":46,"_47":143,"_17":61,"_50":24,"_52":144,"_54":55,"_56":-5,"_75":363,"_18":364},{"_34":132,"_13":133,"_37":134,"_39":95,"_41":42,"_43":135,"_45":46,"_47":136,"_17":61,"_50":24,"_52":137,"_54":55,"_56":-5,"_75":361,"_18":362},{"_34":124,"_13":125,"_37":126,"_39":95,"_41":42,"_43":127,"_45":46,"_47":128,"_17":61,"_50":51,"_52":129,"_54":55,"_56":-5,"_75":359,"_18":360},{"_34":116,"_13":117,"_37":118,"_39":95,"_41":42,"_43":119,"_45":46,"_47":120,"_17":49,"_50":24,"_52":121,"_54":55,"_56":-5,"_75":357,"_18":358},{"_34":108,"_13":109,"_37":110,"_39":95,"_41":42,"_43":111,"_45":46,"_47":112,"_17":61,"_50":51,"_52":113,"_54":55,"_56":-5,"_75":355,"_18":356},{"_34":58,"_13":19,"_37":40,"_39":-5,"_41":42,"_43":59,"_45":46,"_47":86,"_17":61,"_50":62,"_52":-5,"_54":55,"_56":-5,"_75":353,"_18":354},{"_34":35,"_13":36,"_37":38,"_39":40,"_41":42,"_43":44,"_45":46,"_47":90,"_17":49,"_50":51,"_52":53,"_54":55,"_56":-5,"_75":351,"_18":352},{"_34":78,"_13":79,"_37":80,"_39":-5,"_41":42,"_43":81,"_45":46,"_47":82,"_17":61,"_50":24,"_52":83,"_54":55,"_56":-5,"_75":349,"_18":350},{"_34":68,"_13":69,"_37":70,"_39":-5,"_41":42,"_43":71,"_45":46,"_47":72,"_17":49,"_50":73,"_52":74,"_54":55,"_56":-5,"_75":347,"_18":348},[],[69],[],[79],[],[19,36],[344],[19],[],[94,109],[],[94,117],[],[94,125],[],[94,133],[],[94,141],[],[94,148],[],[94,156,167],[],[94,156,175],[],[94,156,183],[],[94,156,190],[333,334,335,336],[94,156],[],[94,198,209],[],[94,198,217],[],[94,198,225],[],[94,198,233],[328,329,330,331],[94,198],[327,332,337,338,339,340,341,342],[94],["D",1783197847617],{"_11":12,"_294":290},{"_11":12,"_287":288,"_289":290,"_250":251,"_291":292,"_293":55},{"_17":81,"_13":16,"_34":42,"_279":240,"_280":-5,"_281":-5,"_282":-5,"_283":-5,"_284":-5,"_285":14,"_286":12},"ctx",{"_272":-5,"_311":426,"_427":428,"_429":430,"_431":55,"_432":55,"_433":55,"_434":46,"_435":-5,"_436":-7,"_437":-7,"_438":61,"_439":55,"_440":55,"_441":-5,"_442":55,"_443":55,"_444":55,"_445":-5},"ENV",{"_397":398,"_399":400,"_401":16,"_402":403,"_404":405,"_406":407,"_408":409,"_410":411,"_412":413,"_414":415,"_416":417,"_418":419,"_420":421,"_422":423,"_424":425},"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"]