[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_214":215,"_216":217},"routes/_app.x.$handle.$name",{"_99":98,"_31":44,"_108":89,"_26":109,"_13":14,"_110":-5,"_11":111,"_112":113,"_114":115,"_116":117,"_118":119,"_20":-5,"_120":-5,"_121":-5,"_122":24,"_123":124,"_125":24,"_126":-5,"_127":-5,"_128":129},"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":56,"_57":58,"_59":-5,"_60":-5,"_61":62,"_63":64,"_65":66,"_67":68,"_69":70,"_71":-5,"_72":73,"_74":73,"_75":76,"_77":76,"_78":76,"_79":73,"_80":73,"_81":82,"_83":84,"_85":86,"_87":24},"version",5,"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/agent.ts","latestPath","fileId","5a315900-500a-11f1-9845-ee650bb23af1","name","agent.ts","fileType","script","content","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 · v5