[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_252":253,"_254":255},"routes/_app.x.$handle.$name",{"_98":97,"_31":43,"_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",{"_41":42,"_31":43,"_36":44,"_45":-5,"_46":24,"_47":48,"_49":48,"_50":51,"_52":-5,"_18":53,"_54":55,"_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",9,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":-7,"_23":24,"_25":24,"_26":27,"_28":27},"file",{"_29":30,"_31":27,"_32":33,"_34":35,"_36":37,"_38":14,"_39":40,"_23":24},"previous","deleted",false,"deletedHere","path","main.tsx","latestPath","fileId","7697f478-500a-11f1-b6f8-ee650bb23af1","name","fileType","http","content","import { Hono } from \"npm:hono\";\nimport { parseVal, serveFile } from \"https://esm.town/v/std/utils/index.ts\";\nimport { migrate } from \"./database/migrations.ts\";\nimport api from \"./routes/api.ts\";\nimport observer from \"./routes/observer.ts\";\nimport rtc from \"./routes/rtc.ts\";\n\nawait migrate();\n\nconst app = new Hono();\n\napp.onError((err) => Promise.reject(err));\n\napp.route(\"/api\", api);\napp.route(\"/rtc\", rtc);\napp.route(\"/observer\", observer);\n\napp.get(\"/source\", (c) => c.redirect(parseVal(import.meta.url).links.self.val));\napp.get(\"/\", () => serveFile(\"/frontend/index.html\", import.meta.url));\napp.get(\n \"/frontend/*\",\n (c) => serveFile(c.req.path, import.meta.url),\n);\n\nexport default app.fetch;\n","createdAt",["D",1778814129469],"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","63e7ac4c-500a-11f1-9803-ee650bb23af1","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":53,"_103":104,"_105":24},"branch",{"_13":87,"_31":88,"_41":40,"_89":42,"_90":-5,"_91":-5,"_92":-5,"_93":-5,"_94":-5,"_95":43,"_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=1789733172&sig=9079222e8648554ed1a4a74f62e4cd5584607b126da8422990460dc7aeb2e315","tier","pro","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_41":42,"_31":43,"_36":247,"_45":-5,"_46":24,"_47":48,"_49":48,"_50":51,"_52":-5,"_18":53,"_54":55,"_56":57,"_58":-5,"_59":-5,"_60":61,"_62":63,"_64":65,"_66":67,"_68":248,"_70":-5,"_71":72,"_73":72,"_74":75,"_76":75,"_77":75,"_78":72,"_79":72,"_80":249,"_82":250,"_84":251,"_86":24},"tree",[169,172,178,179],"files",[169,170,171,172,173,174,175,176,177,178,179],"counts",{"_159":61,"_160":142,"_161":142,"_162":163,"_164":165},"contents",[129,130,131,132],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_41":153,"_31":154,"_29":155,"_134":-5,"_39":40,"_38":156,"_135":57,"_36":157,"_13":61,"_32":151,"_34":-5,"_23":24,"_137":-5,"_26":158},{"_41":146,"_31":147,"_29":148,"_134":-5,"_39":40,"_38":149,"_135":57,"_36":150,"_13":61,"_32":151,"_34":-5,"_23":24,"_137":-5,"_26":152},{"_41":139,"_31":140,"_29":141,"_134":-5,"_39":40,"_38":142,"_135":24,"_36":143,"_13":61,"_32":20,"_34":144,"_23":24,"_137":-5,"_26":145},{"_41":133,"_31":27,"_29":30,"_134":-5,"_39":40,"_38":14,"_135":57,"_36":136,"_13":61,"_32":33,"_34":35,"_23":24,"_137":-5,"_26":138},"7697f3c4-500a-11f1-b6f8-ee650bb23af1","parentId","latest",["D",1778814129469],"label",[27],"0d05c35a-500a-11f1-bd98-ee650bb23af1","README.md","0d05c418-500a-11f1-bd98-ee650bb23af1",1,["D",1778813952347],"# voice-dashboard\n\nFull-screen dashboard customized by voice. WIP.",[140],"3b11e012-500a-11f1-9767-ee650bb23af1","routes","727f95af-3d21-43ce-9bb1-f1d5d4553d48",4,["D",1778814029599],"directory",[147],"24984f88-500a-11f1-bc46-ee650bb23af1","database","eda436de-e650-468d-ab28-242ac8c6848e",2,["D",1778813991894],[154],"pulls","branches","forks","envVars",{"_166":61,"_168":61},"connections",{"_166":61,"_167":61},"count","unfilledCount","emptyCount",{"_41":153,"_31":154,"_29":155,"_134":-5,"_39":40,"_38":156,"_135":57,"_36":244,"_13":61,"_32":151,"_34":-5,"_23":24,"_137":-5,"_181":245,"_26":246},{"_41":237,"_31":238,"_29":239,"_134":155,"_39":40,"_38":156,"_135":57,"_36":240,"_13":61,"_32":191,"_34":241,"_23":24,"_137":-5,"_181":242,"_26":243},{"_41":229,"_31":230,"_29":231,"_134":155,"_39":40,"_38":232,"_135":57,"_36":233,"_13":61,"_32":191,"_34":234,"_23":24,"_137":-5,"_181":235,"_26":236},{"_41":146,"_31":147,"_29":148,"_134":-5,"_39":40,"_38":149,"_135":57,"_36":226,"_13":61,"_32":151,"_34":-5,"_23":24,"_137":-5,"_181":227,"_26":228},{"_41":218,"_31":219,"_29":220,"_134":148,"_39":40,"_38":221,"_135":57,"_36":222,"_13":61,"_32":191,"_34":223,"_23":24,"_137":-5,"_181":224,"_26":225},{"_41":210,"_31":211,"_29":212,"_134":148,"_39":40,"_38":213,"_135":57,"_36":214,"_13":61,"_32":33,"_34":215,"_23":24,"_137":-5,"_181":216,"_26":217},{"_41":203,"_31":204,"_29":55,"_134":148,"_39":40,"_38":205,"_135":24,"_36":206,"_13":61,"_32":33,"_34":207,"_23":24,"_137":-5,"_181":208,"_26":209},{"_41":195,"_31":196,"_29":197,"_134":148,"_39":40,"_38":198,"_135":57,"_36":199,"_13":61,"_32":33,"_34":200,"_23":24,"_137":-5,"_181":201,"_26":202},{"_41":187,"_31":188,"_29":189,"_134":148,"_39":40,"_38":149,"_135":57,"_36":190,"_13":61,"_32":191,"_34":192,"_23":24,"_137":-5,"_181":193,"_26":194},{"_41":139,"_31":140,"_29":141,"_134":-5,"_39":40,"_38":142,"_135":24,"_36":184,"_13":61,"_32":20,"_34":144,"_23":24,"_137":-5,"_181":185,"_26":186},{"_41":133,"_31":27,"_29":30,"_134":-5,"_39":40,"_38":14,"_135":57,"_36":180,"_13":61,"_32":33,"_34":35,"_23":24,"_137":-5,"_181":182,"_26":183},["D",1778814129469],"children",[],[27],["D",1778813952347],[],[140],"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",[],[147,188],"69f731c0-500a-11f1-bf2e-ee650bb23af1","rtc.ts","69f7336e-500a-11f1-bf2e-ee650bb23af1",7,["D",1778814108281],"import { Hono } from \"npm:hono\";\nimport { makeSession } from \"./agent.ts\";\nimport { getErrorText, makeHeaders, makeUrl } from \"./utils.ts\";\n\nconst rtc = new Hono();\n\n// POST /rtc : create a new WebRTC call against the OpenAI Realtime API.\n// Accepts the browser's SDP offer as the body, returns the answer.\nrtc.post(\"/\", async (c) => {\n const offerSdp = await c.req.text();\n const session = await makeSession(c.req.query(\"model\") || undefined);\n\n const fd = new FormData();\n fd.set(\"sdp\", offerSdp);\n fd.set(\"session\", JSON.stringify(session));\n\n const resp = await fetch(makeUrl(), {\n method: \"POST\",\n headers: makeHeaders(),\n body: fd,\n });\n if (!resp.ok) {\n console.error(`🔴 start call failed: ${await getErrorText(resp)}`);\n return c.text(\"Failed to start call\", 500);\n }\n\n const location = resp.headers.get(\"Location\");\n const callId = location?.split(\"/\").pop();\n console.log(\"✅ call created:\", callId);\n\n // Fire-and-forget observer\n const selfOrigin = new URL(c.req.url).origin;\n fetch(`${selfOrigin}/observer/${callId}`, { method: \"POST\" })\n .catch((e) => console.error(\"observer start failed:\", e));\n\n return c.newResponse(resp.body, {\n headers: {\n \"Content-Type\": resp.headers.get(\"Content-Type\") || \"application/sdp\",\n \"Location\": location || \"\",\n },\n });\n});\n\nexport default rtc;\n",[],[147,196],"63e7ab66-500a-11f1-9803-ee650bb23af1","observer.ts",6,["D",1778814098112],"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",[],[147,204],"719bf014-500a-11f1-9845-ee650bb23af1","api.ts","719bf0e6-500a-11f1-9845-ee650bb23af1",8,["D",1778814121091],"import { Hono } from \"npm:hono\";\nimport {\n applicableRuleView,\n getActiveView,\n getView,\n listRules,\n listVersions,\n listViews,\n setActiveView,\n} from \"../database/queries.ts\";\n\nconst api = new Hono();\n\n// Lightweight version probe used by the frontend's polling loop.\n// Returns the currently active view, its version id, and the recommended view\n// from time-based rules (so the client can switch if a rule fires).\napi.get(\"/current\", async (c) => {\n const activeName = await getActiveView();\n const view = await getView(activeName);\n const ruleSuggested = await applicableRuleView();\n return c.json({\n active: activeName,\n version_id: view?.latest?.id ?? null,\n description: view?.view.description ?? null,\n rule_suggested: ruleSuggested,\n });\n});\n\n// Get the HTML for a specific view (or the active one if no name given).\napi.get(\"/view\", async (c) => {\n const name = c.req.query(\"name\") || await getActiveView();\n const v = await getView(name);\n if (!v) return c.text(\"Not found\", 404);\n return new Response(v.latest?.html ?? \"\", {\n headers: {\n \"Content-Type\": \"text/html; charset=utf-8\",\n \"Cache-Control\": \"no-store\",\n },\n });\n});\n\napi.get(\"/views\", async (c) => {\n return c.json({ views: await listViews() });\n});\n\napi.get(\"/history\", async (c) => {\n const name = c.req.query(\"name\");\n if (!name) return c.text(\"name required\", 400);\n return c.json({ versions: await listVersions(name) });\n});\n\napi.get(\"/rules\", async (c) => {\n return c.json({ rules: await listRules() });\n});\n\n// Switch the active view from the client (e.g., when a time rule fires).\napi.post(\"/switch\", async (c) => {\n const body = await c.req.json().catch(() => ({}));\n if (!body.name) return c.text(\"name required\", 400);\n const ok = await setActiveView(body.name);\n if (!ok) return c.text(\"view not found\", 404);\n return c.json({ ok: true });\n});\n\nexport default api;\n",[],[147,211],"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 · v9