@phenx-inc/ctlsurf 0.7.0 → 0.8.0

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

@@ -1,4 +1,4 @@
-const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["./cssMode-eTXVdAkZ.js","./lspLanguageFeatures-DqzMqkRk.js","./htmlMode-46N3XG2c.js","./jsonMode-DXDczSNu.js","./javascript-n_iZZzDX.js","./typescript-DhPw4VVg.js"])))=>i.map(i=>d[i]);
+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]);
 function getDefaultExportFromCjs(x) {
   return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, "default") ? x["default"] : x;
 }
@@ -19163,6 +19163,26 @@ const __vitePreload = function preload(baseModule, deps, importerUrl) {
 };
 const MODEL = "Xenova/whisper-base";
 const TARGET_SAMPLE_RATE = 16e3;
+const SILENCE_RMS = 8e-3;
+const LOW_CONFIDENCE_RMS = 0.02;
+const FILLER_PHRASES = /* @__PURE__ */ new Set([
+  "you",
+  "thank you",
+  "thank you very much",
+  "thank you for watching",
+  "thanks for watching",
+  "please subscribe"
+]);
+function computeRms(pcm) {
+  if (pcm.length === 0) return 0;
+  let sum2 = 0;
+  for (let i2 = 0; i2 < pcm.length; i2++) sum2 += pcm[i2] * pcm[i2];
+  return Math.sqrt(sum2 / pcm.length);
+}
+function isFillerOnly(text2) {
+  const norm = text2.toLowerCase().replace(/[.!?,…"']/g, "").replace(/\s+/g, " ").trim();
+  return FILLER_PHRASES.has(norm);
+}
 let transcriberPromise = null;
 async function loadTranscriber(onProgress) {
   if (!transcriberPromise) {
@@ -19213,25 +19233,42 @@ async function blobToPcm16k(blob) {
   return rendered.getChannelData(0);
 }
 async function transcribeBlob(blob, onProgress) {
-  const transcriber = await loadTranscriber(onProgress);
   const pcm = await blobToPcm16k(blob);
   if (!pcm) return "";
+  const rms = computeRms(pcm);
+  if (rms < SILENCE_RMS) {
+    console.info(`[voice] near-silent clip (rms=${rms.toFixed(4)}); skipping transcription`);
+    return "";
+  }
+  const transcriber = await loadTranscriber(onProgress);
   const result = await transcriber(pcm);
-  const text2 = Array.isArray(result) ? result.map((r) => r.text).join(" ") : result?.text;
-  return (text2 || "").trim();
+  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)})`);
+    return "";
+  }
+  return text2;
 }
 function getRecognitionCtor() {
   const w = window;
   return w.SpeechRecognition || w.webkitSpeechRecognition || null;
 }
-const ENGINE_KEY = "ctlsurf.voiceEngine";
+const ENGINE_KEY$1 = "ctlsurf.voiceEngine";
+const DEVICE_KEY = "ctlsurf.voiceDeviceId";
+function loadDeviceId() {
+  try {
+    return localStorage.getItem(DEVICE_KEY) || null;
+  } catch {
+    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) === "local" && LOCAL_SUPPORTED) return "local";
+    if (localStorage.getItem(ENGINE_KEY$1) === "local" && LOCAL_SUPPORTED) return "local";
   } catch {
   }
   return WEB_SPEECH_SUPPORTED ? "web-speech" : "local";
@@ -19246,12 +19283,20 @@ function describeMicError(err) {
   return "Could not start microphone";
 }
 function VoiceInput({ onTranscript, variant = "titlebar" }) {
-  const [engine, setEngine] = reactExports.useState(loadInitialEngine);
+  const [engine, setEngine2] = reactExports.useState(loadInitialEngine);
   const [phase, setPhase] = reactExports.useState("idle");
   const [interim, setInterim] = reactExports.useState("");
   const [modelPct, setModelPct] = reactExports.useState(null);
   const [error, setError] = reactExports.useState(null);
   const [notice, setNotice] = reactExports.useState(null);
+  const [devices, setDevices] = reactExports.useState([]);
+  const [selectedDeviceId, setSelectedDeviceId] = reactExports.useState(loadDeviceId);
+  const [showDevicePicker, setShowDevicePicker] = reactExports.useState(false);
+  const selectedDeviceIdRef = reactExports.useRef(selectedDeviceId);
+  reactExports.useEffect(() => {
+    selectedDeviceIdRef.current = selectedDeviceId;
+  }, [selectedDeviceId]);
+  const wrapRef = reactExports.useRef(null);
   const recognitionRef = reactExports.useRef(null);
   const finalRef = reactExports.useRef("");
   const streamRef = reactExports.useRef(null);
@@ -19278,16 +19323,89 @@ function VoiceInput({ onTranscript, variant = "titlebar" }) {
   }, [notice]);
   const switchToLocal = reactExports.useCallback((reason) => {
     try {
-      localStorage.setItem(ENGINE_KEY, "local");
+      localStorage.setItem(ENGINE_KEY$1, "local");
     } catch {
     }
-    setEngine("local");
+    setEngine2("local");
     setNotice(reason);
   }, []);
   const stopStream = reactExports.useCallback(() => {
     streamRef.current?.getTracks().forEach((t) => t.stop());
     streamRef.current = null;
   }, []);
+  const refreshDevices = reactExports.useCallback(async () => {
+    if (!navigator.mediaDevices?.enumerateDevices) return;
+    try {
+      const all = await navigator.mediaDevices.enumerateDevices();
+      setDevices(all.filter((d) => d.kind === "audioinput"));
+    } catch {
+    }
+  }, []);
+  const ensureDeviceLabels = reactExports.useCallback(async () => {
+    if (!navigator.mediaDevices?.enumerateDevices) return;
+    try {
+      const all = await navigator.mediaDevices.enumerateDevices();
+      const inputs = all.filter((d) => d.kind === "audioinput");
+      if (inputs.length && inputs.every((d) => !d.label)) {
+        const s = await navigator.mediaDevices.getUserMedia({ audio: true });
+        s.getTracks().forEach((t) => t.stop());
+      }
+    } catch {
+    }
+    await refreshDevices();
+  }, [refreshDevices]);
+  const toggleDevicePicker = reactExports.useCallback(() => {
+    setShowDevicePicker((open) => !open);
+  }, []);
+  reactExports.useEffect(() => {
+    if (showDevicePicker) void ensureDeviceLabels();
+  }, [showDevicePicker, ensureDeviceLabels]);
+  const chooseDevice = reactExports.useCallback((id) => {
+    setSelectedDeviceId(id);
+    try {
+      if (id) localStorage.setItem(DEVICE_KEY, id);
+      else localStorage.removeItem(DEVICE_KEY);
+    } catch {
+    }
+    setShowDevicePicker(false);
+  }, []);
+  const getStream = reactExports.useCallback(async () => {
+    const id = selectedDeviceIdRef.current;
+    try {
+      return await navigator.mediaDevices.getUserMedia({
+        audio: id ? { deviceId: { exact: id } } : true
+      });
+    } catch (err) {
+      if (id && err?.name === "OverconstrainedError") {
+        try {
+          localStorage.removeItem(DEVICE_KEY);
+        } catch {
+        }
+        setSelectedDeviceId(null);
+        setNotice("Saved microphone unavailable — using system default.");
+        return navigator.mediaDevices.getUserMedia({ audio: true });
+      }
+      throw err;
+    }
+  }, []);
+  reactExports.useEffect(() => {
+    const md = navigator.mediaDevices;
+    if (!md?.addEventListener) return;
+    const onChange = () => {
+      void refreshDevices();
+    };
+    md.addEventListener("devicechange", onChange);
+    void refreshDevices();
+    return () => md.removeEventListener("devicechange", onChange);
+  }, [refreshDevices]);
+  reactExports.useEffect(() => {
+    if (!showDevicePicker) return;
+    const onDocDown = (e) => {
+      if (!wrapRef.current?.contains(e.target)) setShowDevicePicker(false);
+    };
+    document.addEventListener("mousedown", onDocDown);
+    return () => document.removeEventListener("mousedown", onDocDown);
+  }, [showDevicePicker]);
   const startWebSpeech = reactExports.useCallback(() => {
     const Ctor = getRecognitionCtor();
     if (!Ctor || recognitionRef.current) return;
@@ -19361,6 +19479,7 @@ function VoiceInput({ onTranscript, variant = "titlebar" }) {
     try {
       const text2 = await transcribeBlob(blob, handleModelProgress);
       if (text2) onTranscriptRef.current(text2);
+      else setNotice("No speech detected — check the mic source (▾).");
     } catch (err) {
       setError("On-device transcription failed");
       console.error("[voice] local transcription failed", err);
@@ -19375,7 +19494,7 @@ function VoiceInput({ onTranscript, variant = "titlebar" }) {
     setInterim("");
     cancelGestureRef.current = false;
     try {
-      const stream = await navigator.mediaDevices.getUserMedia({ audio: true });
+      const stream = await getStream();
       if (cancelGestureRef.current) {
         stream.getTracks().forEach((t) => t.stop());
         setPhase("idle");
@@ -19399,7 +19518,7 @@ function VoiceInput({ onTranscript, variant = "titlebar" }) {
       setError(describeMicError(err));
       console.error("[voice] getUserMedia failed", err);
     }
-  }, [runLocalTranscription, stopStream]);
+  }, [runLocalTranscription, stopStream, getStream]);
   const stopLocal = reactExports.useCallback(() => {
     cancelGestureRef.current = true;
     const rec = recorderRef.current;
@@ -19443,7 +19562,14 @@ function VoiceInput({ onTranscript, variant = "titlebar" }) {
   else if (busy) chip = { kind: "busy", text: modelPct !== null ? `Downloading voice model… ${modelPct}%` : "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" : ""}`;
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "voice-input-wrap", children: [
+  const realDevices = devices.filter(
+    (d) => d.deviceId && d.deviceId !== "default" && d.deviceId !== "communications"
+  );
+  const rawDefault = devices.find((d) => d.deviceId === "default")?.label;
+  const defaultLabel = rawDefault ? `System default · ${rawDefault.replace(/^Default\s*-\s*/i, "")}` : "System default";
+  const activeLabel = selectedDeviceId ? realDevices.find((d) => d.deviceId === selectedDeviceId)?.label || "Selected microphone" : defaultLabel;
+  const showSourcePicker = floating && LOCAL_SUPPORTED;
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "voice-input-wrap", ref: wrapRef, children: [
     /* @__PURE__ */ jsxRuntimeExports.jsxs(
       "button",
       {
@@ -19462,6 +19588,52 @@ function VoiceInput({ onTranscript, variant = "titlebar" }) {
         ]
       }
     ),
+    showSourcePicker && /* @__PURE__ */ jsxRuntimeExports.jsx(
+      "button",
+      {
+        type: "button",
+        className: "voice-source-btn",
+        onPointerDown: (e) => e.stopPropagation(),
+        onClick: toggleDevicePicker,
+        title: `Mic source: ${activeLabel}`,
+        "aria-label": "Choose microphone source",
+        "aria-expanded": showDevicePicker,
+        children: "▾"
+      }
+    ),
+    showSourcePicker && showDevicePicker && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "voice-source-menu", role: "menu", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "voice-source-head", children: "Microphone source" }),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs(
+        "button",
+        {
+          type: "button",
+          role: "menuitemradio",
+          "aria-checked": selectedDeviceId === null,
+          className: `voice-source-item ${selectedDeviceId === null ? "active" : ""}`,
+          onClick: () => chooseDevice(null),
+          children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "voice-source-check", children: selectedDeviceId === null ? "✓" : "" }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "voice-source-label", children: defaultLabel })
+          ]
+        }
+      ),
+      realDevices.map((d, i2) => /* @__PURE__ */ jsxRuntimeExports.jsxs(
+        "button",
+        {
+          type: "button",
+          role: "menuitemradio",
+          "aria-checked": selectedDeviceId === d.deviceId,
+          className: `voice-source-item ${selectedDeviceId === d.deviceId ? "active" : ""}`,
+          onClick: () => chooseDevice(d.deviceId),
+          children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "voice-source-check", children: selectedDeviceId === d.deviceId ? "✓" : "" }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "voice-source-label", children: d.label || `Microphone ${i2 + 1}` })
+          ]
+        },
+        d.deviceId
+      )),
+      realDevices.length === 0 && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "voice-source-empty", children: "No microphones found" })
+    ] }),
     chip && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: `voice-chip ${chip.kind} ${floating ? "voice-chip-floating" : ""}`, children: chip.text })
   ] });
 }
