working on voice control

assets/css/app.css

@@ -20,7 +20,7 @@
   --color-seafoam-700: hsl(192.92 72.28% 30.98%);
   --color-seafoam-800: hsl(194.38 59.57% 27.06%);
   --color-seafoam-900: hsl(198.18 73.33% 17.65%);
-  --color-seafoam-950: hsl(198.26 58.97% 7.65%);
+  --color-seafoam-950: hsl(196.88 72.73% 8.63%);
 }
 
 @variant phx-click-loading (&.phx-click-loading, .phx-click-loading &);

assets/css/markdown.css

@@ -92,7 +92,7 @@
 }
 
 .markdown table {
-  @apply block w-full border-collapse my-4 text-sm overflow-x-auto;
+  @apply block w-full border-collapse my-4 text-sm overflow-x-auto max-w-full;
 }
 .markdown thead {
   @apply bg-seafoam-950;

assets/js/voice_control.js

@@ -30,6 +30,18 @@ const VoiceControl = {
     // Button clicks dispatch DOM events to avoid a server round-trip
     this.el.addEventListener("voice:start", () => this.startRecording());
     this.el.addEventListener("voice:stop", () => this.stopRecording());
+
+    // Handle navigate_to from the server — trigger a live navigation so the
+    // root layout (and this VoiceLive) is preserved across page changes.
+    this.handleEvent("navigate_to", ({ path }) => {
+      let a = document.createElement("a");
+      a.href = path;
+      a.setAttribute("data-phx-link", "redirect");
+      a.setAttribute("data-phx-link-state", "push");
+      document.body.appendChild(a);
+      a.click();
+      a.remove();
+    });
   },
 
   destroyed() {