\n \n \n \n\n",[121,111],"5f1fd2427d04637f9df46e94f1399f1888200534e27dd48a2502cebd22cd38a3","frontend","5c059140-3996-11f1-a04c-42b51c65c3df","5404b440-f52b-11ef-99f0-569c3dd06744","a59cbf44-f528-11ef-ae42-569c3dd06744",74,["D",1776345337676],8,"\n\n \n \n \n React Hono Val Town Starter\n \n \n \n \n

\n \n \n \n",[121,111],"1ea8b3da4e18d579298229ba24af91b14b14ae02565f57c996f9acaa1f8333bc","frontend/components/App.tsx",{"_32":145,"_13":135,"_81":146,"_83":147,"_84":33,"_85":148,"_86":26,"_34":149,"_40":150,"_89":140,"_91":151,"_66":48,"_93":-5,"_95":-7,"_74":152,"_97":153},{"_32":134,"_13":135,"_81":136,"_83":137,"_84":58,"_85":138,"_86":26,"_34":139,"_40":88,"_89":140,"_91":141,"_66":48,"_93":-5,"_95":-7,"_74":142,"_97":143},"3e08ece9-0375-485d-ae94-5dcd3976ac41","App.tsx","019f967f-2c90-70b9-bd1c-3c6a91fd68da","019f967f-2c90-70b9-bd1c-44ae412bc6c1",102,["D",1784940905877],"script","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useState } from \"https://esm.sh/react@18.2.0\";\nimport { ChatPanel } from \"./ChatPanel.tsx\";\nimport { CodePanel } from \"./CodePanel.tsx\";\nimport { PreviewPanel } from \"./PreviewPanel.tsx\";\n\nexport interface ModelCall {\n round: number;\n continuing: boolean;\n completionTokens: number;\n promptTokens: number;\n ms: number;\n tokensPerSecond: number;\n}\n\nexport interface Summary {\n calls: number;\n completionTokens: number;\n promptTokens: number;\n celerisMs: number;\n tokensPerSecond: number;\n roundTripMs: number;\n}\n\nexport interface GenerationRun {\n kind: \"run\";\n id: string;\n calls: ModelCall[];\n currentCall: { round: number; continuing: boolean } | null;\n notes: string[];\n summary?: Summary;\n error?: string;\n}\n\nexport type FeedItem =\n | { kind: \"user\"; text: string }\n | GenerationRun;\n\nexport function App() {\n const [feed, setFeed] = useState([]);\n // Follow-ups regenerate from the running spec because the Celeris edge proxy\n // rejects completed documents when they are sent back as input.\n const [instructions, setInstructions] = useState([]);\n const [code, setCode] = useState(\"\");\n const [phase, setPhase] = useState(null);\n const [html, setHtml] = useState(\"\");\n const [truncated, setTruncated] = useState(false);\n const [jsInvalid, setJsInvalid] = useState(false);\n const [loading, setLoading] = useState(false);\n\n async function send(instruction: string) {\n if (loading) return;\n const next = [...instructions, instruction];\n const runId = crypto.randomUUID();\n\n setLoading(true);\n setInstructions(next);\n setCode(\"\");\n setPhase(\"Generating HTML\");\n setTruncated(false);\n setJsInvalid(false);\n setFeed((prev) => [\n ...prev,\n { kind: \"user\", text: instruction },\n { kind: \"run\", id: runId, calls: [], currentCall: null, notes: [] },\n ]);\n\n const updateRun = (update: (run: GenerationRun) => GenerationRun) => {\n setFeed((prev) => prev.map((item) => item.kind === \"run\" && item.id === runId ? update(item) : item));\n };\n const startedAt = performance.now();\n\n try {\n const res = await fetch(\"/api/generate\", {\n method: \"POST\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify({ instructions: next }),\n });\n\n if (!res.ok || !res.body) {\n const err = await res.json().catch(() => ({}));\n throw new Error(err?.error ?? `Request failed (${res.status})`);\n }\n\n const reader = res.body.getReader();\n const decoder = new TextDecoder();\n let buffer = \"\";\n\n while (true) {\n const { done, value } = await reader.read();\n if (done) break;\n buffer += decoder.decode(value, { stream: true });\n\n const frames = buffer.split(\"\\n\\n\");\n buffer = frames.pop() ?? \"\";\n\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\n switch (event.type) {\n case \"phase\":\n setPhase(event.message);\n break;\n\n case \"call-start\":\n updateRun((run) => ({\n ...run,\n currentCall: { round: event.round, continuing: Boolean(event.continuing) },\n }));\n break;\n\n case \"delta\":\n setCode(event.html);\n setHtml(event.html);\n break;\n\n case \"call-end\":\n updateRun((run) => ({\n ...run,\n currentCall: null,\n calls: [...run.calls, {\n round: event.round,\n continuing: event.round > 1,\n completionTokens: event.completionTokens,\n promptTokens: event.promptTokens,\n ms: event.ms,\n tokensPerSecond: event.tokensPerSecond,\n }],\n }));\n break;\n\n case \"note\":\n updateRun((run) => ({ ...run, notes: [...run.notes, event.message] }));\n break;\n\n case \"done\": {\n const roundTripMs = performance.now() - startedAt;\n setHtml(event.html);\n setCode(event.html);\n setPhase(\"HTML\");\n setTruncated(Boolean(event.truncated));\n setJsInvalid(Boolean(event.jsInvalid));\n updateRun((run) => ({\n ...run,\n currentCall: null,\n summary: { ...event.stats, roundTripMs },\n }));\n break;\n }\n\n case \"error\":\n throw new Error(event.message);\n }\n }\n }\n } catch (err) {\n const message = err instanceof Error ? err.message : String(err);\n updateRun((run) => ({ ...run, currentCall: null, error: message }));\n setInstructions(instructions);\n } finally {\n setLoading(false);\n }\n }\n\n function reset() {\n setFeed([]);\n setInstructions([]);\n setCode(\"\");\n setPhase(null);\n setHtml(\"\");\n setTruncated(false);\n setJsInvalid(false);\n }\n\n return (\n

\n \n \n \n