@@ -19567,6 +19739,496 @@ function FloatingMic({ onTranscript, onHide }) {
     /* @__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";
+const MAX_SPEAK_CHARS = 1600;
+const MAX_CHUNK_CHARS = 280;
+function cleanForSpeech(input) {
+  let t = input;
+  t = t.replace(/```[^\n]*\n?([\s\S]*?)```/g, (_m, body) => {
+    const lines = body.replace(/\n+$/, "").split("\n").filter((l2) => l2.trim().length).length;
+    return lines > 0 ? ` (code block, ${lines} ${lines === 1 ? "line" : "lines"}) ` : " (code) ";
+  });
+  t = t.replace(/```/g, " (code) ");
+  t = t.replace(/`([^`]+)`/g, "$1");
+  t = t.replace(/\[([^\]]+)\]\([^)]+\)/g, "$1");
+  t = t.replace(/https?:\/\/\S+/g, "link");
+  t = t.replace(/(?:[\w.-]*\/){2,}([\w.-]+)/g, "$1");
+  t = t.replace(/[*_#>]+/g, " ");
+  t = t.replace(/^\s*[-•]\s+/gm, ", ");
+  t = t.replace(/<[^>]+>/g, " ");
+  t = t.replace(/\s+/g, " ").trim();
+  if (t.length > MAX_SPEAK_CHARS) {
+    t = t.slice(0, MAX_SPEAK_CHARS).replace(/\s+\S*$/, "") + "…";
+  }
+  return t;
+}
+function splitIntoChunks(text2) {
+  if (text2.length <= MAX_CHUNK_CHARS) return text2 ? [text2] : [];
+  const sentences = text2.match(/[^.!?]+[.!?]+|\S[^.!?]*$/g) || [text2];
+  const chunks = [];
+  let buf = "";
+  for (const s of sentences) {
+    if ((buf + s).length > MAX_CHUNK_CHARS && buf) {
+      chunks.push(buf.trim());
+      buf = "";
+    }
+    if (s.length > MAX_CHUNK_CHARS) {
+      for (let i2 = 0; i2 < s.length; i2 += MAX_CHUNK_CHARS) chunks.push(s.slice(i2, i2 + MAX_CHUNK_CHARS).trim());
+    } else {
+      buf += s;
+    }
+  }
+  if (buf.trim()) chunks.push(buf.trim());
+  return chunks;
+}
+function getEngine() {
+  try {
+    return localStorage.getItem(ENGINE_KEY) === "neural" ? "neural" : "web";
+  } catch {
+    return "web";
+  }
+}
+function setEngine(id) {
+  try {
+    localStorage.setItem(ENGINE_KEY, id);
+  } catch {
+  }
+}
+function getVoiceURI() {
+  try {
+    return localStorage.getItem(VOICE_KEY) || null;
+  } catch {
+    return null;
+  }
+}
+function setVoiceURI(uri) {
+  try {
+    uri ? localStorage.setItem(VOICE_KEY, uri) : localStorage.removeItem(VOICE_KEY);
+  } catch {
+  }
+}
+function getRate() {
+  try {
+    const n2 = Number(localStorage.getItem(RATE_KEY));
+    return Number.isFinite(n2) && n2 >= 0.5 && n2 <= 2 ? n2 : 1;
+  } catch {
+    return 1;
+  }
+}
+function setRate(rate) {
+  try {
+    localStorage.setItem(RATE_KEY, String(rate));
+  } catch {
+  }
+}
+function listWebVoices() {
+  if (typeof speechSynthesis === "undefined") return [];
+  return speechSynthesis.getVoices();
+}
+const NEURAL_MODEL = "Xenova/mms-tts-eng";
+let synthPromise = null;
+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");
+        return { pipeline: pipeline2, env: env3 };
+      }, true ? [] : void 0, import.meta.url);
+      env2.allowLocalModels = false;
+      const common = { progress_callback: onProgress };
+      const hasWebGpu = typeof navigator !== "undefined" && "gpu" in navigator;
+      if (hasWebGpu) {
+        try {
+          const s2 = await pipeline("text-to-speech", NEURAL_MODEL, { ...common, device: "webgpu" });
+          console.info("[tts] neural backend: webgpu");
+          return s2;
+        } catch (err) {
+          console.warn("[tts] WebGPU backend failed, falling back to WASM", err);
+        }
+      }
+      const s = await pipeline("text-to-speech", NEURAL_MODEL, common);
+      console.info("[tts] neural backend: wasm");
+      return s;
+    })();
+    synthPromise.catch(() => {
+      synthPromise = null;
+    });
+  }
+  return synthPromise;
+}
+class SpeechController {
+  queue = [];
+  draining = false;
+  audioCtx = null;
+  currentSource = null;
+  generation = 0;
+  // bumped by stop() to abort in-flight work
+  active = false;
+  onModelProgress = null;
+  // Fires true while a reply is being spoken/queued, false when idle — drives
+  // the visible Stop button.
+  onActivityChange = null;
+  onError = null;
+  // 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() {
+    try {
+      const ctx = this.ensureCtx();
+      if (ctx.state === "suspended") void ctx.resume();
+    } catch {
+    }
+  }
+  // Start loading the neural model in the background (e.g. when the user picks
+  // the neural engine) so the first utterance doesn't pay download/compile time.
+  warmup() {
+    if (getEngine() !== "neural") return;
+    void loadSynthesizer((p) => this.onModelProgress?.(p)).then(() => this.onModelProgress?.(null)).catch(() => {
+      this.onModelProgress?.(null);
+    });
+  }
+  enqueue(rawText) {
+    const text2 = cleanForSpeech(rawText);
+    if (!text2) return;
+    this.queue.push(...splitIntoChunks(text2));
+    void this.drain();
+  }
+  stop() {
+    this.generation++;
+    this.queue = [];
+    this.draining = false;
+    if (typeof speechSynthesis !== "undefined") {
+      try {
+        speechSynthesis.cancel();
+      } catch {
+      }
+    }
+    if (this.currentSource) {
+      try {
+        this.currentSource.stop();
+      } catch {
+      }
+      this.currentSource = null;
+    }
+    this.onModelProgress?.(null);
+    this.setActive(false);
+  }
+  ensureCtx() {
+    if (!this.audioCtx) {
+      const Ctx = window.AudioContext || window.webkitAudioContext;
+      this.audioCtx = new Ctx();
+    }
+    return this.audioCtx;
+  }
+  setActive(a) {
+    if (this.active === a) return;
+    this.active = a;
+    this.onActivityChange?.(a);
+  }
+  async drain() {
+    if (this.draining) return;
+    this.draining = true;
+    const gen = this.generation;
+    this.setActive(true);
+    while (this.queue.length && gen === this.generation) {
+      const chunk = this.queue.shift();
+      try {
+        if (getEngine() === "neural") await this.speakNeural(chunk, gen);
+        else await this.speakWeb(chunk, gen);
+      } catch (err) {
+        console.error("[tts] speak failed", err);
+        this.onModelProgress?.(null);
+        const detail = err instanceof Error ? err.message : String(err);
+        this.onError?.(getEngine() === "neural" ? `Neural voice failed: ${detail}` : "Speech failed");
+      }
+    }
+    if (gen === this.generation) {
+      this.draining = false;
+      this.setActive(false);
+    }
+  }
+  speakWeb(text2, gen) {
+    return new Promise((resolve2) => {
+      if (typeof speechSynthesis === "undefined" || gen !== this.generation) return resolve2();
+      const u = new SpeechSynthesisUtterance(text2);
+      u.rate = getRate();
+      const wantUri = getVoiceURI();
+      if (wantUri) {
+        const v2 = speechSynthesis.getVoices().find((vv) => vv.voiceURI === wantUri);
+        if (v2) u.voice = v2;
+      }
+      u.onend = () => resolve2();
+      u.onerror = () => resolve2();
+      speechSynthesis.speak(u);
+    });
+  }
+  async speakNeural(text2, gen) {
+    console.info("[tts] neural: loading model…");
+    this.onModelProgress?.({ status: "loading" });
+    const synth = await loadSynthesizer((p) => this.onModelProgress?.(p));
+    if (gen !== this.generation) return;
+    console.info("[tts] neural: synthesizing", JSON.stringify(text2.slice(0, 60)));
+    const out = await synth(text2);
+    const raw = Array.isArray(out) ? out[0] : out;
+    this.onModelProgress?.(null);
+    if (gen !== this.generation) return;
+    if (!raw?.audio?.length) throw new Error("neural synth returned no audio");
+    console.info(`[tts] neural: playing ${raw.audio.length} samples @ ${raw.sampling_rate}Hz`);
+    await this.playPcm(raw.audio, raw.sampling_rate, gen);
+  }
+  async playPcm(pcm, sampleRate, gen) {
+    if (gen !== this.generation) return;
+    const ctx = this.ensureCtx();
+    if (ctx.state === "suspended") {
+      try {
+        await ctx.resume();
+      } catch {
+      }
+    }
+    if (gen !== this.generation) return;
+    return new Promise((resolve2) => {
+      const buffer = ctx.createBuffer(1, pcm.length, sampleRate);
+      buffer.getChannelData(0).set(pcm);
+      const source = ctx.createBufferSource();
+      source.buffer = buffer;
+      source.connect(ctx.destination);
+      source.onended = () => {
+        if (this.currentSource === source) this.currentSource = null;
+        resolve2();
+      };
+      this.currentSource = source;
+      source.start();
+    });
+  }
+}
+const speech = new SpeechController();
+const SAMPLE = "This is how spoken agent replies will sound.";
+function SpeakControls() {
+  const [enabled, setEnabled] = reactExports.useState(false);
+  const [engine, setEngineState] = reactExports.useState(getEngine);
+  const [voices, setVoices] = reactExports.useState([]);
+  const [voiceURI, setVoiceURIState] = reactExports.useState(getVoiceURI);
+  const [rate, setRateState] = reactExports.useState(getRate);
+  const [showMenu, setShowMenu] = reactExports.useState(false);
+  const [modelPct, setModelPct] = reactExports.useState(null);
+  const [speaking, setSpeaking] = reactExports.useState(false);
+  const [error, setError] = reactExports.useState(null);
+  const wrapRef = reactExports.useRef(null);
+  reactExports.useEffect(() => {
+    let alive = true;
+    window.worker.getSpeakReplies().then((r) => {
+      if (alive) setEnabled(!!r.enabled);
+    }).catch(() => {
+    });
+    return () => {
+      alive = false;
+    };
+  }, []);
+  reactExports.useEffect(() => {
+    const off = window.worker.onAgentMessage((text2) => speech.enqueue(text2));
+    return off;
+  }, []);
+  reactExports.useEffect(() => {
+    speech.onModelProgress = (p) => {
+      if (p && p.status === "progress" && typeof p.progress === "number") {
+        setModelPct(Math.min(100, Math.round(p.progress)));
+      } else if (!p) {
+        setModelPct(null);
+      }
+    };
+    speech.onActivityChange = (a) => setSpeaking(a);
+    speech.onError = (msg) => setError(msg);
+    return () => {
+      speech.onModelProgress = null;
+      speech.onActivityChange = null;
+      speech.onError = null;
+    };
+  }, []);
+  reactExports.useEffect(() => {
+    if (!error) return;
+    const t = setTimeout(() => setError(null), 4e3);
+    return () => clearTimeout(t);
+  }, [error]);
+  reactExports.useEffect(() => {
+    const load = () => setVoices(listWebVoices());
+    load();
+    if (typeof speechSynthesis !== "undefined") {
+      speechSynthesis.addEventListener("voiceschanged", load);
+      return () => speechSynthesis.removeEventListener("voiceschanged", load);
+    }
+  }, []);
+  reactExports.useEffect(() => {
+    if (!showMenu) return;
+    const onDown = (e) => {
+      if (!wrapRef.current?.contains(e.target)) setShowMenu(false);
+    };
+    document.addEventListener("mousedown", onDown);
+    return () => document.removeEventListener("mousedown", onDown);
+  }, [showMenu]);
+  const toggle = reactExports.useCallback(async () => {
+    const next = !enabled;
+    setEnabled(next);
+    if (next) speech.unlock();
+    else speech.stop();
+    try {
+      await window.worker.setSpeakReplies(next);
+    } catch {
+    }
+  }, [enabled]);
+  const chooseEngine = reactExports.useCallback((id) => {
+    setEngine(id);
+    setEngineState(id);
+    speech.stop();
+    if (id === "neural") speech.warmup();
+  }, []);
+  const chooseVoice = reactExports.useCallback((uri) => {
+    const v2 = uri || null;
+    setVoiceURI(v2);
+    setVoiceURIState(v2);
+  }, []);
+  const changeRate = reactExports.useCallback((r) => {
+    setRate(r);
+    setRateState(r);
+  }, []);
+  const testVoice = reactExports.useCallback(() => {
+    speech.unlock();
+    speech.stop();
+    speech.enqueue(SAMPLE);
+  }, []);
+  const title = enabled ? "Spoken replies on — click to mute" : "Speak agent replies (off)";
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "speak-controls", ref: wrapRef, children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsxs(
+      "button",
+      {
+        type: "button",
+        className: `titlebar-btn titlebar-icon-btn speak-btn ${enabled ? "active" : ""}`,
+        onClick: toggle,
+        title,
+        "aria-label": "Toggle spoken agent replies",
+        "aria-pressed": enabled,
+        children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsxs(
+            "svg",
+            {
+              viewBox: "0 0 24 24",
+              width: "13",
+              height: "13",
+              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" }),
+                enabled ? /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+                  /* @__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" })
+                ] }) : /* @__PURE__ */ jsxRuntimeExports.jsx("line", { x1: "23", y1: "9", x2: "17", y2: "15" })
+              ]
+            }
+          ),
+          modelPct !== null && /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "speak-pct", children: [
+            modelPct,
+            "%"
+          ] })
+        ]
+      }
+    ),
+    speaking && /* @__PURE__ */ jsxRuntimeExports.jsx(
+      "button",
+      {
+        type: "button",
+        className: "titlebar-btn titlebar-icon-btn speak-stop",
+        onClick: () => speech.stop(),
+        title: "Stop speaking",
+        "aria-label": "Stop speaking",
+        children: /* @__PURE__ */ jsxRuntimeExports.jsx("svg", { viewBox: "0 0 24 24", width: "11", height: "11", fill: "currentColor", "aria-hidden": "true", children: /* @__PURE__ */ jsxRuntimeExports.jsx("rect", { x: "5", y: "5", width: "14", height: "14", rx: "2" }) })
+      }
+    ),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(
+      "button",
+      {
+        type: "button",
+        className: "titlebar-btn speak-caret",
+        onClick: () => setShowMenu((v2) => !v2),
+        title: "Voice options",
+        "aria-label": "Voice options",
+        "aria-expanded": showMenu,
+        children: "▾"
+      }
+    ),
+    showMenu && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "speak-menu", role: "menu", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "speak-menu-head", children: "Engine" }),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs(
+        "button",
+        {
+          type: "button",
+          className: `speak-menu-item ${engine === "web" ? "active" : ""}`,
+          onClick: () => chooseEngine("web"),
+          children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "speak-menu-check", children: engine === "web" ? "✓" : "" }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: "System voice (instant)" })
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs(
+        "button",
+        {
+          type: "button",
+          className: `speak-menu-item ${engine === "neural" ? "active" : ""}`,
+          onClick: () => chooseEngine("neural"),
+          children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "speak-menu-check", children: engine === "neural" ? "✓" : "" }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: "Neural voice (downloads)" })
+          ]
+        }
+      ),
+      engine === "web" && /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "speak-menu-head", children: "Voice" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsxs(
+          "select",
+          {
+            className: "speak-select",
+            value: voiceURI || "",
+            onChange: (e) => chooseVoice(e.target.value),
+            children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsx("option", { value: "", children: "System default" }),
+              voices.map((v2) => /* @__PURE__ */ jsxRuntimeExports.jsxs("option", { value: v2.voiceURI, children: [
+                v2.name,
+                " ",
+                v2.lang ? `(${v2.lang})` : ""
+              ] }, v2.voiceURI))
+            ]
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "speak-menu-head", children: [
+        "Rate · ",
+        rate.toFixed(1),
+        "×"
+      ] }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(
+        "input",
+        {
+          className: "speak-rate",
+          type: "range",
+          min: 0.5,
+          max: 2,
+          step: 0.1,
+          value: rate,
+          onChange: (e) => changeRate(Number(e.target.value))
+        }
+      ),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "speak-menu-row", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx("button", { type: "button", className: "speak-menu-btn", onClick: testVoice, children: "Test" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("button", { type: "button", className: "speak-menu-btn", onClick: () => speech.stop(), children: "Stop" })
+      ] })
+    ] }),
+    error && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "speak-error", children: error })
+  ] });
+}
 function CtlsurfPanel({ navigate }) {
   const webviewRef = reactExports.useRef(null);
   const [url, setUrl] = reactExports.useState(null);
@@ -207161,7 +207823,7 @@ const lessDefaults = new LanguageServiceDefaultsImpl$3(
   modeConfigurationDefault$2
 );
 function getMode$3() {
-  return __vitePreload(() => import("./cssMode-eTXVdAkZ.js"), true ? __vite__mapDeps([0,1]) : void 0, import.meta.url);
+  return __vitePreload(() => import("./cssMode-BQN8v2ok.js"), true ? __vite__mapDeps([0,1]) : void 0, import.meta.url);
 }
 languages.onLanguage("less", () => {
   getMode$3().then((mode2) => mode2.setupMode(lessDefaults));
@@ -207266,7 +207928,7 @@ const razorLanguageService = registerHTMLLanguageService(
 );
 const razorDefaults = razorLanguageService.defaults;
 function getMode$2() {
-  return __vitePreload(() => import("./htmlMode-46N3XG2c.js"), true ? __vite__mapDeps([2,1]) : void 0, import.meta.url);
+  return __vitePreload(() => import("./htmlMode-M3MApZ4n.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);
@@ -207350,7 +208012,7 @@ const jsonDefaults = new LanguageServiceDefaultsImpl$1(
 );
 const getWorker$1 = () => getMode$1().then((mode2) => mode2.getWorker());
 function getMode$1() {
-  return __vitePreload(() => import("./jsonMode-DXDczSNu.js"), true ? __vite__mapDeps([3,1]) : void 0, import.meta.url);
+  return __vitePreload(() => import("./jsonMode-CKp2zvZu.js"), true ? __vite__mapDeps([3,1]) : void 0, import.meta.url);
 }
 languages.register({
   id: "json",
@@ -207596,7 +208258,7 @@ const getJavaScriptWorker = () => {
   return getMode().then((mode) => mode.getJavaScriptWorker());
 };
 function getMode() {
-  return __vitePreload(() => import("./tsMode-C7m6Kr5E.js"), true ? [] : void 0, import.meta.url);
+  return __vitePreload(() => import("./tsMode-yAjlPR-D.js"), true ? [] : void 0, import.meta.url);
 }
 languages.onLanguage("typescript", () => {
   return getMode().then((mode) => mode.setupTypeScript(typescriptDefaults));
@@ -207791,49 +208453,49 @@ registerLanguage({
   extensions: [".ftl", ".ftlh", ".ftlx"],
   aliases: ["FreeMarker2", "Apache FreeMarker2"],
   loader: () => {
-    return __vitePreload(() => import("./freemarker2-B5BKaiK4.js"), true ? [] : void 0, import.meta.url).then((m) => m.TagAutoInterpolationDollar);
+    return __vitePreload(() => import("./freemarker2-DbxGYYVp.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-B5BKaiK4.js"), true ? [] : void 0, import.meta.url).then((m) => m.TagAngleInterpolationDollar);
+    return __vitePreload(() => import("./freemarker2-DbxGYYVp.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-B5BKaiK4.js"), true ? [] : void 0, import.meta.url).then((m) => m.TagBracketInterpolationDollar);
+    return __vitePreload(() => import("./freemarker2-DbxGYYVp.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-B5BKaiK4.js"), true ? [] : void 0, import.meta.url).then((m) => m.TagAngleInterpolationBracket);
+    return __vitePreload(() => import("./freemarker2-DbxGYYVp.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-B5BKaiK4.js"), true ? [] : void 0, import.meta.url).then((m) => m.TagBracketInterpolationBracket);
+    return __vitePreload(() => import("./freemarker2-DbxGYYVp.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-B5BKaiK4.js"), true ? [] : void 0, import.meta.url).then((m) => m.TagAutoInterpolationDollar);
+    return __vitePreload(() => import("./freemarker2-DbxGYYVp.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-B5BKaiK4.js"), true ? [] : void 0, import.meta.url).then((m) => m.TagAutoInterpolationBracket);
+    return __vitePreload(() => import("./freemarker2-DbxGYYVp.js"), true ? [] : void 0, import.meta.url).then((m) => m.TagAutoInterpolationBracket);
   }
 });
 registerLanguage({
@@ -207854,7 +208516,7 @@ registerLanguage({
   extensions: [".handlebars", ".hbs"],
   aliases: ["Handlebars", "handlebars", "hbs"],
   mimetypes: ["text/x-handlebars-template"],
-  loader: () => __vitePreload(() => import("./handlebars-BIdLd2wU.js"), true ? [] : void 0, import.meta.url)
+  loader: () => __vitePreload(() => import("./handlebars-3auU1CAd.js"), true ? [] : void 0, import.meta.url)
 });
 registerLanguage({
   id: "hcl",
@@ -207867,7 +208529,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-BXL4cnLS.js"), true ? [] : void 0, import.meta.url)
+  loader: () => __vitePreload(() => import("./html-D8xFiRmI.js"), true ? [] : void 0, import.meta.url)
 });
 registerLanguage({
   id: "ini",
@@ -207890,7 +208552,7 @@ registerLanguage({
   filenames: ["jakefile"],
   aliases: ["JavaScript", "javascript", "js"],
   mimetypes: ["text/javascript"],
-  loader: () => __vitePreload(() => import("./javascript-n_iZZzDX.js"), true ? __vite__mapDeps([4,5]) : void 0, import.meta.url)
+  loader: () => __vitePreload(() => import("./javascript-BO_ViZM5.js"), true ? __vite__mapDeps([4,5]) : void 0, import.meta.url)
 });
 registerLanguage({
   id: "julia",
@@ -207929,7 +208591,7 @@ registerLanguage({
   extensions: [".liquid", ".html.liquid"],
   aliases: ["Liquid", "liquid"],
   mimetypes: ["application/liquid"],
-  loader: () => __vitePreload(() => import("./liquid-B1QweUh7.js"), true ? [] : void 0, import.meta.url)
+  loader: () => __vitePreload(() => import("./liquid-C1eHcrht.js"), true ? [] : void 0, import.meta.url)
 });
 registerLanguage({
   id: "m3",
@@ -207947,7 +208609,7 @@ registerLanguage({
   id: "mdx",
   extensions: [".mdx"],
   aliases: ["MDX", "mdx"],
-  loader: () => __vitePreload(() => import("./mdx-BCv8lm5e.js"), true ? [] : void 0, import.meta.url)
+  loader: () => __vitePreload(() => import("./mdx-Qqdtk7fL.js"), true ? [] : void 0, import.meta.url)
 });
 registerLanguage({
   id: "mips",
@@ -208046,7 +208708,7 @@ registerLanguage({
   extensions: [".py", ".rpy", ".pyw", ".cpy", ".gyp", ".gypi"],
   aliases: ["Python", "py"],
   firstLine: "^#!/.*\\bpython[0-9.-]*\\b",
-  loader: () => __vitePreload(() => import("./python-BLNzYwDv.js"), true ? [] : void 0, import.meta.url)
+  loader: () => __vitePreload(() => import("./python-DKu7rNbs.js"), true ? [] : void 0, import.meta.url)
 });
 registerLanguage({
   id: "qsharp",
@@ -208065,7 +208727,7 @@ registerLanguage({
   extensions: [".cshtml"],
   aliases: ["Razor", "razor"],
   mimetypes: ["text/x-cshtml"],
-  loader: () => __vitePreload(() => import("./razor-CvAww8bG.js"), true ? [] : void 0, import.meta.url)
+  loader: () => __vitePreload(() => import("./razor-BOMpCo6z.js"), true ? [] : void 0, import.meta.url)
 });
 registerLanguage({
   id: "redis",
@@ -208198,7 +208860,7 @@ registerLanguage({
   aliases: ["TypeScript", "ts", "typescript"],
   mimetypes: ["text/typescript"],
   loader: () => {
-    return __vitePreload(() => import("./typescript-DhPw4VVg.js"), true ? [] : void 0, import.meta.url);
+    return __vitePreload(() => import("./typescript-BiJRCUcL.js"), true ? [] : void 0, import.meta.url);
   }
 });
 registerLanguage({
@@ -208243,14 +208905,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-B0WLFJ2U.js"), true ? [] : void 0, import.meta.url)
+  loader: () => __vitePreload(() => import("./xml-D4PvYeQq.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-BWyn9Wd7.js"), true ? [] : void 0, import.meta.url)
+  loader: () => __vitePreload(() => import("./yaml-BeHVkmnS.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;
@@ -213030,6 +213692,7 @@ function App() {
             )
           }
         ),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(SpeakControls, {}),
         /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "titlebar-separator" }),
         agents.map((a) => {
           const activeTab = tabs.find((t) => t.id === activeTabId);