[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_309":310,"_311":312},"routes/_app.x.$handle.$name",{"_103":102,"_32":45,"_111":91,"_27":112,"_13":14,"_113":-5,"_11":114,"_115":116,"_117":118,"_119":120,"_121":122,"_20":-5,"_123":124,"_125":126,"_127":49,"_128":129,"_130":25,"_131":-5,"_132":-5,"_133":134},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_43":44,"_32":45,"_38":46,"_47":-5,"_48":49,"_50":51,"_52":51,"_53":54,"_55":56,"_18":57,"_58":59,"_60":25,"_61":-5,"_62":-5,"_63":64,"_65":66,"_67":68,"_69":70,"_71":72,"_73":-5,"_74":75,"_76":75,"_77":78,"_79":78,"_80":78,"_81":75,"_82":75,"_83":84,"_85":86,"_87":88,"_89":49},"version",18,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":23,"_24":25,"_26":25,"_27":28,"_29":28},"file",{"_30":31,"_32":33,"_34":35,"_36":37,"_38":39,"_40":14,"_41":42,"_24":25},"previous",{"_30":31,"_32":33,"_34":35,"_36":37},"deleted",true,"deletedHere","path","frontend/components/CodePanel.tsx","latestPath","fileId","01a068eb-ca36-70ad-ae0b-a189b61e0ae8","name","CodePanel.tsx","fileType","script","content","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useEffect, useMemo, useRef } from \"https://esm.sh/react@18.2.0\";\nimport hljs from \"https://esm.sh/highlight.js@11.9.0/lib/core\";\nimport xml from \"https://esm.sh/highlight.js@11.9.0/lib/languages/xml\";\nimport javascript from \"https://esm.sh/highlight.js@11.9.0/lib/languages/javascript\";\nimport css from \"https://esm.sh/highlight.js@11.9.0/lib/languages/css\";\n\nhljs.registerLanguage(\"xml\", xml);\nhljs.registerLanguage(\"javascript\", javascript);\nhljs.registerLanguage(\"css\", css);\n\nfunction languageFor(path: string) {\n if (/\\.(js|mjs|ts)$/.test(path)) return \"javascript\";\n if (/\\.css$/.test(path)) return \"css\";\n return \"xml\";\n}\n\n// Middle column: the workspace. One tab per file, the selected file highlighted.\nexport function CodePanel(\n { files, selected, onSelect, busy }: {\n files: Record;\n selected: string;\n onSelect: (path: string) => void;\n busy: boolean;\n },\n) {\n const scrollRef = useRef(null);\n const paths = Object.keys(files);\n const code = files[selected] ?? \"\";\n\n const highlighted = useMemo(() => {\n if (!code) return \"\";\n try {\n return hljs.highlight(code, { language: languageFor(selected) }).value;\n } catch {\n return null;\n }\n }, [code, selected]);\n\n useEffect(() => {\n scrollRef.current?.scrollTo({ top: 0 });\n }, [selected]);\n\n return (\n

\n {paths.length === 0 && Workspace}\n {paths.map((p) => (\n onSelect(p)}\n className={`cursor-pointer rounded px-2 py-0.5 font-mono text-[11px] ${p === selected ? \"bg-gray-700 text-gray-100\" : \"text-gray-400 hover:text-gray-200\"}`}\n >\n {p}\n \n ))}\n {busy && }\n