\n );\n}\n",[121,144,135],"8792fefd0c1ce13bc363f2cdc4dc3a6efcf9cdea5a5b90d19f1d1d43fb9c45ec","components","5d7e5e30-3996-11f1-bbdd-42b51c65c3df","6e585892-f52b-11ef-a8e1-569c3dd06744","69ed66bc-f52b-11ef-9dac-569c3dd06744",75,["D",1776345339930],5,"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { Counter } from \"./Counter.tsx\";\n\nexport function App() {\n return (\n

React + Hono Starter

\n \n

\n View source\n

\n );\n}\n",[121,144,135],"de0a7e5fc76c6fd6135aff964af1a5835e04e2758b23f3d0c7d9fabffe514df7","README.md",{"_32":164,"_13":154,"_81":165,"_83":-5,"_84":33,"_85":60,"_86":48,"_34":166,"_40":167,"_89":117,"_91":168,"_66":48,"_93":-5,"_95":-7,"_74":169,"_97":170},{"_32":157,"_13":154,"_81":158,"_83":-5,"_84":58,"_85":159,"_86":26,"_34":160,"_40":116,"_89":117,"_91":161,"_66":48,"_93":-5,"_95":-7,"_74":162,"_97":163},"2a63471e-d412-4198-a8d3-f64e415195a2","019f967f-2c90-70b9-bd1c-5b6f7df1d30e",96,["D",1784938835958],"# Celeris Coder\n\nChat-driven HTML code generation on the [Celeris](https://celeris.ai) API. The UI has three columns: chat and generation telemetry, syntax-highlighted HTML, and a live sandboxed preview.\n\n`CELERIS_API_KEY` is read only on the server in `celeris.ts`.\n\n## Measured API behavior\n\nSeveral of these observations contradict the docs and were established by probing.\n\n| | |\n| --- | --- |\n| Context window | **8,192** tokens |\n| `max_tokens` | `256 \\| 512 \\| 768 \\| 1024` |\n| Streaming | About **256 tokens per SSE event** |\n| Tool calling | Works, though absent from the API reference |\n| `continue_final_message` | Works while streaming |\n| Throughput | Roughly 1,000–2,800 tok/s observed per call |\n\nCeleris-1 is a diffusion model, so output lands in blocks rather than typing out one token at a time. The UI intentionally shows those blocks as they arrive.\n\n## Generation\n\nThe model now generates the whole page in one continuous stream: body markup, an internal separator, then JavaScript. The server wraps that stream as a complete HTML document, so both the code panel and preview always receive one HTML artifact.\n\nThe separator exists only because Celeris's inbound proxy rejects request bodies containing common XSS signatures, including scripting and styling tags, doctype declarations, inline style attributes, and event-handler attributes. WAF-safe output can be sent back through `continue_final_message`, letting generation exceed the 1,024-token per-call cap. The server adds the document shell and script wrapper after generation, where it never travels back to Celeris.\n\nFollow-up messages append to a running instruction list and regenerate the page. Completed HTML cannot be sent back for editing because the proxy would reject it.\n\nGenerated JavaScript is syntax-checked only to surface a warning. Invalid JavaScript is preserved unchanged in the HTML and code panel.\n\n## Files\n\n```\nAGENTS.md Project instructions and file map\nREADME.md Architecture and measured API behavior\nindex.ts Hono server, static files, SSE generation endpoint\nceleris.ts Celeris client, continuation, and HTML assembly\ndebug_single.ts Standalone generation probe\nfrontend/\n index.html Browser shell and highlight.js theme\n index.tsx React entrypoint\n favicon.svg App icon\n components/\n App.tsx SSE consumption and three-column layout\n ChatPanel.tsx Messages, call telemetry, and summary stats\n CodePanel.tsx HTML syntax highlighting with embedded JS\n PreviewPanel.tsx Sandboxed live preview and warnings\n```\n\n## Gotchas\n\n- Do not put literal blocked tag spellings into the Celeris system prompt.\n- A failed continuation keeps the rounds that already succeeded.\n- The preview iframe allows scripts, forms, and modals without `allow-same-origin`.\n- Longer output can contain diffusion artifacts such as duplicated words or unmatched tags.\n- The HTTP endpoint is public, so anyone with its URL can spend Celeris credits.\n",[154],"2b7a7113a869f3c83f65dd31e8653b2b40f84e2936f99507c86530779cbad28d","b9c749c0-59e1-11f1-bb5f-ee650bb23af1","a50c3760-f53e-11ef-bd6d-569c3dd06744",["D",1779896144390],31,"# React + Hono Starter\n\nA minimal starter template for building client-side React apps with a Hono\nbackend on Val Town. Click **Remix** to get your own copy.\n\n## Picking a starter\n\n| Starter | When to pick it |\n| --- | --- |\n| [`basic-html-starter`](https://www.val.town/x/templates/basic-html-starter) | Static HTML pages. Sprinkle of vanilla JS. No server-side rendering. |\n| [`hono-jsx-starter`](https://www.val.town/x/templates/hono-jsx-starter) | Dynamic server-rendered HTML with JSX. API routes. No React, no SPA. |\n| **[`react-hono-starter`](https://www.val.town/x/templates/react-hono-starter)** *(you're here)* | Client-side React SPA with a Hono API backend. |\n\n**Want to build UI?** Start writing React components in\n[`frontend/components/`](/frontend/components/). Import them into `App.tsx` and\nyou're good to go. Styling is [Twind](https://twind.style/) — just use Tailwind\nutility classes, zero config.\n\n**Want to add an API?** Add routes in [`index.ts`](/index.ts) (there's a\ncommented-out example). Fetch them from your React components.\n\n## Architecture\n\n```mermaid\ngraph LR\n Browser -->|\"GET /\"| Hono[\"index.ts
(Hono server)\"]\n Hono -->|serves| HTML[\"index.html\"]\n HTML -->|loads| Entry[\"index.tsx\"]\n Entry -->|renders| App[\"App.tsx\"]\n App -->|renders| Counter[\"Counter.tsx\"]\n```\n\n## File structure\n\n```\nindex.ts ← Hono backend (serves frontend + API routes)\nfrontend/\n index.html ← HTML shell (loads Twind + React)\n index.tsx ← React entrypoint (mounts )\n favicon.svg ← App icon\n components/\n App.tsx ← Root component (layout + view source link)\n Counter.tsx ← Example component with state\n```\n\n## How it works\n\n1. **`index.ts`** is the HTTP entrypoint — a Hono server that serves the\n frontend and any API routes you add.\n2. **`frontend/index.html`** loads Twind and the React entrypoint.\n3. **`frontend/index.tsx`** mounts the React app.\n4. **`frontend/components/App.tsx`** is the root layout — add new components\n alongside it.\n5. **`frontend/components/Counter.tsx`** is an example stateful component —\n replace it with your own!\n\n## Next steps\n\n- Add API routes in `index.ts`\n- Add new components in `frontend/components/`\n- Add a SQLite database — see the\n [React Hono Example](https://www.val.town/x/stevekrouse/reactHonoExample) for\n a full-stack example with database, queries, and shared types\n",[154],"aaa4f5cc8e5bd01528335cdd2066e164bf95353ce2fe37c616b3e6406f49331e",{"_74":172,"_76":173,"_78":-7},"frontend/components/Counter.tsx",{"_32":174,"_13":175,"_81":176,"_83":147,"_84":33,"_85":177,"_86":26,"_34":178,"_40":179,"_89":140,"_91":180,"_66":48,"_93":-5,"_95":-7,"_74":181,"_97":182},"57a8cc52-3996-11f1-8db6-42b51c65c3df","Counter.tsx","57a8cd2e-3996-11f1-8db6-42b51c65c3df",73,["D",1776345330366],0,"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useState } from \"https://esm.sh/react@18.2.0\";\n\nexport function Counter() {\n const [count, setCount] = useState(0);\n return (\n

