@phenx-inc/ctlsurf 0.8.0 → 0.9.0

package/out/renderer/assets/{index---H6cxNl.js → index-Cj7K9-Ba.js}

@@ -1,4 +1,4 @@
-const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["./cssMode-BQN8v2ok.js","./lspLanguageFeatures-CHWJx_Tl.js","./htmlMode-M3MApZ4n.js","./jsonMode-CKp2zvZu.js","./javascript-BO_ViZM5.js","./typescript-BiJRCUcL.js"])))=>i.map(i=>d[i]);
+const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["./cssMode-BdYp0fp9.js","./lspLanguageFeatures-8SIcRAMh.js","./htmlMode-CCm0aJ6C.js","./jsonMode-BgCUHaFo.js","./javascript-B2niCouI.js","./typescript-rdwAjCi4.js"])))=>i.map(i=>d[i]);
 function getDefaultExportFromCjs(x) {
   return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, "default") ? x["default"] : x;
 }
@@ -19188,7 +19188,7 @@ async function loadTranscriber(onProgress) {
   if (!transcriberPromise) {
     transcriberPromise = (async () => {
       const { pipeline, env: env2 } = await __vitePreload(async () => {
-        const { pipeline: pipeline2, env: env3 } = await import("./transformers.web-DtSCnG36.js");
+        const { pipeline: pipeline2, env: env3 } = await import("./transformers.web-_PuZoIho.js");
         return { pipeline: pipeline2, env: env3 };
       }, true ? [] : void 0, import.meta.url);
       env2.allowLocalModels = false;
@@ -19232,7 +19232,7 @@ async function blobToPcm16k(blob) {
   const rendered = await offline.startRendering();
   return rendered.getChannelData(0);
 }
-async function transcribeBlob(blob, onProgress) {
+async function transcribeBlob(blob, onProgress, onPartial) {
   const pcm = await blobToPcm16k(blob);
   if (!pcm) return "";
   const rms = computeRms(pcm);
@@ -19241,7 +19241,38 @@ async function transcribeBlob(blob, onProgress) {
     return "";
   }
   const transcriber = await loadTranscriber(onProgress);
-  const result = await transcriber(pcm);
+  let streamer;
+  if (onPartial) {
+    try {
+      const { WhisperTextStreamer } = await __vitePreload(async () => {
+        const { WhisperTextStreamer: WhisperTextStreamer2 } = await import("./transformers.web-_PuZoIho.js");
+        return { WhisperTextStreamer: WhisperTextStreamer2 };
+      }, true ? [] : void 0, import.meta.url);
+      const tokenizer = transcriber.tokenizer;
+      let committed = "";
+      let current = "";
+      streamer = new WhisperTextStreamer(tokenizer, {
+        on_chunk_start: () => {
+          current = "";
+        },
+        callback_function: (delta) => {
+          current += delta;
+          onPartial((committed + current).replace(/\s+/g, " ").trim());
+        },
+        on_chunk_end: () => {
+          committed = (committed + current).trim() + " ";
+          current = "";
+        }
+      });
+    } catch (err) {
+      console.warn("[voice] streaming preview unavailable", err);
+    }
+  }
+  const result = await transcriber(pcm, {
+    chunk_length_s: 30,
+    stride_length_s: 5,
+    ...streamer ? { streamer } : {}
+  });
   const text2 = (Array.isArray(result) ? result.map((r) => r.text).join(" ") : result?.text || "").trim();
   if (text2 && rms < LOW_CONFIDENCE_RMS && isFillerOnly(text2)) {
     console.info(`[voice] dropping filler-only output "${text2}" from quiet clip (rms=${rms.toFixed(4)})`);
@@ -19249,11 +19280,6 @@ async function transcribeBlob(blob, onProgress) {
   }
   return text2;
 }
-function getRecognitionCtor() {
-  const w = window;
-  return w.SpeechRecognition || w.webkitSpeechRecognition || null;
-}
-const ENGINE_KEY$1 = "ctlsurf.voiceEngine";
 const DEVICE_KEY = "ctlsurf.voiceDeviceId";
 function loadDeviceId() {
   try {
@@ -19262,20 +19288,7 @@ function loadDeviceId() {
     return null;
   }
 }
-const WEB_SPEECH_SUPPORTED = getRecognitionCtor() !== null;
 const LOCAL_SUPPORTED = typeof navigator !== "undefined" && !!navigator.mediaDevices?.getUserMedia && typeof MediaRecorder !== "undefined" && typeof OfflineAudioContext !== "undefined";
-const ANY_SUPPORTED = WEB_SPEECH_SUPPORTED || LOCAL_SUPPORTED;
-function loadInitialEngine() {
-  if (!WEB_SPEECH_SUPPORTED && LOCAL_SUPPORTED) return "local";
-  try {
-    if (localStorage.getItem(ENGINE_KEY$1) === "local" && LOCAL_SUPPORTED) return "local";
-  } catch {
-  }
-  return WEB_SPEECH_SUPPORTED ? "web-speech" : "local";
-}
-function isEngineUnavailable(code) {
-  return code === "network" || code === "service-not-allowed";
-}
 function describeMicError(err) {
   const name = err?.name;
   if (name === "NotAllowedError" || name === "SecurityError") return "Microphone access denied";
@@ -19283,10 +19296,9 @@ function describeMicError(err) {
   return "Could not start microphone";
 }
 function VoiceInput({ onTranscript, variant = "titlebar" }) {
-  const [engine, setEngine2] = reactExports.useState(loadInitialEngine);
   const [phase, setPhase] = reactExports.useState("idle");
-  const [interim, setInterim] = reactExports.useState("");
   const [modelPct, setModelPct] = reactExports.useState(null);
+  const [partial, setPartial] = reactExports.useState("");
   const [error, setError] = reactExports.useState(null);
   const [notice, setNotice] = reactExports.useState(null);
   const [devices, setDevices] = reactExports.useState([]);
@@ -19297,16 +19309,10 @@ function VoiceInput({ onTranscript, variant = "titlebar" }) {
     selectedDeviceIdRef.current = selectedDeviceId;
   }, [selectedDeviceId]);
   const wrapRef = reactExports.useRef(null);
-  const recognitionRef = reactExports.useRef(null);
-  const finalRef = reactExports.useRef("");
   const streamRef = reactExports.useRef(null);
   const recorderRef = reactExports.useRef(null);
   const chunksRef = reactExports.useRef([]);
   const cancelGestureRef = reactExports.useRef(false);
-  const engineRef = reactExports.useRef(engine);
-  reactExports.useEffect(() => {
-    engineRef.current = engine;
-  }, [engine]);
   const onTranscriptRef = reactExports.useRef(onTranscript);
   reactExports.useEffect(() => {
     onTranscriptRef.current = onTranscript;
@@ -19321,14 +19327,6 @@ function VoiceInput({ onTranscript, variant = "titlebar" }) {
     const t = setTimeout(() => setNotice(null), 5e3);
     return () => clearTimeout(t);
   }, [notice]);
-  const switchToLocal = reactExports.useCallback((reason) => {
-    try {
-      localStorage.setItem(ENGINE_KEY$1, "local");
-    } catch {
-    }
-    setEngine2("local");
-    setNotice(reason);
-  }, []);
   const stopStream = reactExports.useCallback(() => {
     streamRef.current?.getTracks().forEach((t) => t.stop());
     streamRef.current = null;
@@ -19406,60 +19404,6 @@ function VoiceInput({ onTranscript, variant = "titlebar" }) {
     document.addEventListener("mousedown", onDocDown);
     return () => document.removeEventListener("mousedown", onDocDown);
   }, [showDevicePicker]);
-  const startWebSpeech = reactExports.useCallback(() => {
-    const Ctor = getRecognitionCtor();
-    if (!Ctor || recognitionRef.current) return;
-    setError(null);
-    setNotice(null);
-    setInterim("");
-    finalRef.current = "";
-    const rec = new Ctor();
-    rec.lang = navigator.language || "en-US";
-    rec.continuous = true;
-    rec.interimResults = true;
-    rec.onresult = (event) => {
-      let finalText = "";
-      let interimText = "";
-      for (let i2 = 0; i2 < event.results.length; i2++) {
-        const res = event.results[i2];
-        if (res.isFinal) finalText += res[0].transcript;
-        else interimText += res[0].transcript;
-      }
-      finalRef.current = finalText;
-      setInterim(interimText);
-    };
-    rec.onerror = (event) => {
-      if (isEngineUnavailable(event.error) && LOCAL_SUPPORTED) {
-        finalRef.current = "";
-        switchToLocal("Voice service unavailable — switched to on-device. Press again.");
-      } else if (event.error !== "no-speech" && event.error !== "aborted") {
-        setError(event.error === "not-allowed" ? "Microphone access denied" : `Voice error: ${event.error}`);
-      }
-    };
-    rec.onend = () => {
-      const text2 = finalRef.current.trim();
-      recognitionRef.current = null;
-      setPhase("idle");
-      setInterim("");
-      if (text2) onTranscriptRef.current(text2);
-    };
-    recognitionRef.current = rec;
-    try {
-      rec.start();
-      setPhase("listening");
-    } catch (err) {
-      recognitionRef.current = null;
-      setPhase("idle");
-      setError("Could not start microphone");
-      console.error("[voice] web speech start failed", err);
-    }
-  }, [switchToLocal]);
-  const stopWebSpeech = reactExports.useCallback(() => {
-    try {
-      recognitionRef.current?.stop();
-    } catch {
-    }
-  }, []);
   const handleModelProgress = reactExports.useCallback((p) => {
     if (p.status === "progress" && typeof p.progress === "number") {
       setModelPct(Math.min(100, Math.round(p.progress)));
@@ -19475,9 +19419,12 @@ function VoiceInput({ onTranscript, variant = "titlebar" }) {
       return;
     }
     setPhase("transcribing");
-    setInterim("");
+    setPartial("");
     try {
-      const text2 = await transcribeBlob(blob, handleModelProgress);
+      const text2 = await transcribeBlob(blob, handleModelProgress, (t) => {
+        setModelPct(null);
+        setPartial(t);
+      });
       if (text2) onTranscriptRef.current(text2);
       else setNotice("No speech detected — check the mic source (▾).");
     } catch (err) {
@@ -19486,12 +19433,12 @@ function VoiceInput({ onTranscript, variant = "titlebar" }) {
     } finally {
       setPhase("idle");
       setModelPct(null);
+      setPartial("");
     }
   }, [stopStream, handleModelProgress]);
   const startLocal = reactExports.useCallback(async () => {
     setError(null);
     setNotice(null);
-    setInterim("");
     cancelGestureRef.current = false;
     try {
       const stream = await getStream();
@@ -19530,22 +19477,16 @@ function VoiceInput({ onTranscript, variant = "titlebar" }) {
     }
   }, []);
   const handlePointerDown = (e) => {
-    if (!ANY_SUPPORTED || phase !== "idle") return;
+    if (!LOCAL_SUPPORTED || phase !== "idle") return;
     e.preventDefault();
     e.currentTarget.setPointerCapture?.(e.pointerId);
-    if (engineRef.current === "web-speech" && WEB_SPEECH_SUPPORTED) startWebSpeech();
-    else if (LOCAL_SUPPORTED) void startLocal();
+    void startLocal();
   };
   const handlePointerUp = (e) => {
     e.currentTarget.releasePointerCapture?.(e.pointerId);
-    if (engineRef.current === "web-speech") stopWebSpeech();
-    else stopLocal();
+    stopLocal();
   };
   reactExports.useEffect(() => () => {
-    try {
-      recognitionRef.current?.abort();
-    } catch {
-    }
     try {
       recorderRef.current?.stop();
     } catch {
@@ -19554,12 +19495,18 @@ function VoiceInput({ onTranscript, variant = "titlebar" }) {
   }, []);
   const listening = phase === "listening";
   const busy = phase === "transcribing";
-  const title = !ANY_SUPPORTED ? "Voice typing not supported in this build" : listening ? "Listening… release to insert" : busy ? "Transcribing…" : engine === "local" ? "Hold to talk (on-device) — speech is typed into the terminal" : "Hold to talk — speech is typed into the terminal";
+  const title = !LOCAL_SUPPORTED ? "Voice typing not supported in this build" : listening ? "Listening… release to insert" : busy ? "Transcribing…" : "Hold to talk (on-device) — speech is typed into the terminal";
   let chip = null;
   if (error && phase === "idle") chip = { kind: "error", text: error };
   else if (notice && phase === "idle") chip = { kind: "notice", text: notice };
-  else if (listening) chip = { kind: "listening", text: interim || (engine === "local" ? "Recording…" : "Listening…") };
-  else if (busy) chip = { kind: "busy", text: modelPct !== null ? `Downloading voice model… ${modelPct}%` : "Transcribing…" };
+  else if (listening) chip = { kind: "listening", text: "Recording…" };
+  else if (busy) {
+    const preview = partial.length > 90 ? "…" + partial.slice(-90) : partial;
+    chip = {
+      kind: "busy",
+      text: modelPct !== null ? `Downloading voice model… ${modelPct}%` : preview || "Transcribing…"
+    };
+  }
   const floating = variant === "floating";
   const btnClass = floating ? `voice-btn voice-btn-floating ${listening ? "listening" : ""} ${busy ? "busy" : ""}` : `titlebar-btn titlebar-icon-btn voice-btn ${listening ? "listening" : ""} ${busy ? "busy" : ""}`;
   const realDevices = devices.filter(
@@ -19575,7 +19522,7 @@ function VoiceInput({ onTranscript, variant = "titlebar" }) {
       {
         type: "button",
         className: btnClass,
-        disabled: !ANY_SUPPORTED,
+        disabled: !LOCAL_SUPPORTED,
         onPointerDown: handlePointerDown,
         onPointerUp: handlePointerUp,
         onPointerCancel: handlePointerUp,
@@ -19637,108 +19584,6 @@ function VoiceInput({ onTranscript, variant = "titlebar" }) {
     chip && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: `voice-chip ${chip.kind} ${floating ? "voice-chip-floating" : ""}`, children: chip.text })
   ] });
 }
-const POS_KEY = "ctlsurf.floatingMicPos";
-const EDGE = 20;
-const TOP_MIN = 46;
-const BOTTOM_GAP = 36;
-function loadPos() {
-  try {
-    const raw = localStorage.getItem(POS_KEY);
-    if (raw) {
-      const p = JSON.parse(raw);
-      if (typeof p.x === "number" && typeof p.y === "number") return { x: p.x, y: p.y };
-    }
-  } catch {
-  }
-  return null;
-}
-function FloatingMic({ onTranscript, onHide }) {
-  const [pos, setPos] = reactExports.useState(loadPos);
-  const elRef = reactExports.useRef(null);
-  const dragRef = reactExports.useRef(null);
-  const clamp2 = reactExports.useCallback((x, y) => {
-    const el = elRef.current;
-    const w = el?.offsetWidth ?? 64;
-    const h2 = el?.offsetHeight ?? 90;
-    return {
-      x: Math.max(EDGE, Math.min(x, window.innerWidth - w - EDGE)),
-      y: Math.max(TOP_MIN, Math.min(y, window.innerHeight - h2 - BOTTOM_GAP))
-    };
-  }, []);
-  reactExports.useEffect(() => {
-    if (pos) return;
-    const el = elRef.current;
-    const w = el?.offsetWidth ?? 64;
-    const h2 = el?.offsetHeight ?? 90;
-    setPos({
-      x: window.innerWidth - w - EDGE,
-      y: window.innerHeight - h2 - BOTTOM_GAP
-    });
-  }, [pos]);
-  reactExports.useEffect(() => {
-    const onResize = () => setPos((p) => p ? clamp2(p.x, p.y) : p);
-    window.addEventListener("resize", onResize);
-    return () => window.removeEventListener("resize", onResize);
-  }, [clamp2]);
-  const onHandleDown = reactExports.useCallback((e) => {
-    const el = elRef.current;
-    if (!el) return;
-    e.preventDefault();
-    const rect = el.getBoundingClientRect();
-    dragRef.current = { dx: e.clientX - rect.left, dy: e.clientY - rect.top };
-    e.currentTarget.setPointerCapture?.(e.pointerId);
-  }, []);
-  const onHandleMove = reactExports.useCallback((e) => {
-    const d = dragRef.current;
-    if (!d) return;
-    setPos(clamp2(e.clientX - d.dx, e.clientY - d.dy));
-  }, [clamp2]);
-  const onHandleUp = reactExports.useCallback((e) => {
-    if (!dragRef.current) return;
-    dragRef.current = null;
-    e.currentTarget.releasePointerCapture?.(e.pointerId);
-    setPos((p) => {
-      if (p) {
-        try {
-          localStorage.setItem(POS_KEY, JSON.stringify(p));
-        } catch {
-        }
-      }
-      return p;
-    });
-  }, []);
-  const style = pos ? { left: pos.x, top: pos.y } : { left: -9999, top: -9999, visibility: "hidden" };
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { ref: elRef, className: "floating-mic", style, children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsxs(
-      "div",
-      {
-        className: "floating-mic-handle",
-        onPointerDown: onHandleDown,
-        onPointerMove: onHandleMove,
-        onPointerUp: onHandleUp,
-        onPointerCancel: onHandleUp,
-        title: "Drag to move",
-        "aria-label": "Drag floating mic",
-        children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "floating-mic-grip", "aria-hidden": "true", children: "⠿" }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx(
-            "button",
-            {
-              type: "button",
-              className: "floating-mic-hide",
-              onPointerDown: (e) => e.stopPropagation(),
-              onClick: onHide,
-              title: "Hide floating mic",
-              "aria-label": "Hide floating mic",
-              children: "×"
-            }
-          )
-        ]
-      }
-    ),
-    /* @__PURE__ */ jsxRuntimeExports.jsx(VoiceInput, { variant: "floating", onTranscript })
-  ] });
-}
 const ENGINE_KEY = "ctlsurf.tts.engine";
 const VOICE_KEY = "ctlsurf.tts.voiceURI";
 const RATE_KEY = "ctlsurf.tts.rate";
@@ -19833,7 +19678,7 @@ function loadSynthesizer(onProgress) {
   if (!synthPromise) {
     synthPromise = (async () => {
       const { pipeline, env: env2 } = await __vitePreload(async () => {
-        const { pipeline: pipeline2, env: env3 } = await import("./transformers.web-DtSCnG36.js");
+        const { pipeline: pipeline2, env: env3 } = await import("./transformers.web-_PuZoIho.js");
         return { pipeline: pipeline2, env: env3 };
       }, true ? [] : void 0, import.meta.url);
       env2.allowLocalModels = false;
@@ -19871,6 +19716,22 @@ class SpeechController {
   // the visible Stop button.
   onActivityChange = null;
   onError = null;
+  // Multiple UI surfaces (titlebar SpeakControls + floating read button) need
+  // the speaking state at once, so beyond the single onActivityChange slot we
+  // also keep a listener set.
+  activityListeners = /* @__PURE__ */ new Set();
+  get isActive() {
+    return this.active;
+  }
+  // Subscribe to speaking-state changes. Fires immediately with the current
+  // state so a late subscriber syncs. Returns an unsubscribe function.
+  onActivity(fn) {
+    this.activityListeners.add(fn);
+    fn(this.active);
+    return () => {
+      this.activityListeners.delete(fn);
+    };
+  }
   // Prime/resume the AudioContext from a user gesture so neural playback isn't
   // blocked by the browser autoplay policy (the System engine is unaffected).
   unlock() {
@@ -19925,6 +19786,7 @@ class SpeechController {
     if (this.active === a) return;
     this.active = a;
     this.onActivityChange?.(a);
+    this.activityListeners.forEach((fn) => fn(a));
   }
   async drain() {
     if (this.draining) return;
@@ -20003,6 +19865,162 @@ class SpeechController {
   }
 }
 const speech = new SpeechController();
+const POS_KEY = "ctlsurf.floatingMicPos";
+const EDGE = 20;
+const TOP_MIN = 46;
+const BOTTOM_GAP = 36;
+function loadPos() {
+  try {
+    const raw = localStorage.getItem(POS_KEY);
+    if (raw) {
+      const p = JSON.parse(raw);
+      if (typeof p.x === "number" && typeof p.y === "number") return { x: p.x, y: p.y };
+    }
+  } catch {
+  }
+  return null;
+}
+function FloatingMic({ onTranscript, onHide }) {
+  const [pos, setPos] = reactExports.useState(loadPos);
+  const elRef = reactExports.useRef(null);
+  const dragRef = reactExports.useRef(null);
+  const [speaking, setSpeaking] = reactExports.useState(false);
+  const [note, setNote] = reactExports.useState(null);
+  reactExports.useEffect(() => speech.onActivity(setSpeaking), []);
+  reactExports.useEffect(() => {
+    if (!note) return;
+    const t = setTimeout(() => setNote(null), 3e3);
+    return () => clearTimeout(t);
+  }, [note]);
+  const onReadAloud = reactExports.useCallback(async () => {
+    if (speaking) {
+      speech.stop();
+      return;
+    }
+    speech.unlock();
+    let text2 = null;
+    try {
+      text2 = await window.worker.getLastReply();
+    } catch {
+    }
+    if (text2) speech.enqueue(text2);
+    else setNote("No reply to read yet");
+  }, [speaking]);
+  const clamp2 = reactExports.useCallback((x, y) => {
+    const el = elRef.current;
+    const w = el?.offsetWidth ?? 64;
+    const h2 = el?.offsetHeight ?? 90;
+    return {
+      x: Math.max(EDGE, Math.min(x, window.innerWidth - w - EDGE)),
+      y: Math.max(TOP_MIN, Math.min(y, window.innerHeight - h2 - BOTTOM_GAP))
+    };
+  }, []);
+  reactExports.useEffect(() => {
+    if (pos) return;
+    const el = elRef.current;
+    const w = el?.offsetWidth ?? 64;
+    const h2 = el?.offsetHeight ?? 90;
+    setPos({
+      x: window.innerWidth - w - EDGE,
+      y: window.innerHeight - h2 - BOTTOM_GAP
+    });
+  }, [pos]);
+  reactExports.useEffect(() => {
+    const onResize = () => setPos((p) => p ? clamp2(p.x, p.y) : p);
+    window.addEventListener("resize", onResize);
+    return () => window.removeEventListener("resize", onResize);
+  }, [clamp2]);
+  const onHandleDown = reactExports.useCallback((e) => {
+    const el = elRef.current;
+    if (!el) return;
+    e.preventDefault();
+    const rect = el.getBoundingClientRect();
+    dragRef.current = { dx: e.clientX - rect.left, dy: e.clientY - rect.top };
+    e.currentTarget.setPointerCapture?.(e.pointerId);
+  }, []);
+  const onHandleMove = reactExports.useCallback((e) => {
+    const d = dragRef.current;
+    if (!d) return;
+    setPos(clamp2(e.clientX - d.dx, e.clientY - d.dy));
+  }, [clamp2]);
+  const onHandleUp = reactExports.useCallback((e) => {
+    if (!dragRef.current) return;
+    dragRef.current = null;
+    e.currentTarget.releasePointerCapture?.(e.pointerId);
+    setPos((p) => {
+      if (p) {
+        try {
+          localStorage.setItem(POS_KEY, JSON.stringify(p));
+        } catch {
+        }
+      }
+      return p;
+    });
+  }, []);
+  const style = pos ? { left: pos.x, top: pos.y } : { left: -9999, top: -9999, visibility: "hidden" };
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { ref: elRef, className: "floating-mic", style, children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsxs(
+      "div",
+      {
+        className: "floating-mic-handle",
+        onPointerDown: onHandleDown,
+        onPointerMove: onHandleMove,
+        onPointerUp: onHandleUp,
+        onPointerCancel: onHandleUp,
+        title: "Drag to move",
+        "aria-label": "Drag floating mic",
+        children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "floating-mic-grip", "aria-hidden": "true", children: "⠿" }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(
+            "button",
+            {
+              type: "button",
+              className: "floating-mic-hide",
+              onPointerDown: (e) => e.stopPropagation(),
+              onClick: onHide,
+              title: "Hide floating mic",
+              "aria-label": "Hide floating mic",
+              children: "×"
+            }
+          )
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(VoiceInput, { variant: "floating", onTranscript }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(
+      "button",
+      {
+        type: "button",
+        className: `floating-mic-read ${speaking ? "speaking" : ""}`,
+        onPointerDown: (e) => e.stopPropagation(),
+        onClick: onReadAloud,
+        title: speaking ? "Stop reading" : "Read last agent reply aloud",
+        "aria-label": speaking ? "Stop reading" : "Read last agent reply aloud",
+        "aria-pressed": speaking,
+        children: speaking ? /* @__PURE__ */ jsxRuntimeExports.jsx("svg", { viewBox: "0 0 24 24", width: "14", height: "14", fill: "currentColor", "aria-hidden": "true", children: /* @__PURE__ */ jsxRuntimeExports.jsx("rect", { x: "6", y: "6", width: "12", height: "12", rx: "2" }) }) : /* @__PURE__ */ jsxRuntimeExports.jsxs(
+          "svg",
+          {
+            viewBox: "0 0 24 24",
+            width: "15",
+            height: "15",
+            fill: "none",
+            stroke: "currentColor",
+            strokeWidth: "2",
+            strokeLinecap: "round",
+            strokeLinejoin: "round",
+            "aria-hidden": "true",
+            children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsx("polygon", { points: "11 5 6 9 2 9 2 15 6 15 11 19 11 5" }),
+              /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "M15.54 8.46a5 5 0 0 1 0 7.07" }),
+              /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "M19.07 4.93a10 10 0 0 1 0 14.14" })
+            ]
+          }
+        )
+      }
+    ),
+    note && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "floating-mic-note", children: note })
+  ] });
+}
 const SAMPLE = "This is how spoken agent replies will sound.";
 function SpeakControls() {
   const [enabled, setEnabled] = reactExports.useState(false);
@@ -207823,7 +207841,7 @@ const lessDefaults = new LanguageServiceDefaultsImpl$3(
   modeConfigurationDefault$2
 );
 function getMode$3() {
-  return __vitePreload(() => import("./cssMode-BQN8v2ok.js"), true ? __vite__mapDeps([0,1]) : void 0, import.meta.url);
+  return __vitePreload(() => import("./cssMode-BdYp0fp9.js"), true ? __vite__mapDeps([0,1]) : void 0, import.meta.url);
 }
 languages.onLanguage("less", () => {
   getMode$3().then((mode2) => mode2.setupMode(lessDefaults));
@@ -207928,7 +207946,7 @@ const razorLanguageService = registerHTMLLanguageService(
 );
 const razorDefaults = razorLanguageService.defaults;
 function getMode$2() {
-  return __vitePreload(() => import("./htmlMode-M3MApZ4n.js"), true ? __vite__mapDeps([2,1]) : void 0, import.meta.url);
+  return __vitePreload(() => import("./htmlMode-CCm0aJ6C.js"), true ? __vite__mapDeps([2,1]) : void 0, import.meta.url);
 }
 function registerHTMLLanguageService(languageId, options = optionsDefault, modeConfiguration = getConfigurationDefault(languageId)) {
   const defaults = new LanguageServiceDefaultsImpl$2(languageId, options, modeConfiguration);
@@ -208012,7 +208030,7 @@ const jsonDefaults = new LanguageServiceDefaultsImpl$1(
 );
 const getWorker$1 = () => getMode$1().then((mode2) => mode2.getWorker());
 function getMode$1() {
-  return __vitePreload(() => import("./jsonMode-CKp2zvZu.js"), true ? __vite__mapDeps([3,1]) : void 0, import.meta.url);
+  return __vitePreload(() => import("./jsonMode-BgCUHaFo.js"), true ? __vite__mapDeps([3,1]) : void 0, import.meta.url);
 }
 languages.register({
   id: "json",
@@ -208258,7 +208276,7 @@ const getJavaScriptWorker = () => {
   return getMode().then((mode) => mode.getJavaScriptWorker());
 };
 function getMode() {
-  return __vitePreload(() => import("./tsMode-yAjlPR-D.js"), true ? [] : void 0, import.meta.url);
+  return __vitePreload(() => import("./tsMode-8FLRnobw.js"), true ? [] : void 0, import.meta.url);
 }
 languages.onLanguage("typescript", () => {
   return getMode().then((mode) => mode.setupTypeScript(typescriptDefaults));
@@ -208453,49 +208471,49 @@ registerLanguage({
   extensions: [".ftl", ".ftlh", ".ftlx"],
   aliases: ["FreeMarker2", "Apache FreeMarker2"],
   loader: () => {
-    return __vitePreload(() => import("./freemarker2-DbxGYYVp.js"), true ? [] : void 0, import.meta.url).then((m) => m.TagAutoInterpolationDollar);
+    return __vitePreload(() => import("./freemarker2-Cya-9zr-.js"), true ? [] : void 0, import.meta.url).then((m) => m.TagAutoInterpolationDollar);
   }
 });
 registerLanguage({
   id: "freemarker2.tag-angle.interpolation-dollar",
   aliases: ["FreeMarker2 (Angle/Dollar)", "Apache FreeMarker2 (Angle/Dollar)"],
   loader: () => {
-    return __vitePreload(() => import("./freemarker2-DbxGYYVp.js"), true ? [] : void 0, import.meta.url).then((m) => m.TagAngleInterpolationDollar);
+    return __vitePreload(() => import("./freemarker2-Cya-9zr-.js"), true ? [] : void 0, import.meta.url).then((m) => m.TagAngleInterpolationDollar);
   }
 });
 registerLanguage({
   id: "freemarker2.tag-bracket.interpolation-dollar",
   aliases: ["FreeMarker2 (Bracket/Dollar)", "Apache FreeMarker2 (Bracket/Dollar)"],
   loader: () => {
-    return __vitePreload(() => import("./freemarker2-DbxGYYVp.js"), true ? [] : void 0, import.meta.url).then((m) => m.TagBracketInterpolationDollar);
+    return __vitePreload(() => import("./freemarker2-Cya-9zr-.js"), true ? [] : void 0, import.meta.url).then((m) => m.TagBracketInterpolationDollar);
   }
 });
 registerLanguage({
   id: "freemarker2.tag-angle.interpolation-bracket",
   aliases: ["FreeMarker2 (Angle/Bracket)", "Apache FreeMarker2 (Angle/Bracket)"],
   loader: () => {
-    return __vitePreload(() => import("./freemarker2-DbxGYYVp.js"), true ? [] : void 0, import.meta.url).then((m) => m.TagAngleInterpolationBracket);
+    return __vitePreload(() => import("./freemarker2-Cya-9zr-.js"), true ? [] : void 0, import.meta.url).then((m) => m.TagAngleInterpolationBracket);
   }
 });
 registerLanguage({
   id: "freemarker2.tag-bracket.interpolation-bracket",
   aliases: ["FreeMarker2 (Bracket/Bracket)", "Apache FreeMarker2 (Bracket/Bracket)"],
   loader: () => {
-    return __vitePreload(() => import("./freemarker2-DbxGYYVp.js"), true ? [] : void 0, import.meta.url).then((m) => m.TagBracketInterpolationBracket);
+    return __vitePreload(() => import("./freemarker2-Cya-9zr-.js"), true ? [] : void 0, import.meta.url).then((m) => m.TagBracketInterpolationBracket);
   }
 });
 registerLanguage({
   id: "freemarker2.tag-auto.interpolation-dollar",
   aliases: ["FreeMarker2 (Auto/Dollar)", "Apache FreeMarker2 (Auto/Dollar)"],
   loader: () => {
-    return __vitePreload(() => import("./freemarker2-DbxGYYVp.js"), true ? [] : void 0, import.meta.url).then((m) => m.TagAutoInterpolationDollar);
+    return __vitePreload(() => import("./freemarker2-Cya-9zr-.js"), true ? [] : void 0, import.meta.url).then((m) => m.TagAutoInterpolationDollar);
   }
 });
 registerLanguage({
   id: "freemarker2.tag-auto.interpolation-bracket",
   aliases: ["FreeMarker2 (Auto/Bracket)", "Apache FreeMarker2 (Auto/Bracket)"],
   loader: () => {
-    return __vitePreload(() => import("./freemarker2-DbxGYYVp.js"), true ? [] : void 0, import.meta.url).then((m) => m.TagAutoInterpolationBracket);
+    return __vitePreload(() => import("./freemarker2-Cya-9zr-.js"), true ? [] : void 0, import.meta.url).then((m) => m.TagAutoInterpolationBracket);
   }
 });
 registerLanguage({
@@ -208516,7 +208534,7 @@ registerLanguage({
   extensions: [".handlebars", ".hbs"],
   aliases: ["Handlebars", "handlebars", "hbs"],
   mimetypes: ["text/x-handlebars-template"],
-  loader: () => __vitePreload(() => import("./handlebars-3auU1CAd.js"), true ? [] : void 0, import.meta.url)
+  loader: () => __vitePreload(() => import("./handlebars-EJs9W5Ub.js"), true ? [] : void 0, import.meta.url)
 });
 registerLanguage({
   id: "hcl",
@@ -208529,7 +208547,7 @@ registerLanguage({
   extensions: [".html", ".htm", ".shtml", ".xhtml", ".mdoc", ".jsp", ".asp", ".aspx", ".jshtm"],
   aliases: ["HTML", "htm", "html", "xhtml"],
   mimetypes: ["text/html", "text/x-jshtm", "text/template", "text/ng-template"],
-  loader: () => __vitePreload(() => import("./html-D8xFiRmI.js"), true ? [] : void 0, import.meta.url)
+  loader: () => __vitePreload(() => import("./html-Ex4qy2lh.js"), true ? [] : void 0, import.meta.url)
 });
 registerLanguage({
   id: "ini",
@@ -208552,7 +208570,7 @@ registerLanguage({
   filenames: ["jakefile"],
   aliases: ["JavaScript", "javascript", "js"],
   mimetypes: ["text/javascript"],
-  loader: () => __vitePreload(() => import("./javascript-BO_ViZM5.js"), true ? __vite__mapDeps([4,5]) : void 0, import.meta.url)
+  loader: () => __vitePreload(() => import("./javascript-B2niCouI.js"), true ? __vite__mapDeps([4,5]) : void 0, import.meta.url)
 });
 registerLanguage({
   id: "julia",
@@ -208591,7 +208609,7 @@ registerLanguage({
   extensions: [".liquid", ".html.liquid"],
   aliases: ["Liquid", "liquid"],
   mimetypes: ["application/liquid"],
-  loader: () => __vitePreload(() => import("./liquid-C1eHcrht.js"), true ? [] : void 0, import.meta.url)
+  loader: () => __vitePreload(() => import("./liquid-DOQmSo4G.js"), true ? [] : void 0, import.meta.url)
 });
 registerLanguage({
   id: "m3",
@@ -208609,7 +208627,7 @@ registerLanguage({
   id: "mdx",
   extensions: [".mdx"],
   aliases: ["MDX", "mdx"],
-  loader: () => __vitePreload(() => import("./mdx-Qqdtk7fL.js"), true ? [] : void 0, import.meta.url)
+  loader: () => __vitePreload(() => import("./mdx-DuKdGNKE.js"), true ? [] : void 0, import.meta.url)
 });
 registerLanguage({
   id: "mips",
@@ -208708,7 +208726,7 @@ registerLanguage({
   extensions: [".py", ".rpy", ".pyw", ".cpy", ".gyp", ".gypi"],
   aliases: ["Python", "py"],
   firstLine: "^#!/.*\\bpython[0-9.-]*\\b",
-  loader: () => __vitePreload(() => import("./python-DKu7rNbs.js"), true ? [] : void 0, import.meta.url)
+  loader: () => __vitePreload(() => import("./python-BUa4XFG-.js"), true ? [] : void 0, import.meta.url)
 });
 registerLanguage({
   id: "qsharp",
@@ -208727,7 +208745,7 @@ registerLanguage({
   extensions: [".cshtml"],
   aliases: ["Razor", "razor"],
   mimetypes: ["text/x-cshtml"],
-  loader: () => __vitePreload(() => import("./razor-BOMpCo6z.js"), true ? [] : void 0, import.meta.url)
+  loader: () => __vitePreload(() => import("./razor-BUw8jho0.js"), true ? [] : void 0, import.meta.url)
 });
 registerLanguage({
   id: "redis",
@@ -208860,7 +208878,7 @@ registerLanguage({
   aliases: ["TypeScript", "ts", "typescript"],
   mimetypes: ["text/typescript"],
   loader: () => {
-    return __vitePreload(() => import("./typescript-BiJRCUcL.js"), true ? [] : void 0, import.meta.url);
+    return __vitePreload(() => import("./typescript-rdwAjCi4.js"), true ? [] : void 0, import.meta.url);
   }
 });
 registerLanguage({
@@ -208905,14 +208923,14 @@ registerLanguage({
   firstLine: "(\\<\\?xml.*)|(\\<svg)|(\\<\\!doctype\\s+svg)",
   aliases: ["XML", "xml"],
   mimetypes: ["text/xml", "application/xml", "application/xaml+xml", "application/xml-dtd"],
-  loader: () => __vitePreload(() => import("./xml-D4PvYeQq.js"), true ? [] : void 0, import.meta.url)
+  loader: () => __vitePreload(() => import("./xml-HOzT59Qg.js"), true ? [] : void 0, import.meta.url)
 });
 registerLanguage({
   id: "yaml",
   extensions: [".yaml", ".yml"],
   aliases: ["YAML", "yaml", "YML", "yml"],
   mimetypes: ["application/x-yaml", "text/x-yaml"],
-  loader: () => __vitePreload(() => import("./yaml-BeHVkmnS.js"), true ? [] : void 0, import.meta.url)
+  loader: () => __vitePreload(() => import("./yaml-B81JfLsW.js"), true ? [] : void 0, import.meta.url)
 });
 var __defProp = Object.defineProperty;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
@@ -213334,15 +213352,19 @@ function App() {
   const visiblePaneIds = findPaneIds(layout2);
   reactExports.useEffect(() => {
     async function init2() {
-      const list2 = await window.worker.listAgents();
-      setAgents(list2);
-      const status2 = await window.worker.getWorkerStatus();
-      setWsStatus(status2);
-      const initialCwd = await window.worker.getCwd().catch(() => window.worker.getHomePath());
-      setCwd(initialCwd);
-      cwdRef.current = initialCwd;
-      window.worker.getProjectName().then(setProjectName).catch(() => {
-      });
+      try {
+        const list2 = await window.worker.listAgents();
+        setAgents(list2);
+        const status2 = await window.worker.getWorkerStatus();
+        setWsStatus(status2);
+        const initialCwd = await window.worker.getCwd().catch(() => window.worker.getHomePath());
+        setCwd(initialCwd);
+        cwdRef.current = initialCwd;
+        window.worker.getProjectName().then(setProjectName).catch(() => {
+        });
+      } finally {
+        window.__dismissSplash?.();
+      }
     }
     init2();
   }, []);
@@ -213399,8 +213421,9 @@ function App() {
   const handleVoiceTranscript = reactExports.useCallback((text2) => {
     const trimmed = text2.trim();
     if (!trimmed) return;
-    window.worker.writePty(activeTabId, trimmed + "\r");
+    window.worker.writePty(activeTabId, trimmed);
     focusTerminal(activeTabId);
+    setTimeout(() => window.worker.writePty(activeTabId, "\r"), 80);
   }, [activeTabId]);
   const cwdRef = reactExports.useRef(null);
   const handleSpawn = reactExports.useCallback(async (tabId, agent) => {