Welcome 👋

This is your voice-controlled dashboard. Tap the mic to start.

Tap the floating mic button

\n Bottom-right of the screen. You'll be asked for mic access.\n

Just talk

\n \"Make me a Pomodoro timer.\" \"Show the weather in São Paulo.\" \"Build a habit tracker.\"\n

Iterate

\n \"Add a checklist.\" \"Make it darker.\" \"Switch to my recipe view.\"\n

\n 💡 Every view is named and version-history is preserved. Ask the agent to list your views\n or set a morning rule like \"always show my focus view between 7 and 11 AM.\"\n

\n\n`;\n\n await sqlite.batch([\n {\n sql:\n \"INSERT INTO views (name, description) VALUES ('Welcome', 'Default landing view')\",\n args: [],\n },\n {\n sql:\n \"INSERT INTO versions (view_name, html, description) VALUES (?, ?, ?)\",\n args: [\"Welcome\", welcome, \"Initial welcome view\"],\n },\n ]);\n const v = await sqlite.execute(\n \"SELECT id FROM versions WHERE view_name = 'Welcome'\",\n );\n const versionId = v.rows[0]?.id;\n await sqlite.execute({\n sql: \"UPDATE views SET current_version_id = ? WHERE name = 'Welcome'\",\n args: [versionId as any],\n });\n await sqlite.execute({\n sql: \"INSERT INTO state (key, value) VALUES ('active_view', ?)\",\n args: [\"Welcome\"],\n });\n console.log(\"✅ seeded Welcome view\");\n}\n",[18,65],"pulls","branches",1,"forks","envVars",{"_183":26,"_185":26},"connections",{"_183":26,"_184":26},"count","unfilledCount","emptyCount",{"_34":158,"_13":18,"_63":81,"_44":-5,"_36":37,"_159":41,"_160":24,"_38":281,"_40":26,"_66":82,"_162":-5,"_68":30,"_163":-5,"_206":282,"_17":283},{"_34":171,"_13":65,"_63":64,"_44":81,"_36":37,"_159":41,"_160":24,"_38":278,"_40":26,"_66":67,"_162":173,"_68":30,"_163":-5,"_206":279,"_17":280},{"_34":167,"_13":80,"_63":79,"_44":81,"_36":37,"_159":74,"_160":24,"_38":275,"_40":26,"_66":67,"_162":169,"_68":30,"_163":-5,"_206":276,"_17":277},{"_34":271,"_13":270,"_63":264,"_44":-5,"_36":37,"_159":265,"_160":24,"_38":272,"_40":26,"_66":82,"_162":-5,"_68":30,"_163":-5,"_206":273,"_17":274},{"_34":261,"_13":262,"_63":263,"_44":264,"_36":37,"_159":265,"_160":24,"_38":266,"_40":26,"_66":21,"_162":267,"_68":30,"_163":-5,"_206":268,"_17":269},{"_34":257,"_13":226,"_63":220,"_44":-5,"_36":37,"_159":221,"_160":24,"_38":258,"_40":26,"_66":82,"_162":-5,"_68":30,"_163":-5,"_206":259,"_17":260},{"_34":249,"_13":250,"_63":251,"_44":220,"_36":37,"_159":252,"_160":24,"_38":253,"_40":26,"_66":67,"_162":254,"_68":30,"_163":-5,"_206":255,"_17":256},{"_34":241,"_13":242,"_63":243,"_44":220,"_36":37,"_159":244,"_160":24,"_38":245,"_40":26,"_66":204,"_162":246,"_68":30,"_163":-5,"_206":247,"_17":248},{"_34":235,"_13":236,"_63":95,"_44":220,"_36":37,"_159":122,"_160":24,"_38":237,"_40":177,"_66":204,"_162":238,"_68":30,"_163":-5,"_206":239,"_17":240},{"_34":227,"_13":228,"_63":229,"_44":220,"_36":37,"_159":230,"_160":24,"_38":231,"_40":26,"_66":204,"_162":232,"_68":30,"_163":-5,"_206":233,"_17":234},{"_34":217,"_13":218,"_63":219,"_44":220,"_36":37,"_159":221,"_160":24,"_38":222,"_40":26,"_66":67,"_162":223,"_68":30,"_163":-5,"_206":224,"_17":225},{"_34":209,"_13":210,"_63":211,"_44":-5,"_36":37,"_159":212,"_160":24,"_38":213,"_40":177,"_66":21,"_162":214,"_68":30,"_163":-5,"_206":215,"_17":216},{"_34":199,"_13":200,"_63":201,"_44":-5,"_36":37,"_159":202,"_160":24,"_38":203,"_40":26,"_66":204,"_162":205,"_68":30,"_163":-5,"_206":207,"_17":208},"7697f3c4-500a-11f1-b6f8-ee650bb23af1","main.tsx","7697f478-500a-11f1-b6f8-ee650bb23af1",9,["D",1778814129469],"http","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","children",[],[200],"b755d98a-500a-11f1-b38c-ee650bb23af1","README.md","0d05c418-500a-11f1-bd98-ee650bb23af1",11,["D",1778814238067],"# voice-dashboard\n\nA full-screen browser dashboard you build and modify entirely by voice. Press\nthe floating mic, say what you want, and the agent writes the HTML.\n\nBuilt on the OpenAI Realtime API (WebRTC) with server-side function calling.\nMashes up patterns from\n[`juberti/hello-realtime`](https://www.val.town/x/juberti/hello-realtime) (the\nWebRTC + observer pattern) and\n[`stevekrouse/hello-realtime-townie`](https://www.val.town/x/stevekrouse/hello-realtime-townie)\n(an agent that writes code as it talks).\n\n## What you can say\n\n- \"Make me a Pomodoro timer view.\"\n- \"Add a checklist below the timer.\"\n- \"Switch to my recipe view.\" · \"What views do I have?\"\n- \"Always show the focus view between 7 and 11 AM.\"\n- \"Roll back to the previous version of this.\" / \"Show the history of this view.\"\n- \"Thanks, that's it.\" → the agent hangs up.\n\n## Architecture\n\n```mermaid\nflowchart LR\n B[Browser] -->|SDP offer| RTC[/rtc/]\n RTC -->|WebRTC| OAI[OpenAI Realtime API]\n RTC -->|spawn| OBS[/observer/]\n OBS <-->|websocket: events + tool I/O| OAI\n OBS -->|tool dispatch| DB[(SQLite)]\n B <-->|poll /api/current| API[/api/]\n API --> DB\n B -->|\n\n