\n Clicked\n setCount((c) => c + 1)}\n class=\"bg-blue-500 hover:bg-blue-600 text-white font-medium px-4 py-2 rounded-lg transition-colors cursor-pointer\"\n >\n {count}\n \n times\n

\n );\n}\n",[121,144,175],"10ce4fbd7e41af337e504c3877201698031249b437d941845f0f7cdc52a79e66",{"_74":227,"_76":-7,"_78":228},{"_74":217,"_76":-7,"_78":218},{"_74":208,"_76":-7,"_78":209},{"_74":198,"_76":-7,"_78":199},{"_74":188,"_76":-7,"_78":189},"frontend/components/PreviewPanel.tsx",{"_32":190,"_13":191,"_81":192,"_83":137,"_84":58,"_85":193,"_86":26,"_34":194,"_40":22,"_89":140,"_91":195,"_66":48,"_93":-5,"_95":-7,"_74":196,"_97":197},"d0a44bdd-e2cc-417c-84cf-a8a5cf5a3019","PreviewPanel.tsx","c76f88ae-87bc-11f1-ae53-1607ee4eb77e",100,["D",1784940692092],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\n\nexport function PreviewPanel(\n { html, truncated, jsInvalid }: {\n html: string;\n truncated: boolean;\n jsInvalid: boolean;\n },\n) {\n return (\n

\n Preview\n

\n\n {truncated && (\n

\n Generation stopped before the model finished, so this page may be incomplete.\n

\n )}\n {jsInvalid && (\n

\n The generated JavaScript has a syntax error. It is included unchanged.\n

\n )}\n\n

\n {html\n ? (\n \n )\n : (\n

\n Nothing generated yet.\n

\n )}\n