\n {code && (\n navigator.clipboard.writeText(code)}\n className=\"text-[11px] px-2 py-1 rounded border border-gray-700 text-gray-400 hover:bg-gray-800 transition-colors cursor-pointer\"\n >\n Copy\n \n )}\n

\n\n \n {!code\n ? Files appear here as the agent writes them.\n : highlighted\n ? \n : {code}}\n \n

\n  );\n}\n","createdAt",["D",1788467466209],"branchVersion","branchId","bcd0622a-e9a0-439d-804c-4b21a255e97d","id","6c39c4f0-b809-411f-9870-024217ce1962","openrouter-coder",["D",1785252223134],"deletedAt","legacyEnvVars",false,"privacy","public","httpPrivacy","description","Any OpenRouter model codes a web page live, with tok/s + cost","imageUrl","https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/64dc00cc-94d9-47dd-81b1-dde02610d900/square512?exp=1789590915&sig=b13e0d9caf060b925ea5c6decb88a045948d1a1651075cd783877187708def3f","a0bf3b31-15a5-4d5c-880e-4b1e22c9bc18","pinnedFileId","019fa953-1907-764b-93b8-955c6a296213","pinPreview","pinMigrated","screenshotVersion","likeCount",0,"orgId","e81e7335-6d4c-4764-a902-d0962bbfa9f7","tursoName","6c39c4f0b809411f9870024217ce1962","tursoHostname","6c39c4f0b809411f9870024217ce1962-val-town.aws-us-east-2.turso.io","tursoMeasuredAt",["D",1789561254403],"pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_103":102,"_110":106},"org",{"_103":102,"_104":-5,"_105":106,"_18":57,"_107":108,"_109":49},"branch",{"_13":90,"_32":91,"_43":42,"_92":44,"_93":94,"_95":96,"_97":51,"_98":44,"_99":66,"_100":45,"_101":102},"isOwned",105,"voice","projectId","forkedBranchId","c2c67fa8-24f8-445b-bda0-6e7ff916defa","forkedBranchVersion",9,"forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","stevekrouse","handle","displayName","avatar","https://images.clerk.dev/uploaded/img_2PqHa2Gsy93xQrjh2w78Xu0cChW.jpeg","tier","pro","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_43":44,"_32":45,"_38":304,"_47":-5,"_48":49,"_50":51,"_52":51,"_53":54,"_55":56,"_18":57,"_58":59,"_60":25,"_61":-5,"_62":-5,"_63":64,"_65":66,"_67":68,"_69":70,"_71":305,"_73":-5,"_74":75,"_76":75,"_77":78,"_79":78,"_80":78,"_81":75,"_82":75,"_83":306,"_85":307,"_87":308,"_89":49},"tree",[217,226,227,228,229],"files",[217,218,219,220,221,222,223,224,225,226,227,228,229],"counts",{"_206":64,"_207":208,"_209":64,"_210":211,"_212":213},"contents",[164,165,166,167,168],"upstreamProject",{"_43":158,"_32":159,"_53":160,"_55":56,"_50":51,"_83":161},"upstreamBranch",{"_43":94,"_38":150,"_151":152,"_32":153,"_92":44,"_13":96,"_93":154,"_95":155,"_156":157,"_47":-5,"_89":49,"_50":51,"_101":102,"_65":66,"_100":45},"emptyEnvVars","flags",[135,136,137,138,139,140,141],"hasHttpFiles","grants","orgs","customDomains",{},{"_43":149,"_143":-5},{"_43":148,"_143":-5},{"_43":147,"_143":-5},{"_43":146,"_143":-5},{"_43":145,"_143":-5},{"_43":144,"_143":-5},{"_43":142,"_143":-5},"10c1f4f2-c1e6-48dd-b02d-680389842a76","reporterId","62ac9562-0713-4959-9e8e-356ad3a8b6da","57835e22-f15c-47a3-bd57-88f34c013a36","618300a4-8ee3-4a49-a11d-2171ad745ad4","a8fb30ad-ea80-433b-b474-1c2b76bdd4ac","bf785351-a64b-49f6-ab0d-875e638b030a","94f26e3c-6677-4641-89a8-24b5715ab905",["D",1788465952443],"updatedAt",["D",1788466250976],"agentic","3b1e9452-ea7a-4e87-b511-7709945863af",27,"lockfileKey","1788466251332-esm.town_v_stevekrouse_openrouter-coder@9-agentic","96102714-f528-11ef-aa68-569c3dd06744","react-hono-starter","Starter template with client-side React & Hono server",{"_103":162,"_110":163},"templates","https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/129cab32-3bd7-4c3e-f39b-f12900c76100/square512?exp=1789590915&sig=7886646aa0d0501e6bec30cff24d1f8839971bcf555588ec4065e2525b48bf69",{"_43":200,"_32":201,"_30":202,"_172":-5,"_41":42,"_40":176,"_174":25,"_38":203,"_13":64,"_34":204,"_36":-5,"_24":49,"_178":-5,"_27":205},{"_43":194,"_32":195,"_30":196,"_172":-5,"_41":42,"_40":176,"_174":25,"_38":197,"_13":64,"_34":20,"_36":198,"_24":49,"_178":-5,"_27":199},{"_43":188,"_32":189,"_30":190,"_172":-5,"_41":42,"_40":176,"_174":49,"_38":191,"_13":64,"_34":35,"_36":192,"_24":49,"_178":-5,"_27":193},{"_43":180,"_32":181,"_30":182,"_172":-5,"_41":42,"_40":183,"_174":25,"_38":184,"_13":173,"_34":185,"_36":186,"_24":49,"_178":-5,"_27":187},{"_43":169,"_32":170,"_30":171,"_172":-5,"_41":42,"_40":173,"_174":25,"_38":175,"_13":176,"_34":35,"_36":177,"_24":49,"_178":-5,"_27":179},"1fdb020b-d542-4a37-a72c-28b9134725e9","openrouter.ts","01a068eb-ca37-739b-bb71-1a00322ab07a","parentId",2,"latest",["D",1788466708366],1,"const ENDPOINT = \"https://openrouter.ai/api/v1/chat/completions\";\nconst MAX_TOKENS = 8192;\n\n// Shown as one-click defaults in the UI; any OpenRouter slug works, with an\n// optional \"@provider-tag\" suffix to pin a specific serving endpoint.\nexport const DEFAULT_MODELS = [\n  \"openai/gpt-oss-120b@cerebras\",\n  \"moonshotai/kimi-k3@fireworks/fast\",\n  \"anthropic/claude-opus-5-fast\",\n  \"openai/gpt-5.6-luna\",\n  \"google/gemini-3.6-flash\",\n  \"z-ai/glm-5.2\",\n  \"x-ai/grok-4.5\",\n];\n\nconst SYSTEM = `You write one complete HTML document, streamed top-to-bottom into a live browser.\n- Output raw HTML only: no prose, no code fences, no explanation.\n- Start with  and end with , then stop.\n- In , include exactly this stylesheet setup: \n- Style everything with Tailwind utility classes (arbitrary values like h-[40%] are fine). No \n  \n  \n    
\n    \n    \n  \n\n",[],[201,251],"ebe3384f-c433-45f5-bdcd-ac477f85e588","favicon.svg","01a068eb-ca37-739b-bb70-fe32b88eb1de",["D",1788466678331],"\n",[],[201,258],"738e422e-60f4-4121-9fe6-02d3664fb1e8","VoiceButton.tsx","a8ef1b14-a7d4-11f1-9f9d-1607ee4eb77e","01a068eb-ca37-739b-bb70-fbb512b8ccd8",14,["D",1788467242426],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useEffect, useRef, useState } from \"https://esm.sh/react@18.2.0\";\n\n// Hands-free voice input through the browser's speech recognizer (Chrome and Safari). Words stream in as\n// you talk. A request is sent when the recognizer marks the sentence final, or when no new words have\n// arrived for `silenceMs`, whichever comes first. Listening pauses while the agent works and resumes after.\nexport function useVoice({ silenceMs, busy, onFinal }: {\n  silenceMs: number;\n  busy: boolean;\n  onFinal: (text: string, sinceLastWordMs: number) => void;\n}) {\n  const [on, setOn] = useState(false);\n  const [listening, setListening] = useState(false);\n  const [interim, setInterim] = useState(\"\");\n  const [status, setStatus] = useState(\"\");\n  const onRef = useRef(false);\n  const busyRef = useRef(busy);\n  busyRef.current = busy;\n  const sent = useRef(false); // true from a send until the agent finishes, so nothing is sent twice\n  const rec = useRef(null);\n  const timer = useRef(undefined);\n  const transcript = useRef(\"\");\n  const lastWordAt = useRef(0);\n  const SR = typeof window === \"undefined\" ? null : (window as any).SpeechRecognition || (window as any).webkitSpeechRecognition;\n  const supported = !!SR;\n\n  function commit(why: string) {\n    const text = transcript.current.trim();\n    clearTimeout(timer.current);\n    transcript.current = \"\";\n    setInterim(\"\");\n    if (!text || sent.current) return;\n    sent.current = true;\n    const since = Math.round(performance.now() - lastWordAt.current);\n    setStatus(`${why}, ${since} ms after the last word`);\n    try { rec.current?.abort(); } catch { /* already stopped */ }\n    onFinal(text, since);\n  }\n\n  function start() {\n    if (!SR || rec.current || busyRef.current || sent.current) return;\n    const r = new SR();\n    r.lang = \"en-US\";\n    r.interimResults = true;\n    r.continuous = true;\n    r.onstart = () => { setListening(true); setStatus(\"listening\"); };\n    r.onresult = (e: any) => {\n      let text = \"\", final = false;\n      for (const res of e.results) { text += res[0].transcript; if (res.isFinal) final = true; }\n      transcript.current = text;\n      lastWordAt.current = performance.now();\n      setInterim(text);\n      clearTimeout(timer.current);\n      if (final) commit(\"sentence ended\");\n      else timer.current = setTimeout(() => commit(`${silenceMs} ms of silence`), silenceMs);\n    };\n    r.onerror = (e: any) => { if (e.error !== \"aborted\" && e.error !== \"no-speech\") setStatus(`microphone: ${e.error}`); };\n    r.onend = () => {\n      rec.current = null;\n      setListening(false);\n      if (onRef.current && !busyRef.current && !sent.current) start();\n    };\n    rec.current = r;\n    r.start();\n  }\n\n  function stop() {\n    onRef.current = false; setOn(false);\n    clearTimeout(timer.current); transcript.current = \"\"; setInterim(\"\");\n    try { rec.current?.abort(); } catch { /* ignore */ }\n    rec.current = null; setListening(false); setStatus(\"\");\n  }\n\n  function toggle() {\n    if (on) stop();\n    else { onRef.current = true; setOn(true); start(); }\n  }\n\n  // The agent finished: allow the next send and listen again.\n  useEffect(() => {\n    if (!busy) { sent.current = false; if (onRef.current && !rec.current) start(); }\n  }, [busy]);\n\n  return { supported, on, listening, interim, status, toggle, start: () => { onRef.current = true; setOn(true); start(); } };\n}\n",[],[201,273,265],"components","5b8c9f32-5977-41fe-acef-ad9649ba7cb6","PreviewPanel.tsx","01a068eb-ca36-70ad-ae0b-a69b406327d2",["D",1788466678331],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useEffect, useRef, useState } from \"https://esm.sh/react@18.2.0\";\nimport type { MutableRefObject } from \"https://esm.sh/react@18.2.0\";\n\nexport interface PreviewHandle {\n  render: (html: string) => void;\n  clear: () => void;\n}\n\n// The preview iframe. Every file change re-renders the whole page; the iframe needs\n// allow-same-origin so the parent can write into contentDocument.\nexport function PreviewPanel({ handleRef }: { handleRef: MutableRefObject }) {\n  const iframeRef = useRef(null);\n  const [started, setStarted] = useState(false);\n\n  useEffect(() => {\n    handleRef.current = {\n      render(html) {\n        setStarted(true);\n        const doc = iframeRef.current?.contentDocument;\n        if (!doc) return;\n        try {\n          doc.open();\n          doc.write(html);\n          doc.close();\n        } catch {\n          // iframe not ready yet\n        }\n      },\n      clear() {\n        setStarted(false);\n        const doc = iframeRef.current?.contentDocument;\n        try {\n          doc?.open();\n          doc?.close();\n        } catch {\n          // ignore\n        }\n      },\n    };\n    return () => {\n      handleRef.current = null;\n    };\n  }, []);\n\n  return (\n    \n      \n        Preview\n      
\n\n      \n        \n        {!started && (\n          \n            Nothing built yet.\n          
\n        )}\n      
\n    
\n  );\n}\n",[],[201,273,275],"7b8d8914-f76b-4036-b229-3d9355bbf89c","Overlay.tsx","fa4b1250-a7d5-11f1-9310-1607ee4eb77e",16,["D",1788467289415],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useEffect, useState } from \"https://esm.sh/react@18.2.0\";\n\nexport type Toast = {\n  id: string;\n  at: number;\n  kind: \"said\" | \"result\" | \"error\";\n  text: string;\n  since?: number;\n  diffs?: { path: string; added: string[]; removed: number }[];\n  stats?: { turns: number; toolCalls: number; tokens: number; tps: number; totalMs: number };\n};\n\nconst LIFE: Record = { said: 5000, result: 9000, error: 12000 };\nconst FADE = 1500;\nconst ms = (n: number) => n >= 1000 ? `${(n / 1000).toFixed(2)} s` : `${Math.round(n)} ms`;\n\n// Everything drawn over the page: the words being heard, what the agent is doing, and the fading\n// cards for what was said and what changed. The mic control sits in the corner.\nexport function Overlay({ toasts, interim, live, mic, typed, onTyped, onSubmit, onExpire }: {\n  toasts: Toast[];\n  interim: string;\n  live: { text: string; tools: string[]; turns: number } | null;\n  mic: { supported: boolean; on: boolean; listening: boolean; status: string; toggle: () => void };\n  typed: string | null;\n  onTyped: (t: string | null) => void;\n  onSubmit: (text: string) => void;\n  onExpire: (id: string) => void;\n}) {\n  const [now, setNow] = useState(performance.now());\n  useEffect(() => {\n    const t = setInterval(() => setNow(performance.now()), 100);\n    return () => clearInterval(t);\n  }, []);\n  useEffect(() => {\n    for (const t of toasts) if (now - t.at > LIFE[t.kind]) onExpire(t.id);\n  }, [now]);\n\n  const opacity = (t: Toast) => Math.max(0, Math.min(1, (LIFE[t.kind] - (now - t.at)) / FADE));\n\n  return (\n    <>\n      \n        {mic.listening ? \"●\" : \"🎙\"}\n      \n\n      \n        {toasts.map((t) => (\n          \n            {t.kind === \"said\" && (\n              \n                {t.text}\n                {t.since !== undefined && sent {t.since} ms after the last word}\n              
\n            )}\n            {t.kind === \"result\" && (\n              \n                {t.text}
\n                {t.diffs?.map((d) => (\n                  \n                    {d.path} · +{d.added.length} −{d.removed} lines
\n                    {d.added.slice(0, 6).map((l, i) => + {l.trim()}
)}\n                    {d.added.length > 6 && … {d.added.length - 6} more
}\n                  
\n                ))}\n                {t.stats && (\n                  \n                    {t.stats.tps.toLocaleString()} tok/s · {t.stats.tokens.toLocaleString()} tokens · {t.stats.turns} turn{t.stats.turns === 1 ? \"\" : \"s\"} · {t.stats.toolCalls} tool call{t.stats.toolCalls === 1 ? \"\" : \"s\"} · {ms(t.stats.totalMs)}\n                  
\n                )}\n              
\n            )}\n            {t.kind === \"error\" && {t.text}
}\n          
\n        ))}\n\n        {live && (\n          \n            {live.tools.length ? live.tools.map((x, i) => {x}
) : thinking…
}\n            {live.text && {live.text}
}\n          
\n        )}\n\n        {interim && (\n          {interim}
\n        )}\n\n        {typed !== null && (\n           onTyped((e.target as HTMLInputElement).value)}\n            onKeyDown={(e) => {\n              if (e.key === \"Enter\") onSubmit(typed);\n              if (e.key === \"Escape\") onTyped(null);\n            }}\n            placeholder=\"Say or type what to build or change\"\n            className=\"pointer-events-auto w-full max-w-2xl rounded-2xl border border-gray-300 bg-white px-5 py-3 text-lg shadow-lg focus:outline-none focus:ring-2 focus:ring-blue-500\"\n          />\n        )}\n      
\n    \n  );\n}\n",[],[201,273,282],"bf388288-c77d-4dcf-9057-7e07023e9960","App.tsx","01a068eb-ca36-70ad-ae0b-9ba9da2d93cc",15,["D",1788467267535],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useEffect, useRef, useState } from \"https://esm.sh/react@18.2.0\";\nimport { useVoice } from \"./VoiceButton.tsx\";\nimport { Overlay } from \"./Overlay.tsx\";\nimport type { Toast } from \"./Overlay.tsx\";\n\n// Voice-first: the page being built fills the screen. What you say appears at the bottom and fades;\n// what changed, and how fast, appears the same way after each run. Typing any key opens a text box.\nconst PARAMS = new URLSearchParams(location.search);\nconst MODEL = PARAMS.get(\"model\") || \"openai/gpt-oss-120b@cerebras\";\nconst SILENCE_MS = Number(PARAMS.get(\"silence\")) || 700;\nconst AUTO_VOICE = PARAMS.get(\"voice\") !== \"0\";\n\nfunction lineDiff(before: string, after: string) {\n  const a = before.split(\"\\n\"), b = after.split(\"\\n\");\n  const countA = new Map(); for (const l of a) countA.set(l, (countA.get(l) ?? 0) + 1);\n  const added: string[] = []; const remaining = new Map(countA);\n  for (const l of b) { const n = remaining.get(l) ?? 0; if (n > 0) remaining.set(l, n - 1); else added.push(l); }\n  const removed = [...remaining.values()].reduce((s, n) => s + n, 0);\n  return { added, removed };\n}\n\nexport function App() {\n  const [messages, setMessages] = useState([]);\n  const [files, setFiles] = useState>({});\n  const [loading, setLoading] = useState(false);\n  const [toasts, setToasts] = useState([]);\n  const [typed, setTyped] = useState(null);\n  const [live, setLive] = useState<{ text: string; tools: string[]; turns: number } | null>(null);\n  const iframeRef = useRef(null);\n  const filesRef = useRef(files);\n  filesRef.current = files;\n  const messagesRef = useRef(messages);\n  messagesRef.current = messages;\n\n  const toast = (t: Omit) => setToasts((prev) => [...prev.slice(-5), { ...t, id: crypto.randomUUID(), at: performance.now() }]);\n\n  function render(html: string) {\n    const doc = iframeRef.current?.contentDocument;\n    if (!doc) return;\n    try { doc.open(); doc.write(html); doc.close(); } catch { /* not ready */ }\n  }\n\n  async function send(instruction: string) {\n    if (loading) return;\n    setLoading(true);\n    setLive({ text: \"\", tools: [], turns: 0 });\n    const before = filesRef.current;\n    const startedAt = performance.now();\n    let tokens = 0, decodeMs = 0;\n    try {\n      const res = await fetch(\"/api/agent\", {\n        method: \"POST\",\n        headers: { \"Content-Type\": \"application/json\" },\n        body: JSON.stringify({ messages: messagesRef.current, files: before, instruction, model: MODEL }),\n      });\n      if (!res.ok || !res.body) throw new Error((await res.json().catch(() => ({})))?.error ?? `Request failed (${res.status})`);\n      const reader = res.body.getReader();\n      const decoder = new TextDecoder();\n      let buffer = \"\";\n      while (true) {\n        const { done, value } = await reader.read();\n        if (done) break;\n        buffer += decoder.decode(value, { stream: true });\n        const frames = buffer.split(\"\\n\\n\");\n        buffer = frames.pop() ?? \"\";\n        for (const frame of frames) {\n          const line = frame.split(\"\\n\").find((l) => l.startsWith(\"data:\"));\n          if (!line) continue;\n          const event = JSON.parse(line.slice(5).trim());\n          switch (event.type) {\n            case \"text\": setLive((l) => l && { ...l, text: l.text + event.text }); break;\n            case \"tool\": setLive((l) => l && { ...l, tools: [...l.tools, `${event.name} ${event.args}`] }); break;\n            case \"turn\": tokens += event.stats.completionTokens; decodeMs += event.stats.totalMs - event.stats.ttftMs; setLive((l) => l && { ...l, turns: event.stats.index }); break;\n            case \"files\": setFiles(event.files); if (event.files[\"index.html\"] !== undefined) render(event.files[\"index.html\"]); break;\n            case \"done\": {\n              setMessages(event.messages);\n              setFiles(event.files);\n              const changed = Object.keys(event.files).filter((p) => event.files[p] !== before[p]);\n              const diffs = changed.map((p) => ({ path: p, ...lineDiff(before[p] ?? \"\", event.files[p]) }));\n              toast({ kind: \"result\", text: event.messages.at(-1)?.content ?? \"\", diffs, stats: { turns: event.totals.turns, toolCalls: event.totals.toolCalls, tokens, tps: decodeMs > 0 ? Math.round(tokens / (decodeMs / 1000)) : 0, totalMs: performance.now() - startedAt } });\n              break;\n            }\n            case \"error\": throw new Error(event.message);\n          }\n        }\n      }\n    } catch (err) {\n      toast({ kind: \"error\", text: err instanceof Error ? err.message : String(err) });\n    } finally {\n      setLoading(false);\n      setLive(null);\n    }\n  }\n\n  const voice = useVoice({\n    silenceMs: SILENCE_MS,\n    busy: loading,\n    onFinal: (text, since) => { toast({ kind: \"said\", text, since }); send(text); },\n  });\n\n  useEffect(() => { if (AUTO_VOICE && voice.supported) voice.start(); }, []);\n\n  // Type anywhere to get a text box; Enter sends, Escape closes.\n  useEffect(() => {\n    const onKey = (e: KeyboardEvent) => {\n      if (typed !== null || e.metaKey || e.ctrlKey || e.altKey) return;\n      if (e.key.length === 1) { setTyped(e.key); e.preventDefault(); }\n    };\n    window.addEventListener(\"keydown\", onKey);\n    return () => window.removeEventListener(\"keydown\", onKey);\n  }, [typed]);\n\n  return (\n    \n      \n      {Object.keys(files).length === 0 && !loading && (\n        <div className=\"pointer-events-none absolute inset-0 grid place-items-center text-center text-gray-400\">\n          <div>\n            <div className=\"text-2xl font-medium text-gray-500\">{voice.on ? \"Say what to build.\" : voice.supported ? \"Click the mic and say what to build.\" : \"Type what to build.\"}</div>\n            <div className=\"mt-2 text-sm\">{MODEL} · sends after {SILENCE_MS} ms of silence</div>\n          </div>\n        </div>\n      )}\n      <Overlay\n        toasts={toasts}\n        interim={voice.interim}\n        live={live}\n        mic={{ supported: voice.supported, on: voice.on, listening: voice.listening, status: voice.status, toggle: voice.toggle }}\n        typed={typed}\n        onTyped={setTyped}\n        onSubmit={(text) => { setTyped(null); if (text.trim()) { toast({ kind: \"said\", text: text.trim() }); send(text.trim()); } }}\n        onExpire={(id) => setToasts((prev) => prev.filter((t) => t.id !== id))}\n      />\n    </div>\n  );\n}\n",[],[201,273,290],"20eeeed2-efe0-4de7-bf55-00397555a158",["D",1788466678331],[219,220,221,222],[201,273],["D",1788466678331],[218,223,224,225],[201],["D",1785252223134],["D",1789561254403],{"_103":102,"_110":106},{"_103":102,"_104":-5,"_105":106,"_18":57,"_107":108,"_109":49},{"_13":90,"_32":91,"_43":42,"_92":44,"_93":94,"_95":96,"_97":51,"_98":44,"_99":66,"_100":45,"_101":102},"ctx",{"_83":-5,"_132":343,"_344":345,"_346":347,"_348":49,"_349":49,"_350":49,"_351":25,"_352":-5,"_353":-7,"_354":-7,"_355":64,"_356":49,"_357":49,"_358":-5,"_359":49,"_360":49,"_361":49,"_362":-5},"ENV",{"_313":314,"_315":316,"_317":318,"_319":320,"_321":322,"_323":324,"_325":326,"_327":328,"_329":330,"_331":332,"_333":334,"_335":336,"_337":338,"_339":340,"_341":342},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","811aa22498c9b0b5a47e8d778de579cdb990f332","RENDER_GIT_BRANCH","main","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"]
</article></body></html>

Diff · v18