[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_290":291,"_292":293},"routes/_app.x.$handle.$name",{"_104":103,"_33":46,"_112":90,"_28":113,"_13":14,"_114":-5,"_11":115,"_116":117,"_118":119,"_120":121,"_122":123,"_20":-5,"_124":125,"_126":127,"_128":27,"_129":130,"_131":25,"_132":-5,"_133":-5,"_134":135},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_44":45,"_33":46,"_39":47,"_48":-5,"_49":27,"_50":51,"_52":51,"_53":54,"_55":-5,"_18":56,"_57":58,"_59":25,"_60":-5,"_61":-5,"_62":63,"_64":65,"_66":67,"_68":69,"_70":71,"_72":-5,"_73":74,"_75":74,"_76":77,"_78":77,"_79":77,"_80":74,"_81":74,"_82":83,"_84":85,"_86":87,"_88":27},"version",10,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":23,"_24":25,"_26":27,"_28":29,"_30":29},"file",{"_31":32,"_33":29,"_34":35,"_36":38,"_39":40,"_41":14,"_42":43,"_24":27},"previous",{"_31":32,"_33":29,"_34":35,"_36":37},"deleted",true,"deletedHere",false,"path","debug_celeris.ts","latestPath","fileId","5311afd0-87b9-11f1-8bb2-1607ee4eb77e","name","fileType","script","content","// Temporary diagnostic — checks the raw Celeris response.\nconst key = Deno.env.get(\"CELERIS_API_KEY\")!;\nconsole.log(\"key prefix:\", key.slice(0, 6), \"length:\", key.length);\n\n// 1. Cheapest possible auth check: list models\nconst models = await fetch(\"https://inference.celeris.ai/celeris-1/v1/models\", {\n headers: { Authorization: `Bearer ${key}` },\n});\nconsole.log(\"GET /models →\", models.status);\nconsole.log(\"body:\", (await models.text()).slice(0, 600));\n\n// 2. Minimal completion\nconst chat = await fetch(\"https://inference.celeris.ai/celeris-1/v1/chat/completions\", {\n method: \"POST\",\n headers: { Authorization: `Bearer ${key}`, \"Content-Type\": \"application/json\" },\n body: JSON.stringify({\n model: \"celeris-1\",\n messages: [{ role: \"user\", content: \"Reply with one word: fast or slow?\" }],\n max_tokens: 256,\n temperature: 0,\n }),\n});\nconsole.log(\"POST /chat/completions →\", chat.status);\nconsole.log(\"headers:\", JSON.stringify(Object.fromEntries(chat.headers), null, 2));\nconsole.log(\"body:\", (await chat.text()).slice(0, 800));\n","// Temporary diagnostic — isolate what triggers the 403.\nconst key = Deno.env.get(\"CELERIS_API_KEY\")!;\n\nasync function probe(label: string, system: string, maxTokens = 1024) {\n const res = await fetch(\"https://inference.celeris.ai/celeris-1/v1/chat/completions\", {\n method: \"POST\",\n headers: { Authorization: `Bearer ${key}`, \"Content-Type\": \"application/json\" },\n body: JSON.stringify({\n model: \"celeris-1\",\n messages: [\n { role: \"system\", content: system },\n { role: \"user\", content: \"A centered card with a heading and a button\" },\n ],\n max_tokens: maxTokens,\n temperature: 0,\n }),\n });\n const body = await res.text();\n console.log(`${label} → ${res.status} :: ${body.slice(0, 200)}`);\n}\n\n// A: no angle brackets anywhere\nawait probe(\"A plain prose prompt, 1024 tok\", \"You generate one self-contained web page. Output raw markup only, no prose.\");\n\n// B: same but mentions a doctype + script tag (WAF XSS signatures)\nawait probe(\"B prompt containing \n \n \n \n

\n \n \n \n\n",[],[182,231],"7671c052-01b6-4f8f-ae96-7ddf7cddd192","favicon.svg","019f967f-2c90-70b9-bd1c-49c497e10f32",["D",1784936344655],"\n",[],[182,239],"1421427d-e2eb-4789-89e9-3c309cf5514a","OutputPanel.tsx","2aae18e4-87b9-11f1-90b1-1607ee4eb77e","019f967f-2c90-70b9-bd1c-44ae412bc6c1",6,["D",1784936477986],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useState } from \"https://esm.sh/react@18.2.0\";\n\ntype Tab = \"preview\" | \"code\";\n\nfunction TabButton(\n { active, onClick, children }: {\n active: boolean;\n onClick: () => void;\n children: unknown;\n },\n) {\n return (\n \n {children}\n \n );\n}\n\nexport function OutputPanel(\n { html, truncated }: { html: string; truncated: boolean },\n) {\n const [tab, setTab] = useState(\"preview\");\n const [copied, setCopied] = useState(false);\n\n async function copy() {\n await navigator.clipboard.writeText(html);\n setCopied(true);\n setTimeout(() => setCopied(false), 1500);\n }\n\n return (\n