\n );\n}\n",[121,144,191],"b0d3ede52e97df9bb7ef63281c2f291b98442e699cb7376765b21bce21aeb988","frontend/components/CodePanel.tsx",{"_32":200,"_13":201,"_81":202,"_83":137,"_84":58,"_85":203,"_86":26,"_34":204,"_40":22,"_89":140,"_91":205,"_66":48,"_93":-5,"_95":-7,"_74":206,"_97":207},"76b2a720-1a07-4db8-9058-5eeebfbe702b","CodePanel.tsx","c23de72c-87bc-11f1-8c3b-1607ee4eb77e",99,["D",1784940688004],"/** @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\";\n\n// The xml grammar delegates the contents of a script tag to the javascript\n// grammar, so registering both gives embedded JS highlighting for free.\nhljs.registerLanguage(\"xml\", xml);\nhljs.registerLanguage(\"javascript\", javascript);\n\n/**\n * Middle column: the raw output as it arrives.\n *\n * celeris-1 is a diffusion model, so this doesn't type out character by\n * character — it lands in ~256-token blocks, a few per call. The jumpiness is\n * the architecture, not a buffering bug.\n */\nexport function CodePanel(\n { code, phase, streaming }: {\n code: string;\n phase: string | null;\n streaming: boolean;\n },\n) {\n const scrollRef = useRef(null);\n\n // Partial markup mid-stream is malformed by definition; hljs degrades to\n // plain text on the unclosed tail rather than throwing, which is fine here.\n const highlighted = useMemo(() => {\n if (!code) return \"\";\n try {\n return hljs.highlight(code, { language: \"xml\" }).value;\n } catch {\n return null; // fall back to unhighlighted text\n }\n }, [code]);\n\n useEffect(() => {\n if (streaming) scrollRef.current?.scrollTo({ top: scrollRef.current.scrollHeight });\n }, [code, streaming]);\n\n return (\n

\n {phase ?? \"Code\"}\n {streaming && (\n \n )}\n

\n {code && !streaming && (\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 ? Output appears here as it streams.\n : highlighted\n ? \n : {code}}\n \n

\n  );\n}\n",[121,144,201],"45076f75e6ff2a36b5279d2727b0c3b9f48b39beff7b5e48b0392637fa7b2c26","frontend/components/ChatPanel.tsx",{"_32":210,"_13":211,"_81":212,"_83":137,"_84":58,"_85":57,"_86":26,"_34":213,"_40":127,"_89":140,"_91":214,"_66":48,"_93":-5,"_95":-7,"_74":215,"_97":216},"368d9056-d16c-4133-af5d-2fa5515c2ca0","ChatPanel.tsx","229a86b0-87b9-11f1-b2d7-1607ee4eb77e",["D",1784941025898],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useEffect, useRef, useState } from \"https://esm.sh/react@18.2.0\";\nimport type { FeedItem, GenerationRun } from \"./App.tsx\";\n\nconst EXAMPLES = [\n  \"A pricing page with three tiers\",\n  \"A pomodoro timer with start/reset\",\n  \"A dark landing page for a coffee brand\",\n];\n\nconst ms = (n: number) => n >= 1000 ? `${(n / 1000).toFixed(2)}s` : `${Math.round(n)}ms`;\nconst num = (n: number) => Math.round(n).toLocaleString();\n\nfunction GenerationCard({ run }: { run: GenerationRun }) {\n  const running = !run.summary && !run.error;\n  return (\n    \n      \n        Generation\n        {running && running}\n      
\n\n      {(run.calls.length > 0 || run.summary) && (\n        \n          \n            \n              \n              \n              \n              \n            \n          \n          \n            {run.calls.map((call) => (\n              \n                \n                \n                \n                \n              \n            ))}\n          \n          {run.summary && (\n            \n              \n                \n                \n                \n                \n              \n            \n          )}\n        Call Time Output Speed
\n                  {call.round}\n                  {call.continuing ? \"continue\" : \"start\"}\n                {ms(call.ms)} {num(call.completionTokens)} {num(call.tokensPerSecond)}/s
Total {ms(run.summary.celerisMs)} {num(run.summary.completionTokens)} {num(run.summary.tokensPerSecond)}/s
\n      )}\n\n      {run.currentCall && (\n        \n          Call {run.currentCall.round}: {run.currentCall.continuing ? \"continuing the page\" : \"starting the page\"}…\n        
\n      )}\n      {run.notes.map((note, i) => (\n        \n          {note}\n        
\n      ))}\n      {run.summary && (\n        \n          ✓ Full page regenerated in {ms(run.summary.roundTripMs)}\n        
\n      )}\n      {run.error && (\n        \n          {run.error}\n        
\n      )}\n    
\n  );\n}\n\nexport function ChatPanel({\n  feed,\n  loading,\n  onSend,\n  onReset,\n}: {\n  feed: FeedItem[];\n  loading: boolean;\n  onSend: (instruction: string) => void;\n  onReset: () => void;\n}) {\n  const [draft, setDraft] = useState(\"\");\n  const scrollRef = useRef(null);\n\n  useEffect(() => {\n    scrollRef.current?.scrollTo({ top: scrollRef.current.scrollHeight, behavior: \"smooth\" });\n  }, [feed, loading]);\n\n  function submit() {\n    const text = draft.trim();\n    if (!text || loading) return;\n    onSend(text);\n    setDraft(\"\");\n  }\n\n  return (\n    \n      \n        \n          Celeris Coder
\n          \n            HTML codegen on celeris-1\n          
\n        
\n        {feed.length > 0 && (\n          \n        )}\n      
\n\n      \n        {feed.length === 0 && (\n          \n            Describe a page. Each follow-up updates the spec and regenerates the full page.
\n            \n              {EXAMPLES.map((example) => (\n                 onSend(example)}\n                  className=\"block w-full cursor-pointer rounded-lg border border-gray-200 bg-white px-3 py-2 text-left hover:border-blue-400 hover:text-blue-700\"\n                >\n                  {example}\n                \n              ))}\n            
\n          
\n        )}\n\n        {feed.map((item, i) => item.kind === \"user\"\n          ? (\n            \n              \n                {item.text}\n              
\n            
\n          )\n          : )}\n      
\n\n      \n         setDraft((e.target as HTMLTextAreaElement).value)}\n          onKeyDown={(e) => {\n            if (e.key === \"Enter\" && !e.shiftKey) {\n              e.preventDefault();\n              submit();\n            }\n          }}\n          rows={2}\n          placeholder=\"Describe a page…  (Enter to send)\"\n          className=\"w-full resize-none rounded-lg border border-gray-300 px-3 py-2 text-sm focus:border-transparent focus:outline-none focus:ring-2 focus:ring-blue-500\"\n        />\n        \n          {loading ? \"Generating…\" : \"Generate\"}\n        \n        \n          view source\n        
\n      
\n    
\n  );\n}\n",[121,144,211],"878d235e87220cd26ff16a42187c104b6f24a07b0b8b3bcfc459931e38302193","celeris.ts",{"_32":219,"_13":217,"_81":220,"_83":-5,"_84":58,"_85":221,"_86":26,"_34":222,"_40":223,"_89":140,"_91":224,"_66":48,"_93":-5,"_95":-7,"_74":225,"_97":226},"2e211a52-1d9b-4527-bb02-67a80c82f71a","0fd0ba18-87b9-11f1-8984-1607ee4eb77e",95,["D",1784938820674],27,"const BASE_URL = \"https://inference.celeris.ai/celeris-1/v1\";\nconst MODEL = \"celeris-1\";\nexport const MAX_TOKENS = 1024;\n\nconst CONTEXT_WINDOW = 8192;\nconst INPUT_BUDGET = CONTEXT_WINDOW - MAX_TOKENS;\nconst MAX_ROUNDS = 6;\nconst TAILWIND_CDN = \"https://cdn.jsdelivr.net/npm/@tailwindcss/browser@4\";\nconst SEPARATOR = \"\";\nconst END_MARKER = \"\";\n\nconst estimateTokens = (s: string) => Math.ceil(s.length / 4);\n\n// Celeris's inbound proxy rejects these patterns. Generated output is fine, but\n// continuation context must remain clear of them.\nconst BLOCKED = new RegExp(\n  [\n    \"(?:<|<)\\\\s*/?\\\\s*(?:script|style|iframe|object|embed|link|meta|svg)\\\\b\",\n    \"(?:<|<)!\\\\s*DOCTYPE\",\n    \"\\\\son[a-z]{2,}\\\\s*=\",\n    \"\\\\sstyle\\\\s*=\",\n    \"xlink\\\\s*:\\\\s*href\",\n    \"javascript\\\\s*:\",\n    \"data:[a-z]+/\",\n  ].join(\"|\"),\n  \"i\",\n);\n\nexport const hasBlockedLiteral = (s: string) => BLOCKED.test(s);\n\nexport function sanitizeForRequest(s: string): string {\n  return s\n    .replace(/<\\s*(script|style|svg|iframe|object|embed)\\b[\\s\\S]*?<\\s*\\/\\s*\\1\\s*>/gi, \"\")\n    .replace(/<\\s*(?:link|meta)\\b[^>]*>/gi, \"\")\n    .replace(/]*>/gi, \"\")\n    .replace(/\\son[a-z]{2,}\\s*=\\s*(?:\"[^\"]*\"|'[^']*'|[^\\s>]+)/gi, \"\")\n    .replace(/\\sstyle\\s*=\\s*(?:\"[^\"]*\"|'[^']*'|[^\\s>]+)/gi, \"\")\n    .replace(/\\sxlink\\s*:\\s*href\\s*=\\s*(?:\"[^\"]*\"|'[^']*'|[^\\s>]+)/gi, \"\")\n    .replace(/javascript\\s*:/gi, \"\")\n    .replace(/data:[a-z]+\\//gi, \"\");\n}\n\nexport function stripFence(content: string): string {\n  return content\n    .trim()\n    .replace(/^(?:```[a-zA-Z]*|html)[ \\t]*\\r?\\n/, \"\")\n    .replace(/\\r?\\n```[ \\t]*$/, \"\")\n    .trim();\n}\n\n// The prompt avoids literal blocked tag spellings because it is sent through\n// Celeris's inbound proxy. The separator lets one generation contain the whole\n// page while keeping continuation context safe.\nconst HTML_SYSTEM = `You write one complete interactive web page as body markup\nfollowed by its JavaScript.\n- Output raw code only. No prose and no code fences.\n- First output the inner body markup. No head section, doctype, styling tags,\n  scripting tags, inline style attributes, or inline event-handler attributes.\n- Style entirely with Tailwind CSS utility classes. Use arbitrary values like\n  h-[40%] instead of inline styles.\n- Wrap everything in one root element carrying the background, min-height, and\n  layout. Give every interactive element a clear id.\n- Do not use images, icons, vector graphics, embedded objects, frames, or\n  external resource links. Use text and emoji for decoration.\n- After the markup, output a line containing exactly ${SEPARATOR}\n- Then output plain JavaScript wiring up the markup's ids. Do not wrap it in a\n  tag. The DOM is already parsed. Change appearance with classList, never .style.\n- If no interactivity is needed, still output the separator.\n- Finally output a line containing exactly ${END_MARKER} and stop.`;\n\nexport type SectionName = \"html\";\n\nexport type GenEvent =\n  | { type: \"phase\"; section: SectionName; message: string }\n  | { type: \"call-start\"; section: SectionName; round: number; continuing: boolean }\n  | { type: \"delta\"; section: SectionName; html: string }\n  | {\n    type: \"call-end\";\n    section: SectionName;\n    round: number;\n    completionTokens: number;\n    promptTokens: number;\n    ms: number;\n    blocks: number;\n    tokensPerSecond: number;\n    finishReason: string;\n  }\n  | { type: \"note\"; message: string }\n  | { type: \"done\"; html: string; truncated: boolean; jsInvalid: boolean; stats: GenerateStats }\n  | { type: \"error\"; message: string };\n\nexport type Emit = (event: GenEvent) => void;\n\ninterface StreamedCall {\n  content: string;\n  finishReason: string;\n  completionTokens: number;\n  promptTokens: number;\n  ms: number;\n  blocks: number;\n}\n\nasync function readError(res: Response): Promise {\n  const raw = await res.text().catch(() => \"\");\n  let detail = \"\";\n  try {\n    detail = JSON.parse(raw)?.error?.message ?? \"\";\n  } catch {\n    // WAF error pages are HTML, not JSON.\n  }\n\n  switch (res.status) {\n    case 401:\n      return \"Celeris rejected the API key (401). Check CELERIS_API_KEY.\";\n    case 402:\n      return \"The Celeris workspace is out of prepaid credit (402).\";\n    case 403:\n      return \"Blocked by the Celeris edge proxy (403): continuation context contained a blocked tag or attribute.\";\n    case 429:\n      return `Rate limited by Celeris. Retry in ${res.headers.get(\"Retry-After\") ?? \"a few\"}s.`;\n    default:\n      return `Celeris error ${res.status}. ${detail}`.trim();\n  }\n}\n\nasync function streamCeleris(\n  apiKey: string,\n  messages: { role: string; content: string }[],\n  continuing: boolean,\n  onDelta: (text: string) => void,\n): Promise {\n  const startedAt = performance.now();\n  const res = await fetch(`${BASE_URL}/chat/completions`, {\n    method: \"POST\",\n    headers: {\n      \"Authorization\": `Bearer ${apiKey}`,\n      \"Content-Type\": \"application/json\",\n    },\n    body: JSON.stringify({\n      model: MODEL,\n      messages,\n      max_tokens: MAX_TOKENS,\n      temperature: 0,\n      seed: 7,\n      stream: true,\n      stream_options: { include_usage: true },\n      stop: [\n        END_MARKER,\n        ...(continuing\n          ? [\n            \"```\",\n            \"\\nBelow is\",\n            \"\\nHere is\",\n            \"\\nHere's\",\n            \"\\n// Wait\",\n            \"\\n// Note:\",\n            \"\\n// Let's\",\n            \"\\n// Fixed\",\n            \"\\n// Actually\",\n          ]\n          : []),\n      ],\n      ...(continuing\n        ? {\n          continue_final_message: true,\n          add_generation_prompt: false,\n        }\n        : {}),\n    }),\n    signal: AbortSignal.timeout(30_000),\n  });\n\n  if (!res.ok || !res.body) throw new Error(await readError(res));\n\n  const reader = res.body.getReader();\n  const decoder = new TextDecoder();\n  let buffer = \"\";\n  let content = \"\";\n  let blocks = 0;\n  let finishReason = \"stop\";\n  let completionTokens = 0;\n  let promptTokens = 0;\n\n  while (true) {\n    const { done, value } = await reader.read();\n    if (done) break;\n    buffer += decoder.decode(value, { stream: true });\n\n    const lines = buffer.split(\"\\n\");\n    buffer = lines.pop() ?? \"\";\n    for (const line of lines) {\n      if (!line.startsWith(\"data:\")) continue;\n      const payload = line.slice(5).trim();\n      if (!payload || payload === \"[DONE]\") continue;\n\n      let json: any;\n      try {\n        json = JSON.parse(payload);\n      } catch {\n        continue;\n      }\n\n      const choice = json.choices?.[0];\n      const delta = choice?.delta?.content;\n      if (delta) {\n        blocks++;\n        content += delta;\n        onDelta(delta);\n      }\n      if (choice?.finish_reason) finishReason = choice.finish_reason;\n      if (json.usage) {\n        completionTokens = json.usage.completion_tokens ?? completionTokens;\n        promptTokens = json.usage.prompt_tokens ?? promptTokens;\n      }\n    }\n  }\n\n  return {\n    content,\n    finishReason,\n    completionTokens,\n    promptTokens,\n    ms: performance.now() - startedAt,\n    blocks,\n  };\n}\n\ninterface Section {\n  text: string;\n  complete: boolean;\n  rounds: number;\n  completionTokens: number;\n  promptTokens: number;\n  ms: number;\n}\n\nasync function generateHtml(\n  apiKey: string,\n  spec: string,\n  title: string,\n  emit: Emit,\n): Promise {\n  let text = \"\";\n  let rounds = 0;\n  let completionTokens = 0;\n  let promptTokens = 0;\n  let ms = 0;\n  let complete = false;\n\n  while (rounds < MAX_ROUNDS) {\n    const fixed = estimateTokens(HTML_SYSTEM) + estimateTokens(spec) + 64;\n    if (fixed + estimateTokens(text) + MAX_TOKENS > INPUT_BUDGET) {\n      emit({ type: \"note\", message: \"Stopped: no context room left for another round.\" });\n      break;\n    }\n\n    const messages = [\n      { role: \"system\", content: HTML_SYSTEM },\n      { role: \"user\", content: spec },\n    ];\n    const continuing = text.length > 0;\n    if (continuing) messages.push({ role: \"assistant\", content: text });\n\n    const round = rounds + 1;\n    emit({ type: \"call-start\", section: \"html\", round, continuing });\n\n    let liveText = text;\n    let call: StreamedCall;\n    try {\n      call = await streamCeleris(apiKey, messages, continuing, (delta) => {\n        liveText += delta;\n        emit({\n          type: \"delta\",\n          section: \"html\",\n          html: assembleCombined(stripFence(liveText), title),\n        });\n      });\n    } catch (err) {\n      if (!text) throw err;\n      emit({\n        type: \"note\",\n        message: `Round ${round} failed (${err instanceof Error ? err.message : String(err)}). Keeping what was generated.`,\n      });\n      break;\n    }\n\n    rounds++;\n    completionTokens += call.completionTokens;\n    promptTokens += call.promptTokens;\n    ms += call.ms;\n    text += call.content;\n\n    emit({\n      type: \"call-end\",\n      section: \"html\",\n      round,\n      completionTokens: call.completionTokens,\n      promptTokens: call.promptTokens,\n      ms: call.ms,\n      blocks: call.blocks,\n      tokensPerSecond: call.ms > 0 ? (call.completionTokens / call.ms) * 1000 : 0,\n      finishReason: call.finishReason,\n    });\n\n    if (call.finishReason !== \"length\") {\n      complete = true;\n      break;\n    }\n\n    if (hasBlockedLiteral(text)) {\n      const cleaned = sanitizeForRequest(text);\n      if (hasBlockedLiteral(cleaned)) {\n        emit({ type: \"note\", message: \"Output hit an unsafe continuation pattern. Stopping here.\" });\n        break;\n      }\n      emit({ type: \"note\", message: `Cleaned ${text.length - cleaned.length} blocked characters, continuing.` });\n      text = cleaned;\n    }\n  }\n\n  return { text: stripFence(text), complete, rounds, completionTokens, promptTokens, ms };\n}\n\nconst escapeHtml = (s: string) =>\n  s.replace(/[&<>\"]/g, (c) => ({ \"&\": \"&\", \"<\": \"<\", \">\": \">\", '\"': \""\" }[c]!));\n\nfunction splitCombined(source: string): { markup: string; js: string } {\n  const separatorAt = source.indexOf(SEPARATOR);\n  if (separatorAt === -1) return { markup: source.trim(), js: \"\" };\n  return {\n    markup: source.slice(0, separatorAt).trim(),\n    js: source.slice(separatorAt + SEPARATOR.length).trim(),\n  };\n}\n\nfunction assembleCombined(source: string, title: string): string {\n  const { markup, js } = splitCombined(source);\n  const scriptBlock = js\n    ? `\\n`\n    : \"\";\n\n  return `\n\n\n\n\n${escapeHtml(title)}\n\n\n\n${markup}${scriptBlock}\n\n\n`;\n}\n\nfunction toTitle(instruction: string): string {\n  const head = (instruction.split(/[:.—]/)[0] ?? instruction).trim();\n  return head.length <= 60 ? head : head.slice(0, 57).replace(/\\s+\\S*$/, \"\") + \"…\";\n}\n\nfunction isValidJs(source: string): boolean {\n  if (!source.trim()) return true;\n  try {\n    new Function(source);\n    return true;\n  } catch {\n    return false;\n  }\n}\n\nexport function buildSpec(instructions: string[]): string {\n  if (instructions.length === 1) return instructions[0];\n  return `Build one page satisfying all of these, in order:\\n${\n    instructions.map((s, i) => `${i + 1}. ${s}`).join(\"\\n\")\n  }`;\n}\n\nexport interface GenerateStats {\n  calls: number;\n  completionTokens: number;\n  promptTokens: number;\n  celerisMs: number;\n  pipelineMs: number;\n  tokensPerSecond: number;\n  sections: { html: number };\n}\n\nexport async function generatePage(instructions: string[], emit: Emit): Promise {\n  const apiKey = Deno.env.get(\"CELERIS_API_KEY\");\n  if (!apiKey) throw new Error(\"CELERIS_API_KEY is not set on this val.\");\n\n  const startedAt = performance.now();\n  const spec = buildSpec(instructions);\n  const title = toTitle(instructions[0] ?? \"Untitled\");\n\n  emit({ type: \"phase\", section: \"html\", message: \"Generating HTML\" });\n  const generated = await generateHtml(apiKey, spec, title, emit);\n  const { js } = splitCombined(generated.text);\n  const jsInvalid = !isValidJs(js);\n\n  if (jsInvalid) {\n    emit({ type: \"note\", message: \"The generated JavaScript has a syntax error. Keeping it unchanged.\" });\n  }\n\n  emit({\n    type: \"done\",\n    html: assembleCombined(generated.text, title),\n    truncated: !generated.complete,\n    jsInvalid,\n    stats: {\n      calls: generated.rounds,\n      completionTokens: generated.completionTokens,\n      promptTokens: generated.promptTokens,\n      celerisMs: generated.ms,\n      pipelineMs: performance.now() - startedAt,\n      tokensPerSecond: generated.ms > 0 ? (generated.completionTokens / generated.ms) * 1000 : 0,\n      sections: { html: generated.rounds },\n    },\n  });\n}\n",[217],"645747644495f337796ce811add955f6fb51b4c38a0b0ada00ae15ccd09eb16b","AGENTS.md",{"_32":229,"_13":227,"_81":230,"_83":-5,"_84":58,"_85":231,"_86":26,"_34":232,"_40":179,"_89":117,"_91":233,"_66":48,"_93":-5,"_95":-7,"_74":234,"_97":235},"cbb9bdee-db06-4f56-baf6-924dfa62e891","faaac7dc-87bd-11f1-a878-1607ee4eb77e",80,["D",1784938544917],"# Celeris Coder\n\n## Purpose\n\nChat-driven HTML code generation using the Celeris API. Keep Celeris's input WAF constraints in mind: generated script/style-like markup may be returned to users, but blocked literals must not be sent back to the API.\n\n## Conventions\n\n- Prefer Hono for routing.\n- Keep files small, ideally under 200 lines where practical.\n- Preserve generated output rather than silently deleting it when validation fails.\n- Verify HTTP changes through the live endpoint and check logs.\n\n## File map\n\n- `AGENTS.md` — project instructions and file map.\n- `README.md` — architecture, measured Celeris behavior, and operational notes.\n- `index.ts` — Hono HTTP entrypoint, static serving, and SSE generation API.\n- `celeris.ts` — Celeris streaming client, prompts, continuation logic, and HTML assembly.\n- `debug_single.ts` — standalone probe for single-document generation and continuation.\n- `frontend/index.html` — browser shell and frontend dependencies.\n- `frontend/index.tsx` — React entrypoint.\n- `frontend/favicon.svg` — app icon.\n- `frontend/components/App.tsx` — generation state, SSE consumption, and layout.\n- `frontend/components/ChatPanel.tsx` — prompt history, generation log, and statistics.\n- `frontend/components/CodePanel.tsx` — generated HTML display.\n- `frontend/components/PreviewPanel.tsx` — sandboxed live preview.\n",[227],"a56992064d9e470c3ef3c64d634a986fc6f59c908337f7c8c57b70a35a337bc2",["D",1784936344655],"legacyEnvVars","httpPrivacy","description","Chat-driven HTML codegen using the Celeris API","imageUrl","userId","a0bf3b31-15a5-4d5c-880e-4b1e22c9bc18","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount",1,"e81e7335-6d4c-4764-a902-d0962bbfa9f7","tursoName","0ca323798f7c4225adace716712decaa","tursoHostname","0ca323798f7c4225adace716712decaa-val-town.aws-us-east-2.turso.io","tursoMeasuredAt",["D",1789474235934],"pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_278":274},"org",{"_11":12,"_272":-5,"_273":274,"_242":243,"_275":276,"_277":48},"branch","displayName","avatar","https://images.clerk.dev/uploaded/img_2PqHa2Gsy93xQrjh2w78Xu0cChW.jpeg","tier","pro","canRestrictVals","profileImageUrl","","adoptOrgId",{"_32":59,"_13":14,"_34":387,"_46":-5,"_237":48,"_49":50,"_238":50,"_239":240,"_241":-5,"_242":243,"_244":82,"_245":26,"_246":-5,"_247":-5,"_248":249,"_53":250,"_251":252,"_253":254,"_255":388,"_257":-5,"_258":259,"_260":259,"_261":262,"_263":262,"_264":262,"_265":259,"_266":259,"_267":389,"_269":390,"_271":391,"_47":48},"tree",[335,344,345,346,347],"files",[335,336,337,338,339,340,341,342,343,344,345,346,347],"counts",{"_325":179,"_326":249,"_327":179,"_328":329,"_330":331},"contents",[308,309,310,311,312],"upstreamProject",{"_32":39,"_13":56,"_239":304,"_241":305,"_49":50,"_267":306},"upstreamBranch",{"_32":33,"_34":302,"_36":303,"_13":16,"_38":39,"_40":41,"_42":-5,"_43":-5,"_44":45,"_46":-5,"_47":48,"_49":50,"_51":52,"_53":54,"_55":56},"emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},["D",1740674013689],["D",1785420707976],"Starter template with client-side React & Hono server","https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/64dc00cc-94d9-47dd-81b1-dde02610d900/square512?exp=1789534799&sig=2fe932419d898cd124d0961cab25a5a9c3bd76c8b30cb3b9e71257c7b34e60a2",{"_11":52,"_278":307},"https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/129cab32-3bd7-4c3e-f39b-f12900c76100/square512?exp=1789534799&sig=94d49ad984a50880ef894a3794e08842e7b9b626be771ff48da114d7d9a149ed",{"_32":321,"_13":121,"_81":113,"_83":-5,"_84":58,"_85":249,"_86":26,"_34":322,"_40":179,"_89":323,"_91":-5,"_66":48,"_93":-5,"_74":324},{"_32":229,"_13":227,"_81":230,"_83":-5,"_84":58,"_85":231,"_86":26,"_34":319,"_40":179,"_89":117,"_91":233,"_66":48,"_93":-5,"_74":320},{"_32":157,"_13":154,"_81":158,"_83":-5,"_84":58,"_85":159,"_86":26,"_34":317,"_40":116,"_89":117,"_91":161,"_66":48,"_93":-5,"_74":318},{"_32":219,"_13":217,"_81":220,"_83":-5,"_84":58,"_85":221,"_86":26,"_34":315,"_40":223,"_89":140,"_91":224,"_66":48,"_93":-5,"_74":316},{"_32":80,"_13":75,"_81":82,"_83":-5,"_84":58,"_85":41,"_86":26,"_34":313,"_40":88,"_89":90,"_91":92,"_66":48,"_93":94,"_74":314},["D",1784938761808],[75],["D",1784938820674],[217],["D",1784938835958],[154],["D",1784938544917],[227],"9b1d41e0-6c18-47ae-b25d-5577921a2eea",["D",1784936344655],"directory",[121],"pulls","branches","forks","envVars",{"_332":249,"_334":179},"connections",{"_332":179,"_333":179},"count","unfilledCount","emptyCount",{"_32":321,"_13":121,"_81":113,"_83":-5,"_84":58,"_85":249,"_86":26,"_34":384,"_40":179,"_89":323,"_91":-5,"_66":48,"_93":-5,"_95":385,"_74":386},{"_32":380,"_13":144,"_81":137,"_83":113,"_84":58,"_85":249,"_86":26,"_34":381,"_40":179,"_89":323,"_91":-5,"_66":48,"_93":-5,"_95":382,"_74":383},{"_32":134,"_13":135,"_81":136,"_83":137,"_84":58,"_85":138,"_86":26,"_34":139,"_40":88,"_89":140,"_91":141,"_66":48,"_93":-5,"_95":378,"_74":379},{"_32":210,"_13":211,"_81":212,"_83":137,"_84":58,"_85":57,"_86":26,"_34":213,"_40":127,"_89":140,"_91":214,"_66":48,"_93":-5,"_95":376,"_74":377},{"_32":200,"_13":201,"_81":202,"_83":137,"_84":58,"_85":203,"_86":26,"_34":204,"_40":22,"_89":140,"_91":205,"_66":48,"_93":-5,"_95":374,"_74":375},{"_32":190,"_13":191,"_81":192,"_83":137,"_84":58,"_85":193,"_86":26,"_34":194,"_40":22,"_89":140,"_91":195,"_66":48,"_93":-5,"_95":372,"_74":373},{"_32":365,"_13":366,"_81":367,"_83":113,"_84":58,"_85":249,"_86":26,"_34":368,"_40":179,"_89":117,"_91":369,"_66":48,"_93":-5,"_95":370,"_74":371},{"_32":110,"_13":111,"_81":112,"_83":113,"_84":58,"_85":114,"_86":26,"_34":115,"_40":116,"_89":117,"_91":118,"_66":48,"_93":-5,"_95":363,"_74":364},{"_32":356,"_13":357,"_81":358,"_83":113,"_84":58,"_85":249,"_86":26,"_34":359,"_40":179,"_89":140,"_91":360,"_66":48,"_93":-5,"_95":361,"_74":362},{"_32":229,"_13":227,"_81":230,"_83":-5,"_84":58,"_85":231,"_86":26,"_34":232,"_40":179,"_89":117,"_91":233,"_66":48,"_93":-5,"_95":354,"_74":355},{"_32":157,"_13":154,"_81":158,"_83":-5,"_84":58,"_85":159,"_86":26,"_34":160,"_40":116,"_89":117,"_91":161,"_66":48,"_93":-5,"_95":352,"_74":353},{"_32":219,"_13":217,"_81":220,"_83":-5,"_84":58,"_85":221,"_86":26,"_34":222,"_40":223,"_89":140,"_91":224,"_66":48,"_93":-5,"_95":350,"_74":351},{"_32":80,"_13":75,"_81":82,"_83":-5,"_84":58,"_85":41,"_86":26,"_34":87,"_40":88,"_89":90,"_91":92,"_66":48,"_93":94,"_95":348,"_74":349},[],[75],[],[217],[],[154],[],[227],"b62009e8-168a-4024-bb0e-94659488da9f","index.tsx","019f967f-2c90-70b9-bd1c-5181fb04bee1",["D",1784936344655],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\nimport { App } from \"./components/App.tsx\";\n\nconst root = document.getElementById(\"root\");\nif (!root) {\n  throw new Error(\"No root element found\");\n}\n\ncreateRoot(root).render();",[],[121,357],[],[121,111],"7671c052-01b6-4f8f-ae96-7ddf7cddd192","favicon.svg","019f967f-2c90-70b9-bd1c-49c497e10f32",["D",1784936344655],"\n",[],[121,366],[],[121,144,191],[],[121,144,201],[],[121,144,211],[],[121,144,135],"165d8dc7-c163-4232-8e49-8111375de75c",["D",1784936344655],[337,338,339,340],[121,144],["D",1784936344655],[336,341,342,343],[121],["D",1784936344655],["D",1789474235934],{"_11":12,"_278":274},{"_11":12,"_272":-5,"_273":274,"_242":243,"_275":276,"_277":48},{"_40":57,"_13":16,"_32":58,"_38":59,"_42":33,"_43":60,"_61":50,"_62":39,"_63":54,"_55":14,"_51":12},"ctx",{"_267":-5,"_299":425,"_426":427,"_428":429,"_430":48,"_431":48,"_432":48,"_433":26,"_434":-5,"_435":-7,"_436":-7,"_437":179,"_438":48,"_439":48,"_440":-5,"_441":48,"_442":48,"_443":48,"_444":-5},"ENV",{"_396":397,"_398":399,"_400":16,"_401":402,"_403":404,"_405":406,"_407":408,"_409":410,"_411":412,"_413":414,"_415":416,"_417":418,"_419":420,"_421":422,"_423":424},"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"]

Call	Time	Output	Speed
\n {call.round}\n {call.continuing ? \"continue\" : \"start\"}\n	{ms(call.ms)}	{num(call.completionTokens)}	{num(call.tokensPerSecond)}/s
Total	{ms(run.summary.celerisMs)}	{num(run.summary.completionTokens)}	{num(run.summary.tokensPerSecond)}/s

Compare

Mergestevekrouse/mainintotemplates/main

README.md+41-47

frontend/components/App.tsx+177-7

frontend/index.html+23-6

Hindex.ts+50-4

AGENTS.md+27-0

celeris.ts+421-0

frontend/components/ChatPanel.tsx+180-0

frontend/components/CodePanel.tsx+74-0

frontend/components/PreviewPanel.tsx+45-0

frontend/components/Counter.tsx+0-18