[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_223":224,"_225":226},"routes/_app.x.$handle.$name",{"_98":97,"_31":44,"_107":88,"_26":108,"_13":14,"_109":-5,"_11":110,"_111":112,"_113":114,"_115":116,"_117":118,"_20":-5,"_119":-5,"_120":-5,"_121":24,"_122":123,"_124":57,"_125":-5,"_126":-5,"_127":128},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_42":43,"_31":44,"_37":45,"_46":-5,"_47":24,"_48":49,"_50":49,"_51":52,"_53":-5,"_18":54,"_55":30,"_56":57,"_58":-5,"_59":-5,"_60":61,"_62":63,"_64":65,"_66":67,"_68":69,"_70":-5,"_71":72,"_73":72,"_74":75,"_76":75,"_77":75,"_78":72,"_79":72,"_80":81,"_82":83,"_84":85,"_86":24},"version",6,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":-7,"_23":24,"_25":24,"_26":27,"_28":27},"file",{"_29":30,"_31":32,"_33":34,"_35":36,"_37":38,"_39":14,"_40":41,"_23":24},"previous","deleted",false,"deletedHere","path","routes/observer.ts","latestPath","fileId","63e7ac4c-500a-11f1-9803-ee650bb23af1","name","observer.ts","fileType","http","content","import { Hono } from \"npm:hono\";\nimport WebSocket from \"npm:ws\";\nimport { dispatchTool, hangup } from \"./agent.ts\";\nimport { makeHeaders, makeUrl } from \"./utils.ts\";\n\nconst observer = new Hono();\n\n// POST /observer/:callId : self-connect to drive a Realtime API websocket\n// session. Receives function_call events, runs the tool, sends back the\n// function_call_output, and triggers response.create so the model talks.\nobserver.post(\"/:callId\", async (c) => {\n const callId = c.req.param(\"callId\");\n const url = makeUrl(callId);\n const ws = new WebSocket(url, { headers: makeHeaders() });\n\n let endedAfterAudio = false;\n let audioActive = false;\n\n const send = (msg: any) => ws.send(JSON.stringify(msg));\n\n await new Promise((resolve) => {\n ws.on(\"open\", () => {\n console.log(`✅ ws open call=${callId}`);\n // Trigger the agent's opening line right away.\n send({ type: \"response.create\" });\n });\n\n ws.on(\"message\", async (raw) => {\n let m: any;\n try {\n m = JSON.parse(raw.toString());\n } catch {\n return;\n }\n if (!m.type?.endsWith(\".delta\")) {\n // Verbose deltas are skipped; everything else gets logged.\n if (m.type !== \"response.output_audio_transcript.delta\") {\n console.log(m.type, m.event_id ?? \"\");\n }\n }\n\n switch (m.type) {\n case \"output_audio_buffer.started\":\n audioActive = true;\n break;\n case \"output_audio_buffer.stopped\":\n case \"output_audio_buffer.cleared\":\n audioActive = false;\n if (endedAfterAudio) {\n await hangup(callId);\n }\n break;\n case \"response.function_call_arguments.done\": {\n const result = await dispatchTool(m.name, m.arguments);\n send({\n type: \"conversation.item.create\",\n item: {\n type: \"function_call_output\",\n call_id: m.call_id,\n output: JSON.stringify(result.output),\n },\n });\n if (result.sideEffect === \"hangup\") {\n // Let the model say its closing line, then hang up when audio stops.\n endedAfterAudio = true;\n send({ type: \"response.create\" });\n // Safety net: if no audio response comes for some reason, hang up after a delay.\n setTimeout(async () => {\n if (endedAfterAudio && !audioActive) await hangup(callId);\n }, 8000);\n } else {\n send({ type: \"response.create\" });\n }\n break;\n }\n }\n });\n\n ws.on(\"close\", () => {\n console.log(`👋 ws close call=${callId}`);\n resolve();\n });\n ws.on(\"error\", (err) => {\n console.error(`🔴 ws error call=${callId}: ${err.message}`);\n resolve();\n });\n });\n\n return c.newResponse(null);\n});\n\nexport default observer;\n","createdAt",["D",1778814098112],"branchVersion","branchId","0d02f72e-500a-11f1-bd98-ee650bb23af1","id","0d024bc6-500a-11f1-bd98-ee650bb23af1","voice-dashboard",["D",1778813952334],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","Voice-controlled full-screen dashboard with OpenAI Realtime.","imageUrl","9319c175-2593-4f88-ba21-04f2ef7b1c28","pinnedFileId","pinPreview",true,"pinMigrated","screenshotVersion","likeCount",0,"orgId","d663a026-6449-42f6-9156-1d4a2d64d38c","tursoName","0d024bc6500a11f1bd98ee650bb23af1","tursoHostname","0d024bc6500a11f1bd98ee650bb23af1-val-town.aws-us-east-2.turso.io","tursoMeasuredAt",["D",1789689063122],"pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_98":97,"_106":102},"org",{"_98":97,"_99":100,"_101":102,"_18":54,"_103":104,"_105":24},"branch",{"_13":87,"_31":88,"_42":41,"_89":43,"_90":-5,"_91":-5,"_92":-5,"_93":-5,"_94":-5,"_95":44,"_96":97},"isOwned",12,"main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","dcm31","handle","displayName","Charlie","avatar","https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/3e904faa-3764-4629-c475-f561a49b0000/square512?exp=1789738051&sig=b97010972b3ee8d61ba01c3c9c0f3af60ef3727f60eb3685cea4728483cc7d34","tier","pro","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_42":43,"_31":44,"_37":218,"_46":-5,"_47":24,"_48":49,"_50":49,"_51":52,"_53":-5,"_18":54,"_55":30,"_56":57,"_58":-5,"_59":-5,"_60":61,"_62":63,"_64":65,"_66":67,"_68":219,"_70":-5,"_71":72,"_73":72,"_74":75,"_76":75,"_77":75,"_78":72,"_79":72,"_80":220,"_82":221,"_84":222,"_86":24},"tree",[165,168,172],"files",[165,166,167,168,169,170,171,172],"counts",{"_155":61,"_156":136,"_157":136,"_158":159,"_160":161},"contents",[129,130,131],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_42":149,"_31":150,"_29":151,"_135":-5,"_40":41,"_39":152,"_137":57,"_37":153,"_13":61,"_33":147,"_35":-5,"_23":24,"_140":-5,"_26":154},{"_42":142,"_31":143,"_29":144,"_135":-5,"_40":41,"_39":145,"_137":57,"_37":146,"_13":61,"_33":147,"_35":-5,"_23":24,"_140":-5,"_26":148},{"_42":132,"_31":133,"_29":134,"_135":-5,"_40":41,"_39":136,"_137":24,"_37":138,"_13":61,"_33":20,"_35":139,"_23":24,"_140":-5,"_26":141},"0d05c35a-500a-11f1-bd98-ee650bb23af1","README.md","0d05c418-500a-11f1-bd98-ee650bb23af1","parentId",1,"latest",["D",1778813952347],"# voice-dashboard\n\nFull-screen dashboard customized by voice. WIP.","label",[133],"3b11e012-500a-11f1-9767-ee650bb23af1","routes","727f95af-3d21-43ce-9bb1-f1d5d4553d48",4,["D",1778814029599],"directory",[143],"24984f88-500a-11f1-bc46-ee650bb23af1","database","eda436de-e650-468d-ab28-242ac8c6848e",2,["D",1778813991894],[150],"pulls","branches","forks","envVars",{"_162":61,"_164":61},"connections",{"_162":61,"_163":61},"count","unfilledCount","emptyCount",{"_42":149,"_31":150,"_29":151,"_135":-5,"_40":41,"_39":152,"_137":57,"_37":215,"_13":61,"_33":147,"_35":-5,"_23":24,"_140":-5,"_174":216,"_26":217},{"_42":208,"_31":209,"_29":210,"_135":151,"_40":41,"_39":152,"_137":57,"_37":211,"_13":61,"_33":181,"_35":212,"_23":24,"_140":-5,"_174":213,"_26":214},{"_42":200,"_31":201,"_29":202,"_135":151,"_40":41,"_39":203,"_137":57,"_37":204,"_13":61,"_33":181,"_35":205,"_23":24,"_140":-5,"_174":206,"_26":207},{"_42":142,"_31":143,"_29":144,"_135":-5,"_40":41,"_39":145,"_137":57,"_37":197,"_13":61,"_33":147,"_35":-5,"_23":24,"_140":-5,"_174":198,"_26":199},{"_42":189,"_31":190,"_29":191,"_135":144,"_40":41,"_39":192,"_137":57,"_37":193,"_13":61,"_33":181,"_35":194,"_23":24,"_140":-5,"_174":195,"_26":196},{"_42":185,"_31":32,"_29":30,"_135":144,"_40":41,"_39":14,"_137":24,"_37":186,"_13":61,"_33":34,"_35":36,"_23":24,"_140":-5,"_174":187,"_26":188},{"_42":177,"_31":178,"_29":179,"_135":144,"_40":41,"_39":145,"_137":57,"_37":180,"_13":61,"_33":181,"_35":182,"_23":24,"_140":-5,"_174":183,"_26":184},{"_42":132,"_31":133,"_29":134,"_135":-5,"_40":41,"_39":136,"_137":24,"_37":173,"_13":61,"_33":20,"_35":139,"_23":24,"_140":-5,"_174":175,"_26":176},["D",1778813952347],"children",[],[133],"3b11b042-500a-11f1-9767-ee650bb23af1","utils.ts","3b11b10a-500a-11f1-9767-ee650bb23af1",["D",1778814029599],"script","const REALTIME_BASE_URL = \"https://api.openai.com/v1/realtime\";\n\nexport function getApiKey(): string {\n const key = Deno.env.get(\"OPENAI_API_KEY\");\n if (!key) throw new Error(\"🔴 OPENAI_API_KEY not configured\");\n return key;\n}\n\n/** Builds the URL for a Realtime API endpoint. */\nexport function makeUrl(callId?: string, action?: string) {\n let url = REALTIME_BASE_URL;\n if (!callId) {\n url += \"/calls\";\n } else if (action) {\n url += `/calls/${callId}/${action}`;\n } else {\n url += `?call_id=${callId}`;\n }\n return url;\n}\n\n/** Builds the headers for a Realtime API endpoint. */\nexport function makeHeaders(contentType?: string) {\n const obj: Record = {\n Authorization: `Bearer ${getApiKey()}`,\n };\n if (contentType) obj[\"Content-Type\"] = contentType;\n return obj;\n}\n\nexport async function getErrorText(resp: Response) {\n const body = await resp.text().catch(() => \"\");\n return `${resp.status} ${resp.statusText}: ${body}`;\n}\n",[],[143,178],"63e7ab66-500a-11f1-9803-ee650bb23af1",["D",1778814098112],[],[143,32],"5a31586a-500a-11f1-9845-ee650bb23af1","agent.ts","5a315900-500a-11f1-9845-ee650bb23af1",5,["D",1778814081807],"import {\n addRule,\n applicableRuleView,\n deleteRule,\n getActiveView,\n getView,\n listRules,\n listVersions,\n listViews,\n revertView,\n saveView,\n setActiveView,\n} from \"../database/queries.ts\";\nimport { getErrorText, makeHeaders, makeUrl } from \"./utils.ts\";\n\nconst MODEL = \"gpt-realtime\";\nconst VOICE = \"marin\";\nconst TRANSCRIBE_MODEL = \"gpt-4o-mini-transcribe\";\n\nconst TOOLS = [\n {\n type: \"function\",\n name: \"set_view\",\n description:\n \"Create a new view or save a new version of an existing view. \" +\n \"The HTML is a complete document that renders in a sandboxed iframe; \" +\n \"it can include inline CSS and JavaScript and load libraries via CDN (esm.sh, cdnjs, jsdelivr). \" +\n \"Every call creates a new version — old versions are preserved in history. \" +\n \"After calling this, the dashboard automatically switches to display this view.\",\n parameters: {\n type: \"object\",\n properties: {\n name: {\n type: \"string\",\n description:\n \"Short human-readable view name (e.g., 'Morning', 'Pomodoro', 'Recipes'). \" +\n \"Use Title Case. Reuse an existing name to save a new version of that view.\",\n },\n html: {\n type: \"string\",\n description:\n \"Complete HTML document (... ). Should be self-contained.\",\n },\n description: {\n type: \"string\",\n description:\n \"Brief description of this version, e.g. 'Pomodoro timer with task list'.\",\n },\n },\n required: [\"name\", \"html\"],\n },\n },\n {\n type: \"function\",\n name: \"switch_view\",\n description:\n \"Switch the displayed dashboard to a different existing view (loads its latest version).\",\n parameters: {\n type: \"object\",\n properties: { name: { type: \"string\", description: \"Existing view name\" } },\n required: [\"name\"],\n },\n },\n {\n type: \"function\",\n name: \"list_views\",\n description:\n \"List all saved views with name, description, and last-updated time. Use this when the user asks what views exist or before switching.\",\n parameters: { type: \"object\", properties: {} },\n },\n {\n type: \"function\",\n name: \"get_view_html\",\n description:\n \"Get the current HTML of a specific view. Use this when you need to iterate on a view you don't have in context \" +\n \"(e.g., the user switches back to an older view and asks for a tweak).\",\n parameters: {\n type: \"object\",\n properties: { name: { type: \"string\" } },\n required: [\"name\"],\n },\n },\n {\n type: \"function\",\n name: \"list_history\",\n description:\n \"List the last 50 versions of a view (id, created_at, description). Use this before revert_view.\",\n parameters: {\n type: \"object\",\n properties: { name: { type: \"string\" } },\n required: [\"name\"],\n },\n },\n {\n type: \"function\",\n name: \"revert_view\",\n description: \"Revert a view's current version to an earlier version id.\",\n parameters: {\n type: \"object\",\n properties: {\n name: { type: \"string\" },\n version_id: { type: \"integer\" },\n },\n required: [\"name\", \"version_id\"],\n },\n },\n {\n type: \"function\",\n name: \"add_time_rule\",\n description:\n \"Add a recurring time-of-day rule that automatically switches the displayed view during a window. \" +\n \"Times are 24h HH:MM in the user's local browser timezone (the rule is evaluated client-side). \" +\n \"Overnight ranges allowed (e.g., 22:00 -> 06:00).\",\n parameters: {\n type: \"object\",\n properties: {\n view_name: { type: \"string\" },\n start_time: { type: \"string\", description: \"HH:MM 24h (e.g., '07:00')\" },\n end_time: { type: \"string\", description: \"HH:MM 24h\" },\n description: { type: \"string\" },\n },\n required: [\"view_name\", \"start_time\", \"end_time\"],\n },\n },\n {\n type: \"function\",\n name: \"list_rules\",\n description: \"List all active time-of-day rules.\",\n parameters: { type: \"object\", properties: {} },\n },\n {\n type: \"function\",\n name: \"delete_rule\",\n description: \"Delete a time-of-day rule by id.\",\n parameters: {\n type: \"object\",\n properties: { id: { type: \"integer\" } },\n required: [\"id\"],\n },\n },\n {\n type: \"function\",\n name: \"end_call\",\n description:\n \"Hang up the call. Use this when the user says goodbye, says they're done, or asks to stop talking.\",\n parameters: { type: \"object\", properties: {} },\n },\n];\n\nconst SYSTEM_PROMPT_BASE = `\nYou are a voice-driven dashboard designer. The user has a single full-screen browser dashboard.\nYou build and modify named \"views\" — each view is a self-contained HTML document.\n\n# Output discipline\n- Talk briefly while you work. ONE short sentence before each tool call (\"Building it now…\", \"Switching to Recipes…\"). Don't narrate the HTML.\n- Use the set_view tool for every change to a dashboard. Don't try to describe what the dashboard should look like in words — just build it.\n- When the user says \"done\", \"thanks\", \"goodbye\", or otherwise signals they're finished, call end_call. Don't keep talking after.\n- Default to the user's currently displayed view when they say \"this\", \"here\", or don't specify a view name.\n\n# Design guidance for the HTML you generate\n- Self-contained document. Inline CSS and JS. Import libs via CDN (esm.sh, cdnjs.cloudflare.com, cdn.jsdelivr.net).\n- Default to dark mode (background ~#0b1220, foreground ~#e8eefc, accent ~#6aa1ff). Use \\`color-scheme: dark\\` so form controls match.\n- Make it look good: generous spacing, rounded corners (12-24px), subtle borders (rgba(255,255,255,0.08)), no AI-generic emoji bars.\n- Fill the viewport. Use \\`min-height: 100vh\\` on body, flex/grid for layout.\n- The dashboard runs in a sandboxed iframe (allow-scripts, no parent access). Fetches to external CORS-friendly APIs work; fetches to the same origin do not.\n- For real data: prefer public CORS-friendly APIs (open-meteo for weather, time.is via clock libraries, etc). When that's not possible, mock realistic data clearly labeled \"demo\".\n- Don't include

Diff · v6