[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8},"actionData","errors","root",{"_103":104,"_105":106},"routes/embed.x.$handle.$name.$",{"_9":10,"_11":12,"_13":14,"_15":16,"_17":18,"_19":20,"_21":-5},"handle","stevekrouse","name","cerebras-voice-coder","path","agent.ts","project",{"_22":45,"_11":12,"_33":46,"_47":-5,"_48":42,"_49":50,"_51":50,"_52":53,"_54":-5,"_55":56,"_57":58,"_59":32,"_60":-5,"_61":-5,"_62":63,"_64":65,"_66":-5,"_67":-5,"_68":-5,"_69":-5,"_70":71,"_72":71,"_73":74,"_75":74,"_76":74,"_77":71,"_78":71,"_79":80,"_81":82,"_83":84,"_85":42},"file",{"_22":23,"_11":14,"_24":25,"_26":-5,"_27":28,"_29":30,"_31":32,"_33":34,"_35":36,"_37":38,"_39":40,"_41":42,"_43":-5,"_13":44},"permalink","https://www.val.town/x/stevekrouse/cerebras-voice-coder/code/agent.ts","extension","id","ed4ea1fb-3822-41f3-ab36-f7118d8102f6","fileId","01a06d0c-527a-75a3-a8fe-8049102f1abd","parentId","branchId","9f130aac-5412-4ed3-b064-fa2048e93584","branchVersion",54,"latest",true,"createdAt",["D",1788544598907],"version",10,"fileType","script","content","// The agent loop: one conversation, a workspace of files, and four tools the model can call.\n// Each turn is one streaming chat completion; tool calls run here against the workspace, and\n// every step is emitted as a server-sent event so the browser can render the page and the timeline live.\nconst ENDPOINT = \"https://openrouter.ai/api/v1/chat/completions\";\n// A \"cerebras:\" spec skips OpenRouter and calls Cerebras directly, for models OpenRouter doesn't serve there.\nconst CEREBRAS = \"https://api.cerebras.ai/v1/chat/completions\";\nconst isDirect = (spec: string) => spec.startsWith(\"cerebras:\");\nconst MAX_TURNS = 10;\nconst MAX_TOKENS = 8192;\n\nexport type Files = Record;\n\nexport type TurnStats = {\n index: number;\n model: string;\n provider: string;\n ttftMs: number;\n totalMs: number;\n completionTokens: number;\n promptTokens: number;\n cost: number;\n tokensPerSecond: number;\n toolCalls: number;\n};\n\nexport type AgentEvent =\n | { type: \"text\"; text: string }\n | { type: \"turn\"; stats: TurnStats }\n | { type: \"tool\"; name: string; args: string; result: string; ms: number; ok: boolean }\n | { type: \"files\"; files: Files }\n | { type: \"done\"; messages: unknown[]; files: Files; totals: { turns: number; toolCalls: number; totalMs: number; completionTokens: number; cost: number } }\n | { type: \"error\"; message: string };\n\nexport type Emit = (event: AgentEvent) => void;\n\nconst SYSTEM = `You are a coding agent. You work on a small web app: a workspace of files the user watches render live in a browser. The page is index.html.\nRules for the page: one HTML document. Put in and style with Tailwind utility classes. Put all JavaScript in one