\n \n …\n ·source\n

\n\n

Switched view

\n\n

\n \n Listening\n \n \n

\n \n

\n\n

\n\n \n\n\n",[],[270,262],"frontend","a2747738-500a-11f1-92a6-ee650bb23af1",["D",1778814203050],[190],[270],["D",1778814019030],[],[18,80],["D",1778813991894],[],[18,65],["D",1778813991894],[187,188],[18],["D",1778813952334],["D",1789689063122],{"_11":12,"_136":71},{"_11":12,"_131":132,"_70":71,"_31":69,"_133":134,"_135":30},{"_40":122,"_13":16,"_34":37,"_123":84,"_124":-5,"_125":-5,"_126":-5,"_127":-5,"_128":-5,"_129":14,"_130":12},"ctx",{"_53":-5,"_155":322,"_323":324,"_325":326,"_327":30,"_328":30,"_329":30,"_330":24,"_331":-5,"_332":-7,"_333":-7,"_334":26,"_335":30,"_336":30,"_337":-5,"_338":30,"_339":30,"_340":30,"_341":-5},"ENV",{"_293":294,"_295":296,"_297":16,"_298":299,"_300":301,"_302":303,"_304":305,"_306":307,"_308":309,"_310":311,"_312":313,"_314":315,"_316":317,"_318":319,"_320":321},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","71c1b20804b3232a7e513be260cfffc1932a9e97","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"]

History · database