\n setTab(\"preview\")}>\n Preview\n \n setTab(\"code\")}>\n Code\n \n

\n\n {html && (\n \n {copied ? \"Copied\" : \"Copy HTML\"}\n \n )}\n

\n\n {truncated && (\n

\n Output hit celeris-1's 1,024-token ceiling, so this document is cut off\n mid-way. Ask for something smaller, or split it into pieces.\n

\n )}\n\n

\n {!html\n ? (\n

\n Nothing generated yet.\n

\n )\n : tab === \"preview\"\n ? (\n \n )\n : (\n

\n              {html}\n

\n )}\n

\n );\n}\n",[],[182,254,246],"components","a23c8ca3-1f34-4382-9b9c-a748013f72c0","Counter.tsx","019f967f-2c90-70b9-bd1c-437af09a1653",["D",1784936344655],"/** @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",[],[182,254,256],"dcea593f-9186-45d5-9c87-084586bf9174","ChatPanel.tsx","229a86b0-87b9-11f1-b2d7-1607ee4eb77e",5,["D",1784936464427],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useEffect, useRef, useState } from \"https://esm.sh/react@18.2.0\";\nimport type { Message } 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\nfunction Bubble({ message }: { message: Message }) {\n const isUser = message.role === \"user\";\n return (\n

\n \n

{message.content}

\n {message.meta && (\n \n {[\n message.meta.serverMs != null && `${Math.round(message.meta.serverMs)}ms server`,\n message.meta.tokens != null && `${message.meta.tokens} tok`,\n ].filter(Boolean).join(\" · \")}\n

\n )}\n \n \n );\n}\n\nexport function ChatPanel({\n messages,\n loading,\n error,\n onSend,\n}: {\n messages: Message[];\n loading: boolean;\n error: string | null;\n onSend: (instruction: string) => 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 }, [messages.length, 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

Celeris Coder

\n HTML codegen on celeris-1\n

\n\n

\n {messages.length === 0 && (\n

Describe a page. Follow-up messages edit what's there.

\n {EXAMPLES.map((example) => (\n onSend(example)}\n className=\"block w-full text-left px-3 py-2 rounded-lg border border-gray-200 bg-white hover:border-blue-400 hover:text-blue-700 transition-colors cursor-pointer\"\n >\n {example}\n \n ))}\n

\n )}\n\n {messages.map((message, i) => )}\n\n {loading && (\n

\n generating…\n

\n )}\n\n {error && (\n

\n {error}\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={3}\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:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent\"\n />\n \n {loading ? \"Generating…\" : \"Generate\"}\n \n

\n view source\n

\n );\n}\n",[],[182,254,263],"9b028fc9-44c7-49a6-90bf-91d6a3807ed2","App.tsx","019f967f-2c90-70b9-bd1c-3c6a91fd68da",7,["D",1784936489899],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useState } from \"https://esm.sh/react@18.2.0\";\nimport { ChatPanel } from \"./ChatPanel.tsx\";\nimport { OutputPanel } from \"./OutputPanel.tsx\";\n\nexport interface Message {\n role: \"user\" | \"assistant\";\n content: string;\n meta?: { serverMs?: number; tokens?: number };\n}\n\nexport function App() {\n const [messages, setMessages] = useState([]);\n const [html, setHtml] = useState(\"\");\n const [truncated, setTruncated] = useState(false);\n const [loading, setLoading] = useState(false);\n const [error, setError] = useState(null);\n\n async function send(instruction: string) {\n if (loading) return;\n setError(null);\n setLoading(true);\n setMessages((prev) => [...prev, { role: \"user\", content: instruction }]);\n\n try {\n const res = await fetch(\"/api/generate\", {\n method: \"POST\",\n headers: { \"Content-Type\": \"application/json\" },\n // Send the current document so follow-ups edit instead of starting over.\n body: JSON.stringify({ instruction, currentHtml: html || undefined }),\n });\n const data = await res.json();\n if (!res.ok) throw new Error(data?.error ?? `Request failed (${res.status})`);\n\n setHtml(data.html);\n setTruncated(Boolean(data.truncated));\n\n const notes = [\n data.truncated ? \"Hit the token ceiling — the document is cut off.\" : \"Updated the preview.\",\n data.droppedContext\n ? \"The previous document was too large to send as context, so this is a fresh start.\"\n : null,\n ].filter(Boolean).join(\" \");\n\n setMessages((prev) => [...prev, {\n role: \"assistant\",\n content: notes,\n meta: { serverMs: data.serverMs, tokens: data.usage?.completion_tokens },\n }]);\n } catch (err) {\n setError(err instanceof Error ? err.message : String(err));\n } finally {\n setLoading(false);\n }\n }\n\n return (\n

\n \n \n

\n );\n}\n",[],[182,254,271],"165d8dc7-c163-4232-8e49-8111375de75c",["D",1784936344655],[199,200,201,202],[182,254],["D",1784936344655],[198,203,204,205],[182],["D",1784936344655],["D",1789561254403],{"_104":103,"_111":107},{"_104":103,"_105":-5,"_106":107,"_18":56,"_108":109,"_110":27},{"_13":89,"_33":90,"_44":43,"_91":45,"_92":93,"_94":95,"_96":51,"_97":98,"_99":100,"_101":46,"_102":103},"ctx",{"_82":-5,"_133":323,"_324":325,"_326":327,"_328":27,"_329":27,"_330":27,"_331":25,"_332":-5,"_333":-7,"_334":-7,"_335":172,"_336":27,"_337":27,"_338":-5,"_339":27,"_340":27,"_341":27,"_342":-5},"ENV",{"_294":295,"_296":297,"_298":90,"_299":300,"_301":302,"_303":304,"_305":306,"_307":308,"_309":310,"_311":312,"_313":314,"_315":316,"_317":318,"_319":320,"_321":322},"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"]

Diff · v10