@corti/dictation-web 0.5.0-rc.5 → 0.5.0

package/README.md

@@ -163,7 +163,7 @@ For more control, use individual components to build a custom UI:
 
 The component supports both push-to-talk and toggle-to-talk keybindings simultaneously. You can configure separate keybindings for each behavior:
 
-**Toggle-to-Talk Keybinding (default: `` ` ``):**
+**Toggle-to-Talk Keybinding (default: `Enter`):**
 - Pressing the key toggles recording on/off
 - Works like clicking the button
 
@@ -175,7 +175,7 @@ The component supports both push-to-talk and toggle-to-talk keybindings simultan
 You can use either key names (from `event.key`) or key codes (from `event.code`):
 
 ```html
-<!-- Configure toggle-to-talk keybinding (default: backtick) -->
+<!-- Configure toggle-to-talk keybinding (default: Enter) -->
 <corti-dictation toggleToTalkKeybinding="`"></corti-dictation>
 
 <!-- Configure push-to-talk keybinding (default: Space) -->

package/dist/bundle.js

@@ -1211,7 +1211,7 @@ function getLanguageName(languageCode) {
   }
 }
 function getLanguagesByRegion(region) {
-  const languages = DEFAULT_LANGUAGES_BY_REGION[region || "default"] || DEFAULT_LANGUAGES_BY_REGION["default"];
+  const languages = DEFAULT_LANGUAGES_BY_REGION[region || "default"] || DEFAULT_LANGUAGES_BY_REGION.default;
   const defaultLanguage = languages?.[0];
   return { defaultLanguage, languages };
 }
@@ -1347,14 +1347,14 @@ function decodeToken(token) {
   const base64 = base64Url.replace(/-/g, "+").replace(/_/g, "/");
   let jsonPayload;
   try {
-    jsonPayload = decodeURIComponent(atob(base64).split("").map((c6) => "%" + ("00" + c6.charCodeAt(0).toString(16)).slice(-2)).join(""));
-  } catch (error) {
+    jsonPayload = decodeURIComponent(atob(base64).split("").map((c6) => `%${`00${c6.charCodeAt(0).toString(16)}`.slice(-2)}`).join(""));
+  } catch (_error) {
     throw new Error("Failed to decode token payload");
   }
   let tokenDetails;
   try {
     tokenDetails = JSON.parse(jsonPayload);
-  } catch (error) {
+  } catch (_error) {
     throw new Error("Invalid JSON payload in token");
   }
   const issuerUrl = tokenDetails.iss;
@@ -11282,7 +11282,11 @@ var _DictationController_callbacks;
 var _DictationController_lastDictationConfig;
 var _DictationController_lastSocketUrl;
 var _DictationController_lastSocketProxy;
+var _DictationController_messageBuffer;
+var _DictationController_connectionPromise;
 var _DictationController_configHasChanged;
+var _DictationController_establishConnection;
+var _DictationController_flushMessageBuffer;
 var _DictationController_connectProxy;
 var _DictationController_connectAuth;
 var _DictationController_setupWebSocketHandlers;
@@ -11296,7 +11300,18 @@ var DictationController = class {
     _DictationController_lastDictationConfig.set(this, null);
     _DictationController_lastSocketUrl.set(this, void 0);
     _DictationController_lastSocketProxy.set(this, void 0);
+    _DictationController_messageBuffer.set(this, []);
+    _DictationController_connectionPromise.set(this, null);
     this.mediaRecorderHandler = (data) => {
+      if (__classPrivateFieldGet4(this, _DictationController_connectionPromise, "f")) {
+        console.log("[DictationController] Buffering audio chunk (connection pending):", data.size);
+        __classPrivateFieldGet4(this, _DictationController_messageBuffer, "f").push({ data, type: "audio" });
+        return;
+      }
+      console.log("[DictationController] Sending audio chunk directly:", {
+        size: data.size,
+        socketState: __classPrivateFieldGet4(this, _DictationController_webSocket, "f")?.readyState
+      });
       __classPrivateFieldGet4(this, _DictationController_webSocket, "f")?.sendAudio(data);
       __classPrivateFieldGet4(this, _DictationController_callbacks, "f")?.onNetworkActivity?.("sent", {
         size: data.size,
@@ -11316,7 +11331,8 @@ var DictationController = class {
       if (__classPrivateFieldGet4(this, _DictationController_webSocket, "f")?.readyState === WebSocket.OPEN) {
         throw new Error("Already connected. Disconnect before reconnecting.");
       }
-      __classPrivateFieldSet3(this, _DictationController_webSocket, this.host._socketUrl || this.host._socketProxy ? await __classPrivateFieldGet4(this, _DictationController_instances, "m", _DictationController_connectProxy).call(this, dictationConfig) : await __classPrivateFieldGet4(this, _DictationController_instances, "m", _DictationController_connectAuth).call(this, dictationConfig), "f");
+      __classPrivateFieldSet3(this, _DictationController_connectionPromise, __classPrivateFieldGet4(this, _DictationController_instances, "m", _DictationController_establishConnection).call(this, dictationConfig), "f");
+      await __classPrivateFieldGet4(this, _DictationController_connectionPromise, "f");
       __classPrivateFieldGet4(this, _DictationController_callbacks, "f")?.onNetworkActivity?.("sent", {
         configuration: dictationConfig,
         type: "config"
@@ -11330,6 +11346,18 @@ var DictationController = class {
     return newConnection;
   }
   async pause() {
+    console.log("[DictationController] pause() called", {
+      connectionPending: !!__classPrivateFieldGet4(this, _DictationController_connectionPromise, "f"),
+      socketState: __classPrivateFieldGet4(this, _DictationController_webSocket, "f")?.readyState
+    });
+    if (__classPrivateFieldGet4(this, _DictationController_connectionPromise, "f")) {
+      console.log("[DictationController] Buffering flush (connection pending)");
+      __classPrivateFieldGet4(this, _DictationController_messageBuffer, "f").push({ data: { type: "flush" }, type: "flush" });
+      return;
+    }
+    console.log("[DictationController] Sending flush", {
+      socketState: __classPrivateFieldGet4(this, _DictationController_webSocket, "f")?.readyState
+    });
     __classPrivateFieldGet4(this, _DictationController_webSocket, "f")?.sendFlush({ type: "flush" });
     __classPrivateFieldGet4(this, _DictationController_callbacks, "f")?.onNetworkActivity?.("sent", { type: "flush" });
   }
@@ -11391,10 +11419,60 @@ var DictationController = class {
     __classPrivateFieldSet3(this, _DictationController_lastDictationConfig, null, "f");
     __classPrivateFieldSet3(this, _DictationController_lastSocketUrl, void 0, "f");
     __classPrivateFieldSet3(this, _DictationController_lastSocketProxy, void 0, "f");
+    __classPrivateFieldSet3(this, _DictationController_messageBuffer, [], "f");
+    __classPrivateFieldSet3(this, _DictationController_connectionPromise, null, "f");
   }
 };
-_DictationController_cortiClient = /* @__PURE__ */ new WeakMap(), _DictationController_webSocket = /* @__PURE__ */ new WeakMap(), _DictationController_closeTimeout = /* @__PURE__ */ new WeakMap(), _DictationController_callbacks = /* @__PURE__ */ new WeakMap(), _DictationController_lastDictationConfig = /* @__PURE__ */ new WeakMap(), _DictationController_lastSocketUrl = /* @__PURE__ */ new WeakMap(), _DictationController_lastSocketProxy = /* @__PURE__ */ new WeakMap(), _DictationController_instances = /* @__PURE__ */ new WeakSet(), _DictationController_configHasChanged = function _DictationController_configHasChanged2() {
+_DictationController_cortiClient = /* @__PURE__ */ new WeakMap(), _DictationController_webSocket = /* @__PURE__ */ new WeakMap(), _DictationController_closeTimeout = /* @__PURE__ */ new WeakMap(), _DictationController_callbacks = /* @__PURE__ */ new WeakMap(), _DictationController_lastDictationConfig = /* @__PURE__ */ new WeakMap(), _DictationController_lastSocketUrl = /* @__PURE__ */ new WeakMap(), _DictationController_lastSocketProxy = /* @__PURE__ */ new WeakMap(), _DictationController_messageBuffer = /* @__PURE__ */ new WeakMap(), _DictationController_connectionPromise = /* @__PURE__ */ new WeakMap(), _DictationController_instances = /* @__PURE__ */ new WeakSet(), _DictationController_configHasChanged = function _DictationController_configHasChanged2() {
   return JSON.stringify(this.host._dictationConfig) !== JSON.stringify(__classPrivateFieldGet4(this, _DictationController_lastDictationConfig, "f")) || this.host._socketUrl !== __classPrivateFieldGet4(this, _DictationController_lastSocketUrl, "f") || JSON.stringify(this.host._socketProxy) !== JSON.stringify(__classPrivateFieldGet4(this, _DictationController_lastSocketProxy, "f"));
+}, _DictationController_establishConnection = async function _DictationController_establishConnection2(dictationConfig) {
+  try {
+    console.log("[DictationController] Delay complete, connecting to WebSocket...");
+    __classPrivateFieldSet3(this, _DictationController_webSocket, this.host._socketUrl || this.host._socketProxy ? await __classPrivateFieldGet4(this, _DictationController_instances, "m", _DictationController_connectProxy).call(this, dictationConfig) : await __classPrivateFieldGet4(this, _DictationController_instances, "m", _DictationController_connectAuth).call(this, dictationConfig), "f");
+    console.log("[DictationController] Starting connection establishment (10s delay)...");
+    await new Promise((resolve) => setTimeout(resolve, 1e4));
+    console.log("[DictationController] WebSocket connected, flushing message buffer...", {
+      bufferedMessages: __classPrivateFieldGet4(this, _DictationController_messageBuffer, "f").length,
+      socketState: __classPrivateFieldGet4(this, _DictationController_webSocket, "f")?.readyState
+    });
+    __classPrivateFieldGet4(this, _DictationController_instances, "m", _DictationController_flushMessageBuffer).call(this);
+  } catch (error) {
+    console.error("[DictationController] Connection establishment failed:", error);
+    __classPrivateFieldSet3(this, _DictationController_messageBuffer, [], "f");
+    throw error;
+  } finally {
+    console.log("[DictationController] Connection promise cleared");
+    __classPrivateFieldSet3(this, _DictationController_connectionPromise, null, "f");
+  }
+}, _DictationController_flushMessageBuffer = function _DictationController_flushMessageBuffer2() {
+  console.log("[DictationController] Flushing buffer:", {
+    messages: __classPrivateFieldGet4(this, _DictationController_messageBuffer, "f").length,
+    socketState: __classPrivateFieldGet4(this, _DictationController_webSocket, "f")?.readyState
+  });
+  for (const message of __classPrivateFieldGet4(this, _DictationController_messageBuffer, "f")) {
+    switch (message.type) {
+      case "audio":
+        console.log("[DictationController] Sending buffered audio chunk:", message.data.size);
+        __classPrivateFieldGet4(this, _DictationController_webSocket, "f")?.sendAudio(message.data);
+        __classPrivateFieldGet4(this, _DictationController_callbacks, "f")?.onNetworkActivity?.("sent", {
+          size: message.data.size,
+          type: "audio"
+        });
+        break;
+      case "flush":
+        console.log("[DictationController] Sending buffered flush");
+        __classPrivateFieldGet4(this, _DictationController_webSocket, "f")?.sendFlush(message.data);
+        __classPrivateFieldGet4(this, _DictationController_callbacks, "f")?.onNetworkActivity?.("sent", message.data);
+        break;
+      case "end":
+        console.log("[DictationController] Sending buffered end");
+        __classPrivateFieldGet4(this, _DictationController_webSocket, "f")?.sendEnd(message.data);
+        __classPrivateFieldGet4(this, _DictationController_callbacks, "f")?.onNetworkActivity?.("sent", message.data);
+        break;
+    }
+  }
+  console.log("[DictationController] Buffer cleared");
+  __classPrivateFieldSet3(this, _DictationController_messageBuffer, [], "f");
 }, _DictationController_connectProxy = async function _DictationController_connectProxy2(dictationConfig) {
   const proxyOptions = this.host._socketProxy || {
     url: this.host._socketUrl || ""
@@ -11660,7 +11738,6 @@ var _MediaController_audioLevel;
 var _MediaController_onTrackEnded;
 var _MediaController_onAudioLevelChange;
 var _MediaController_dataHandler;
-var _MediaController_bufferedChunks;
 var MediaController = class {
   constructor(host) {
     _MediaController_mediaStream.set(this, null);
@@ -11672,15 +11749,15 @@ var MediaController = class {
     _MediaController_onTrackEnded.set(this, void 0);
     _MediaController_onAudioLevelChange.set(this, void 0);
     _MediaController_dataHandler.set(this, void 0);
-    _MediaController_bufferedChunks.set(this, []);
     this.host = host;
     host.addController(this);
   }
   hostDisconnected() {
     this.cleanup();
   }
-  async initialize(onTrackEnded) {
+  async initialize(dataHandler, onTrackEnded) {
     await this.cleanup();
+    __classPrivateFieldSet5(this, _MediaController_dataHandler, dataHandler, "f");
     __classPrivateFieldSet5(this, _MediaController_onTrackEnded, onTrackEnded, "f");
     __classPrivateFieldSet5(this, _MediaController_mediaStream, await getMediaStream(this.host._selectedDevice?.deviceId, this.host._debug_displayAudio), "f");
     __classPrivateFieldGet6(this, _MediaController_mediaStream, "f").getTracks().forEach((track) => {
@@ -11697,9 +11774,7 @@ var MediaController = class {
     __classPrivateFieldGet6(this, _MediaController_mediaRecorder, "f").ondataavailable = (event) => {
       if (__classPrivateFieldGet6(this, _MediaController_dataHandler, "f")) {
         __classPrivateFieldGet6(this, _MediaController_dataHandler, "f").call(this, event.data);
-        return;
       }
-      __classPrivateFieldGet6(this, _MediaController_bufferedChunks, "f").push(event.data);
     };
   }
   getAudioLevel() {
@@ -11750,7 +11825,6 @@ var MediaController = class {
     __classPrivateFieldSet5(this, _MediaController_onTrackEnded, void 0, "f");
     __classPrivateFieldSet5(this, _MediaController_onAudioLevelChange, void 0, "f");
     __classPrivateFieldSet5(this, _MediaController_dataHandler, void 0, "f");
-    __classPrivateFieldSet5(this, _MediaController_bufferedChunks, [], "f");
   }
   /**
    * Stops the media recorder and waits for all buffered data to be flushed.
@@ -11768,16 +11842,6 @@ var MediaController = class {
       __classPrivateFieldGet6(this, _MediaController_mediaRecorder, "f").stop();
     });
   }
-  addDataHandler(handler) {
-    for (const chunk of __classPrivateFieldGet6(this, _MediaController_bufferedChunks, "f")) {
-      handler(chunk);
-    }
-    __classPrivateFieldSet5(this, _MediaController_bufferedChunks, [], "f");
-    __classPrivateFieldSet5(this, _MediaController_dataHandler, handler, "f");
-  }
-  removeDataHandler() {
-    __classPrivateFieldSet5(this, _MediaController_dataHandler, void 0, "f");
-  }
   get mediaRecorder() {
     return __classPrivateFieldGet6(this, _MediaController_mediaRecorder, "f");
   }
@@ -11785,7 +11849,7 @@ var MediaController = class {
     return __classPrivateFieldGet6(this, _MediaController_audioLevel, "f");
   }
 };
-_MediaController_mediaStream = /* @__PURE__ */ new WeakMap(), _MediaController_audioContext = /* @__PURE__ */ new WeakMap(), _MediaController_analyser = /* @__PURE__ */ new WeakMap(), _MediaController_mediaRecorder = /* @__PURE__ */ new WeakMap(), _MediaController_visualiserInterval = /* @__PURE__ */ new WeakMap(), _MediaController_audioLevel = /* @__PURE__ */ new WeakMap(), _MediaController_onTrackEnded = /* @__PURE__ */ new WeakMap(), _MediaController_onAudioLevelChange = /* @__PURE__ */ new WeakMap(), _MediaController_dataHandler = /* @__PURE__ */ new WeakMap(), _MediaController_bufferedChunks = /* @__PURE__ */ new WeakMap();
+_MediaController_mediaStream = /* @__PURE__ */ new WeakMap(), _MediaController_audioContext = /* @__PURE__ */ new WeakMap(), _MediaController_analyser = /* @__PURE__ */ new WeakMap(), _MediaController_mediaRecorder = /* @__PURE__ */ new WeakMap(), _MediaController_visualiserInterval = /* @__PURE__ */ new WeakMap(), _MediaController_audioLevel = /* @__PURE__ */ new WeakMap(), _MediaController_onTrackEnded = /* @__PURE__ */ new WeakMap(), _MediaController_onAudioLevelChange = /* @__PURE__ */ new WeakMap(), _MediaController_dataHandler = /* @__PURE__ */ new WeakMap();
 
 // dist/styles/buttons.js
 var ButtonStyles = i`
@@ -12149,7 +12213,10 @@ var DictationRecordingButton = class DictationRecordingButton2 extends i4 {
     _DictationRecordingButton_handleWebSocketMessage.set(this, (message) => {
       switch (message.type) {
         case "CONFIG_ACCEPTED":
-          __classPrivateFieldGet7(this, _DictationRecordingButton_mediaController, "f").addDataHandler(__classPrivateFieldGet7(this, _DictationRecordingButton_dictationController, "f").mediaRecorderHandler);
+          console.log("[RecordingButton] CONFIG_ACCEPTED received", {
+            recordingState: this._recordingState,
+            willSetProcessing: this._recordingState === "initializing"
+          });
           if (this._recordingState === "initializing") {
             __classPrivateFieldSet6(this, _DictationRecordingButton_processing, true, "f");
             __classPrivateFieldGet7(this, _DictationRecordingButton_instances, "m", _DictationRecordingButton_dispatchRecordingStateChanged).call(this, "recording");
@@ -12185,7 +12252,7 @@ var DictationRecordingButton = class DictationRecordingButton2 extends i4 {
       }
     });
     _DictationRecordingButton_handleWebSocketError.set(this, (error) => {
-      this.dispatchEvent(errorEvent("Socket error: " + error.message));
+      this.dispatchEvent(errorEvent(`Socket error: ${error.message}`));
       __classPrivateFieldSet6(this, _DictationRecordingButton_processing, false, "f");
       __classPrivateFieldSet6(this, _DictationRecordingButton_connection, "CLOSED", "f");
       __classPrivateFieldGet7(this, _DictationRecordingButton_instances, "m", _DictationRecordingButton_handleStop).call(this);
@@ -12315,14 +12382,17 @@ _DictationRecordingButton_dispatchRecordingStateChanged = function _DictationRec
   }));
 };
 _DictationRecordingButton_handleStart = async function _DictationRecordingButton_handleStart2() {
+  console.log("[RecordingButton] handleStart() called");
   __classPrivateFieldGet7(this, _DictationRecordingButton_instances, "m", _DictationRecordingButton_dispatchRecordingStateChanged).call(this, "initializing");
   try {
-    await __classPrivateFieldGet7(this, _DictationRecordingButton_mediaController, "f").initialize(() => {
+    console.log("[RecordingButton] Initializing media controller...");
+    await __classPrivateFieldGet7(this, _DictationRecordingButton_mediaController, "f").initialize(__classPrivateFieldGet7(this, _DictationRecordingButton_dictationController, "f").mediaRecorderHandler, () => {
       if (this._recordingState === "recording") {
         this.dispatchEvent(errorEvent("Recording device access was lost."));
         __classPrivateFieldGet7(this, _DictationRecordingButton_instances, "m", _DictationRecordingButton_handleStop).call(this);
       }
     });
+    console.log("[RecordingButton] Starting MediaRecorder...");
     __classPrivateFieldGet7(this, _DictationRecordingButton_mediaController, "f").mediaRecorder?.start(AUDIO_CHUNK_INTERVAL_MS);
     __classPrivateFieldGet7(this, _DictationRecordingButton_mediaController, "f").startAudioLevelMonitoring((level) => {
       this.dispatchEvent(audioLevelChangedEvent(level));
@@ -12331,6 +12401,7 @@ _DictationRecordingButton_handleStart = async function _DictationRecordingButton
       __classPrivateFieldSet6(this, _DictationRecordingButton_connection, "CONNECTING", "f");
     }
     __classPrivateFieldGet7(this, _DictationRecordingButton_instances, "m", _DictationRecordingButton_dispatchRecordingStateChanged).call(this, "recording");
+    console.log("[RecordingButton] Connecting to WebSocket...");
     const isNewConnection = await __classPrivateFieldGet7(this, _DictationRecordingButton_dictationController, "f").connect(this._dictationConfig, {
       onClose: __classPrivateFieldGet7(this, _DictationRecordingButton_handleWebSocketClose, "f"),
       onError: __classPrivateFieldGet7(this, _DictationRecordingButton_handleWebSocketError, "f"),
@@ -12339,27 +12410,34 @@ _DictationRecordingButton_handleStart = async function _DictationRecordingButton
         this.dispatchEvent(networkActivityEvent(direction, data));
       }
     });
+    console.log("[RecordingButton] Connection established", { isNewConnection });
     if (!isNewConnection) {
-      __classPrivateFieldGet7(this, _DictationRecordingButton_mediaController, "f").addDataHandler(__classPrivateFieldGet7(this, _DictationRecordingButton_dictationController, "f").mediaRecorderHandler);
       __classPrivateFieldSet6(this, _DictationRecordingButton_processing, true, "f");
     }
     __classPrivateFieldSet6(this, _DictationRecordingButton_connection, "OPEN", "f");
     __classPrivateFieldGet7(this, _DictationRecordingButton_instances, "m", _DictationRecordingButton_dispatchRecordingStateChanged).call(this, "recording");
   } catch (error) {
+    console.error("[RecordingButton] Error in handleStart:", error);
     this.dispatchEvent(errorEvent(error));
     await __classPrivateFieldGet7(this, _DictationRecordingButton_instances, "m", _DictationRecordingButton_handleStop).call(this);
   }
 };
 _DictationRecordingButton_handleStop = async function _DictationRecordingButton_handleStop2() {
+  console.log("[RecordingButton] handleStop() called");
   __classPrivateFieldGet7(this, _DictationRecordingButton_instances, "m", _DictationRecordingButton_dispatchRecordingStateChanged).call(this, "stopping");
   try {
+    console.log("[RecordingButton] Stopping audio level monitoring...");
     __classPrivateFieldGet7(this, _DictationRecordingButton_mediaController, "f").stopAudioLevelMonitoring();
+    console.log("[RecordingButton] Stopping media recorder...");
     await __classPrivateFieldGet7(this, _DictationRecordingButton_mediaController, "f").stopRecording();
-    __classPrivateFieldGet7(this, _DictationRecordingButton_mediaController, "f").removeDataHandler();
     __classPrivateFieldGet7(this, _DictationRecordingButton_instances, "m", _DictationRecordingButton_dispatchRecordingStateChanged).call(this, "stopped");
+    console.log("[RecordingButton] Calling dictationController.pause()...");
     await __classPrivateFieldGet7(this, _DictationRecordingButton_dictationController, "f").pause();
+    console.log("[RecordingButton] Cleaning up media controller...");
     await __classPrivateFieldGet7(this, _DictationRecordingButton_mediaController, "f").cleanup();
+    console.log("[RecordingButton] Stop complete");
   } catch (error) {
+    console.error("[RecordingButton] Error in handleStop:", error);
     this.dispatchEvent(errorEvent(error));
   }
 };

package/dist/components/recording-button.js

@@ -44,7 +44,10 @@ let DictationRecordingButton = class DictationRecordingButton extends LitElement
         _DictationRecordingButton_handleWebSocketMessage.set(this, (message) => {
             switch (message.type) {
                 case "CONFIG_ACCEPTED":
-                    __classPrivateFieldGet(this, _DictationRecordingButton_mediaController, "f").addDataHandler(__classPrivateFieldGet(this, _DictationRecordingButton_dictationController, "f").mediaRecorderHandler);
+                    console.log("[RecordingButton] CONFIG_ACCEPTED received", {
+                        recordingState: this._recordingState,
+                        willSetProcessing: this._recordingState === "initializing",
+                    });
                     if (this._recordingState === "initializing") {
                         __classPrivateFieldSet(this, _DictationRecordingButton_processing, true, "f");
                         __classPrivateFieldGet(this, _DictationRecordingButton_instances, "m", _DictationRecordingButton_dispatchRecordingStateChanged).call(this, "recording");
@@ -81,7 +84,7 @@ let DictationRecordingButton = class DictationRecordingButton extends LitElement
             }
         });
         _DictationRecordingButton_handleWebSocketError.set(this, (error) => {
-            this.dispatchEvent(errorEvent("Socket error: " + error.message));
+            this.dispatchEvent(errorEvent(`Socket error: ${error.message}`));
             __classPrivateFieldSet(this, _DictationRecordingButton_processing, false, "f");
             __classPrivateFieldSet(this, _DictationRecordingButton_connection, "CLOSED", "f");
             __classPrivateFieldGet(this, _DictationRecordingButton_instances, "m", _DictationRecordingButton_handleStop).call(this);
@@ -223,14 +226,17 @@ _DictationRecordingButton_dispatchRecordingStateChanged = function _DictationRec
     }));
 };
 _DictationRecordingButton_handleStart = async function _DictationRecordingButton_handleStart() {
+    console.log("[RecordingButton] handleStart() called");
     __classPrivateFieldGet(this, _DictationRecordingButton_instances, "m", _DictationRecordingButton_dispatchRecordingStateChanged).call(this, "initializing");
     try {
-        await __classPrivateFieldGet(this, _DictationRecordingButton_mediaController, "f").initialize(() => {
+        console.log("[RecordingButton] Initializing media controller...");
+        await __classPrivateFieldGet(this, _DictationRecordingButton_mediaController, "f").initialize(__classPrivateFieldGet(this, _DictationRecordingButton_dictationController, "f").mediaRecorderHandler, () => {
             if (this._recordingState === "recording") {
                 this.dispatchEvent(errorEvent("Recording device access was lost."));
                 __classPrivateFieldGet(this, _DictationRecordingButton_instances, "m", _DictationRecordingButton_handleStop).call(this);
             }
         });
+        console.log("[RecordingButton] Starting MediaRecorder...");
         __classPrivateFieldGet(this, _DictationRecordingButton_mediaController, "f").mediaRecorder?.start(AUDIO_CHUNK_INTERVAL_MS);
         __classPrivateFieldGet(this, _DictationRecordingButton_mediaController, "f").startAudioLevelMonitoring((level) => {
             this.dispatchEvent(audioLevelChangedEvent(level));
@@ -239,6 +245,7 @@ _DictationRecordingButton_handleStart = async function _DictationRecordingButton
             __classPrivateFieldSet(this, _DictationRecordingButton_connection, "CONNECTING", "f");
         }
         __classPrivateFieldGet(this, _DictationRecordingButton_instances, "m", _DictationRecordingButton_dispatchRecordingStateChanged).call(this, "recording");
+        console.log("[RecordingButton] Connecting to WebSocket...");
         const isNewConnection = await __classPrivateFieldGet(this, _DictationRecordingButton_dictationController, "f").connect(this._dictationConfig, {
             onClose: __classPrivateFieldGet(this, _DictationRecordingButton_handleWebSocketClose, "f"),
             onError: __classPrivateFieldGet(this, _DictationRecordingButton_handleWebSocketError, "f"),
@@ -247,29 +254,36 @@ _DictationRecordingButton_handleStart = async function _DictationRecordingButton
                 this.dispatchEvent(networkActivityEvent(direction, data));
             },
         });
+        console.log("[RecordingButton] Connection established", { isNewConnection });
         if (!isNewConnection) {
-            __classPrivateFieldGet(this, _DictationRecordingButton_mediaController, "f").addDataHandler(__classPrivateFieldGet(this, _DictationRecordingButton_dictationController, "f").mediaRecorderHandler);
             __classPrivateFieldSet(this, _DictationRecordingButton_processing, true, "f");
         }
         __classPrivateFieldSet(this, _DictationRecordingButton_connection, "OPEN", "f");
         __classPrivateFieldGet(this, _DictationRecordingButton_instances, "m", _DictationRecordingButton_dispatchRecordingStateChanged).call(this, "recording");
     }
     catch (error) {
+        console.error("[RecordingButton] Error in handleStart:", error);
         this.dispatchEvent(errorEvent(error));
         await __classPrivateFieldGet(this, _DictationRecordingButton_instances, "m", _DictationRecordingButton_handleStop).call(this);
     }
 };
 _DictationRecordingButton_handleStop = async function _DictationRecordingButton_handleStop() {
+    console.log("[RecordingButton] handleStop() called");
     __classPrivateFieldGet(this, _DictationRecordingButton_instances, "m", _DictationRecordingButton_dispatchRecordingStateChanged).call(this, "stopping");
     try {
+        console.log("[RecordingButton] Stopping audio level monitoring...");
         __classPrivateFieldGet(this, _DictationRecordingButton_mediaController, "f").stopAudioLevelMonitoring();
+        console.log("[RecordingButton] Stopping media recorder...");
         await __classPrivateFieldGet(this, _DictationRecordingButton_mediaController, "f").stopRecording();
-        __classPrivateFieldGet(this, _DictationRecordingButton_mediaController, "f").removeDataHandler();
         __classPrivateFieldGet(this, _DictationRecordingButton_instances, "m", _DictationRecordingButton_dispatchRecordingStateChanged).call(this, "stopped");
+        console.log("[RecordingButton] Calling dictationController.pause()...");
         await __classPrivateFieldGet(this, _DictationRecordingButton_dictationController, "f").pause();
+        console.log("[RecordingButton] Cleaning up media controller...");
         await __classPrivateFieldGet(this, _DictationRecordingButton_mediaController, "f").cleanup();
+        console.log("[RecordingButton] Stop complete");
     }
     catch (error) {
+        console.error("[RecordingButton] Error in handleStop:", error);
         this.dispatchEvent(errorEvent(error));
     }
 };

package/dist/components/recording-button.js.map

@@ -1 +1 @@
-{"version":3,"file":"recording-button.js","sourceRoot":"","sources":["../../src/components/recording-button.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AACA,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvC,OAAO,EAEL,IAAI,EACJ,UAAU,GAEX,MAAM,KAAK,CAAC;AACb,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AACnE,OAAO,EAAE,uBAAuB,EAAE,MAAM,iBAAiB,CAAC;AAC1D,OAAO,EACL,kBAAkB,EAClB,iBAAiB,EACjB,wBAAwB,EACxB,sBAAsB,EACtB,2BAA2B,EAC3B,qBAAqB,EACrB,aAAa,EACb,qBAAqB,EACrB,kBAAkB,EAClB,gBAAgB,EAChB,iBAAiB,EACjB,6BAA6B,GAC9B,MAAM,kCAAkC,CAAC;AAC1C,OAAO,EACL,mBAAmB,GAEpB,MAAM,wCAAwC,CAAC;AAChD,OAAO,EAAE,oBAAoB,EAAE,MAAM,yCAAyC,CAAC;AAC/E,OAAO,EAAE,eAAe,EAAE,MAAM,oCAAoC,CAAC;AACrE,OAAO,YAAY,MAAM,sBAAsB,CAAC;AAChD,OAAO,qBAAqB,MAAM,+BAA+B,CAAC;AAElE,OAAO,EACL,sBAAsB,EACtB,YAAY,EACZ,UAAU,EACV,oBAAoB,EAEpB,0BAA0B,EAC1B,iBAAiB,EACjB,eAAe,EACf,UAAU,GACX,MAAM,oBAAoB,CAAC;AAE5B,OAAO,uBAAuB,CAAC;AAC/B,OAAO,mBAAmB,CAAC;AAGpB,IAAM,wBAAwB,GAA9B,MAAM,wBAAyB,SAAQ,UAAU;IAAjD;;;QAGL,oBAAe,GAAmB,SAAS,CAAC;QA+C5C,qBAAgB,GAAY,KAAK,CAAC;QAElC,oDAAmB,IAAI,eAAe,CAAC,IAAI,CAAC,EAAC;QAC7C,wDAAuB,IAAI,mBAAmB,CAAC,IAAI,CAAC,EAAC;QACrD,yDAAwB,IAAI,oBAAoB,CAAC,IAAI,CAAC,EAAC;QACvD,0DAAyB,KAAK,EAAC;QAC/B,+CAAc,KAAK,EAAC;QACpB,+CAA8D,QAAQ,EAAC;QAyBvE,2DAA0B,CAAC,OAA0B,EAAQ,EAAE;YAC7D,QAAQ,OAAO,CAAC,IAAI,EAAE,CAAC;gBACrB,KAAK,iBAAiB;oBACpB,uBAAA,IAAI,iDAAiB,CAAC,cAAc,CAClC,uBAAA,IAAI,qDAAqB,CAAC,oBAAoB,CAC/C,CAAC;oBAEF,IAAI,IAAI,CAAC,eAAe,KAAK,cAAc,EAAE,CAAC;wBAC5C,uBAAA,IAAI,wCAAe,IAAI,MAAA,CAAC;wBACxB,uBAAA,IAAI,oGAA+B,MAAnC,IAAI,EAAgC,WAAW,CAAC,CAAC;oBACnD,CAAC;oBACD,MAAM;gBACR,KAAK,eAAe;oBAClB,IAAI,CAAC,aAAa,CAChB,UAAU,CAAC,kBAAkB,OAAO,CAAC,MAAM,IAAI,gBAAgB,EAAE,CAAC,CACnE,CAAC;oBACF,uBAAA,IAAI,iFAAY,MAAhB,IAAI,CAAc,CAAC;oBACnB,MAAM;gBACR,KAAK,gBAAgB;oBACnB,IAAI,CAAC,aAAa,CAAC,UAAU,CAAC,gBAAgB,CAAC,CAAC,CAAC;oBACjD,uBAAA,IAAI,iFAAY,MAAhB,IAAI,CAAc,CAAC;oBACnB,MAAM;gBACR,KAAK,YAAY;oBACf,IAAI,CAAC,aAAa,CAAC,eAAe,CAAC,OAAO,CAAC,CAAC,CAAC;oBAC7C,MAAM;gBACR,KAAK,SAAS;oBACZ,IAAI,CAAC,aAAa,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC,CAAC;oBAC1C,MAAM;gBACR,KAAK,OAAO;oBACV,IAAI,CAAC,aAAa,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC;oBACxC,MAAM;gBACR,KAAK,OAAO;oBACV,IAAI,CAAC,aAAa,CAAC,UAAU,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC;oBAC9C,uBAAA,IAAI,iFAAY,MAAhB,IAAI,CAAc,CAAC;oBACnB,MAAM;gBACR,KAAK,SAAS;oBACZ,IACE,IAAI,CAAC,eAAe,KAAK,SAAS;wBAClC,IAAI,CAAC,eAAe,KAAK,UAAU,EACnC,CAAC;wBACD,uBAAA,IAAI,wCAAe,KAAK,MAAA,CAAC;wBACzB,uBAAA,IAAI,oGAA+B,MAAnC,IAAI,EAAgC,IAAI,CAAC,eAAe,CAAC,CAAC;oBAC5D,CAAC;oBACD,MAAM;YACV,CAAC;QACH,CAAC,EAAC;QAEF,yDAAwB,CAAC,KAAY,EAAQ,EAAE;YAC7C,IAAI,CAAC,aAAa,CAAC,UAAU,CAAC,gBAAgB,GAAG,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;YACjE,uBAAA,IAAI,wCAAe,KAAK,MAAA,CAAC;YACzB,uBAAA,IAAI,wCAAe,QAAQ,MAAA,CAAC;YAC5B,uBAAA,IAAI,iFAAY,MAAhB,IAAI,CAAc,CAAC;QACrB,CAAC,EAAC;QAEF,yDAAwB,CAAC,KAAc,EAAQ,EAAE;YAC/C,yCAAyC;YACzC,IAAI,uBAAA,IAAI,qDAAqB,CAAC,gBAAgB,EAAE,EAAE,CAAC;gBACjD,OAAO;YACT,CAAC;YAED,uBAAA,IAAI,wCAAe,KAAK,MAAA,CAAC;YACzB,uBAAA,IAAI,wCAAe,QAAQ,MAAA,CAAC;YAC5B,IAAI,CAAC,aAAa,CAAC,iBAAiB,CAAC,KAAK,CAAC,CAAC,CAAC;YAC7C,uBAAA,IAAI,oGAA+B,MAAnC,IAAI,EAAgC,IAAI,CAAC,eAAe,CAAC,CAAC;QAC5D,CAAC,EAAC;IA6LJ,CAAC;IAlRW,MAAM,CAAC,iBAAiC;QAChD,IACE,iBAAiB,CAAC,GAAG,CAAC,iBAAiB,CAAC;YACxC,IAAI,CAAC,eAAe,KAAK,WAAW;YACpC,uBAAA,IAAI,uDAAuB,EAC3B,CAAC;YACD,uBAAA,IAAI,mDAA0B,KAAK,MAAA,CAAC;YACpC,uBAAA,IAAI,iFAAY,MAAhB,IAAI,CAAc,CAAC;QACrB,CAAC;QAED,KAAK,CAAC,MAAM,CAAC,iBAAiB,CAAC,CAAC;IAClC,CAAC;IAuJM,cAAc;QACnB,IAAI,IAAI,CAAC,eAAe,KAAK,SAAS,EAAE,CAAC;YACvC,OAAO;QACT,CAAC;QAED,uBAAA,IAAI,kFAAa,MAAjB,IAAI,CAAe,CAAC;IACtB,CAAC;IAEM,aAAa;QAClB,IACE,IAAI,CAAC,eAAe,KAAK,SAAS;YAClC,IAAI,CAAC,eAAe,KAAK,UAAU,EACnC,CAAC;YACD,OAAO;QACT,CAAC;QAED,IAAI,IAAI,CAAC,eAAe,KAAK,cAAc,EAAE,CAAC;YAC5C,uBAAA,IAAI,mDAA0B,IAAI,MAAA,CAAC;YACnC,OAAO;QACT,CAAC;QAED,uBAAA,IAAI,iFAAY,MAAhB,IAAI,CAAc,CAAC;IACrB,CAAC;IAEM,eAAe;QACpB,IAAI,IAAI,CAAC,eAAe,KAAK,SAAS,EAAE,CAAC;YACvC,IAAI,CAAC,cAAc,EAAE,CAAC;QACxB,CAAC;aAAM,IAAI,IAAI,CAAC,eAAe,KAAK,WAAW,EAAE,CAAC;YAChD,IAAI,CAAC,aAAa,EAAE,CAAC;QACvB,CAAC;IACH,CAAC;IAEM,KAAK,CAAC,cAAc;QACzB,IAAI,IAAI,CAAC,eAAe,KAAK,SAAS,IAAI,uBAAA,IAAI,4CAAY,EAAE,CAAC;YAC3D,OAAO;QACT,CAAC;QAED,IAAI,uBAAA,IAAI,qDAAqB,CAAC,gBAAgB,EAAE,EAAE,CAAC;YACjD,OAAO;QACT,CAAC;QAED,IAAI,CAAC;YACH,uBAAA,IAAI,wCAAe,YAAY,MAAA,CAAC;YAChC,uBAAA,IAAI,oGAA+B,MAAnC,IAAI,EAAgC,SAAS,CAAC,CAAC;YAE/C,MAAM,uBAAA,IAAI,qDAAqB,CAAC,OAAO,CAAC,IAAI,CAAC,gBAAgB,EAAE;gBAC7D,OAAO,EAAE,uBAAA,IAAI,sDAAsB;gBACnC,OAAO,EAAE,uBAAA,IAAI,sDAAsB;gBACnC,SAAS,EAAE,uBAAA,IAAI,wDAAwB;gBACvC,iBAAiB,EAAE,CAAC,SAAS,EAAE,IAAI,EAAE,EAAE;oBACrC,IAAI,CAAC,aAAa,CAAC,oBAAoB,CAAC,SAAS,EAAE,IAAI,CAAC,CAAC,CAAC;gBAC5D,CAAC;aACF,CAAC,CAAC;YAEH,uBAAA,IAAI,wCAAe,MAAM,MAAA,CAAC;YAC1B,uBAAA,IAAI,oGAA+B,MAAnC,IAAI,EAAgC,SAAS,CAAC,CAAC;QACjD,CAAC;QAAC,OAAO,KAAK,EAAE,CAAC;YACf,uBAAA,IAAI,wCAAe,QAAQ,MAAA,CAAC;YAC5B,IAAI,CAAC,aAAa,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC;QACxC,CAAC;IACH,CAAC;IAEM,KAAK,CAAC,eAAe;QAC1B,IAAI,IAAI,CAAC,eAAe,KAAK,SAAS,IAAI,uBAAA,IAAI,4CAAY,EAAE,CAAC;YAC3D,OAAO;QACT,CAAC;QAED,IAAI,CAAC,uBAAA,IAAI,qDAAqB,CAAC,gBAAgB,EAAE,EAAE,CAAC;YAClD,uBAAA,IAAI,wCAAe,QAAQ,MAAA,CAAC;YAC5B,uBAAA,IAAI,oGAA+B,MAAnC,IAAI,EAAgC,SAAS,CAAC,CAAC;YAC/C,OAAO;QACT,CAAC;QAED,IAAI,CAAC;YACH,uBAAA,IAAI,wCAAe,SAAS,MAAA,CAAC;YAC7B,uBAAA,IAAI,oGAA+B,MAAnC,IAAI,EAAgC,SAAS,CAAC,CAAC;YAC/C,MAAM,uBAAA,IAAI,qDAAqB,CAAC,eAAe,CAC7C,uBAAA,IAAI,sDAAsB,CAC3B,CAAC;QACJ,CAAC;QAAC,OAAO,KAAK,EAAE,CAAC;YACf,IAAI,CAAC,aAAa,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC;QACxC,CAAC;IACH,CAAC;IAED,MAAM;QACJ,MAAM,SAAS,GACb,IAAI,CAAC,eAAe,KAAK,cAAc;YACvC,IAAI,CAAC,eAAe,KAAK,UAAU,CAAC;QACtC,MAAM,WAAW,GAAG,IAAI,CAAC,eAAe,KAAK,WAAW,CAAC;QAEzD,OAAO,IAAI,CAAA;;iBAEE,uBAAA,IAAI,kFAAa;oBACd,SAAS;gBACb,WAAW,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,QAAQ;qBACzB,WAAW,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,iBAAiB;uBAChD,WAAW;;UAGxB,SAAS;YACP,CAAC,CAAC,IAAI,CAAA,0BAA0B;YAChC,CAAC,CAAC,WAAW;gBACX,CAAC,CAAC,IAAI,CAAA,oBAAoB;gBAC1B,CAAC,CAAC,IAAI,CAAA,iBACZ;;mBAEW,uBAAA,IAAI,iDAAiB,CAAC,UAAU;oBAC/B,WAAW;;;KAG1B,CAAC;IACJ,CAAC;;;;;;;;;;;;uFApQY,KAAiB;IAC5B,IAAI,CAAC,IAAI,CAAC,gBAAgB,EAAE,CAAC;QAC3B,KAAK,CAAC,cAAc,EAAE,CAAC;IACzB,CAAC;IAED,IAAI,CAAC,eAAe,EAAE,CAAC;AACzB,CAAC;2HAoE8B,KAAqB;IAClD,IAAI,CAAC,aAAa,CAChB,0BAA0B,CAAC,KAAK,EAAE;QAChC,UAAU,EAAE,uBAAA,IAAI,4CAAY;QAC5B,UAAU,EAAE,uBAAA,IAAI,4CAAY;KAC7B,CAAC,CACH,CAAC;AACJ,CAAC;wCAED,KAAK;IACH,uBAAA,IAAI,oGAA+B,MAAnC,IAAI,EAAgC,cAAc,CAAC,CAAC;IAEpD,IAAI,CAAC;QACH,MAAM,uBAAA,IAAI,iDAAiB,CAAC,UAAU,CAAC,GAAG,EAAE;YAC1C,IAAI,IAAI,CAAC,eAAe,KAAK,WAAW,EAAE,CAAC;gBACzC,IAAI,CAAC,aAAa,CAAC,UAAU,CAAC,mCAAmC,CAAC,CAAC,CAAC;gBACpE,uBAAA,IAAI,iFAAY,MAAhB,IAAI,CAAc,CAAC;YACrB,CAAC;QACH,CAAC,CAAC,CAAC;QACH,uBAAA,IAAI,iDAAiB,CAAC,aAAa,EAAE,KAAK,CAAC,uBAAuB,CAAC,CAAC;QACpE,uBAAA,IAAI,iDAAiB,CAAC,yBAAyB,CAAC,CAAC,KAAK,EAAE,EAAE;YACxD,IAAI,CAAC,aAAa,CAAC,sBAAsB,CAAC,KAAK,CAAC,CAAC,CAAC;QACpD,CAAC,CAAC,CAAC;QAEH,IAAI,uBAAA,IAAI,4CAAY,KAAK,MAAM,EAAE,CAAC;YAChC,uBAAA,IAAI,wCAAe,YAAY,MAAA,CAAC;QAClC,CAAC;QAED,uBAAA,IAAI,oGAA+B,MAAnC,IAAI,EAAgC,WAAW,CAAC,CAAC;QAEjD,MAAM,eAAe,GAAG,MAAM,uBAAA,IAAI,qDAAqB,CAAC,OAAO,CAC7D,IAAI,CAAC,gBAAgB,EACrB;YACE,OAAO,EAAE,uBAAA,IAAI,sDAAsB;YACnC,OAAO,EAAE,uBAAA,IAAI,sDAAsB;YACnC,SAAS,EAAE,uBAAA,IAAI,wDAAwB;YACvC,iBAAiB,EAAE,CAAC,SAAS,EAAE,IAAI,EAAE,EAAE;gBACrC,IAAI,CAAC,aAAa,CAAC,oBAAoB,CAAC,SAAS,EAAE,IAAI,CAAC,CAAC,CAAC;YAC5D,CAAC;SACF,CACF,CAAC;QAEF,IAAI,CAAC,eAAe,EAAE,CAAC;YACrB,uBAAA,IAAI,iDAAiB,CAAC,cAAc,CAClC,uBAAA,IAAI,qDAAqB,CAAC,oBAAoB,CAC/C,CAAC;YACF,uBAAA,IAAI,wCAAe,IAAI,MAAA,CAAC;QAC1B,CAAC;QAED,uBAAA,IAAI,wCAAe,MAAM,MAAA,CAAC;QAE1B,uBAAA,IAAI,oGAA+B,MAAnC,IAAI,EAAgC,WAAW,CAAC,CAAC;IACnD,CAAC;IAAC,OAAO,KAAK,EAAE,CAAC;QACf,IAAI,CAAC,aAAa,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC;QACtC,MAAM,uBAAA,IAAI,iFAAY,MAAhB,IAAI,CAAc,CAAC;IAC3B,CAAC;AACH,CAAC;uCAED,KAAK;IACH,uBAAA,IAAI,oGAA+B,MAAnC,IAAI,EAAgC,UAAU,CAAC,CAAC;IAEhD,IAAI,CAAC;QACH,uBAAA,IAAI,iDAAiB,CAAC,wBAAwB,EAAE,CAAC;QACjD,MAAM,uBAAA,IAAI,iDAAiB,CAAC,aAAa,EAAE,CAAC;QAC5C,uBAAA,IAAI,iDAAiB,CAAC,iBAAiB,EAAE,CAAC;QAE1C,uBAAA,IAAI,oGAA+B,MAAnC,IAAI,EAAgC,SAAS,CAAC,CAAC;QAE/C,MAAM,uBAAA,IAAI,qDAAqB,CAAC,KAAK,EAAE,CAAC;QACxC,MAAM,uBAAA,IAAI,iDAAiB,CAAC,OAAO,EAAE,CAAC;IACxC,CAAC;IAAC,OAAO,KAAK,EAAE,CAAC;QACf,IAAI,CAAC,aAAa,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC;IACxC,CAAC;AACH,CAAC;AAlKM,+BAAM,GAAmB,CAAC,qBAAqB,EAAE,YAAY,CAAC,AAAxD,CAAyD;AAxDtE;IAFC,OAAO,CAAC,EAAE,OAAO,EAAE,qBAAqB,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC;IAC5D,KAAK,EAAE;iEACoC;AAI5C;IAFC,OAAO,CAAC,EAAE,OAAO,EAAE,qBAAqB,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC;IAC5D,KAAK,EAAE;iEAC0B;AAIlC;IAFC,OAAO,CAAC,EAAE,OAAO,EAAE,kBAAkB,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC;IACzD,KAAK,EAAE;8DACc;AAItB;IAFC,OAAO,CAAC,EAAE,OAAO,EAAE,iBAAiB,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC;IACxD,KAAK,EAAE;6DAC0B;AAIlC;IAFC,OAAO,CAAC,EAAE,OAAO,EAAE,aAAa,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC;IACpD,KAAK,EAAE;yDACS;AAIjB;IAFC,OAAO,CAAC,EAAE,OAAO,EAAE,iBAAiB,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC;IACxD,KAAK,EAAE;6DACa;AAIrB;IAFC,OAAO,CAAC,EAAE,OAAO,EAAE,sBAAsB,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC;IAC7D,KAAK,EAAE;kEACkC;AAI1C;IAFC,OAAO,CAAC,EAAE,OAAO,EAAE,gBAAgB,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC;IACvD,KAAK,EAAE;4DACY;AAIpB;IAFC,OAAO,CAAC,EAAE,OAAO,EAAE,kBAAkB,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC;IACzD,KAAK,EAAE;8DACoB;AAI5B;IAFC,OAAO,CAAC,EAAE,OAAO,EAAE,wBAAwB,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC;IAC/D,KAAK,EAAE;qEACsB;AAI9B;IAFC,OAAO,CAAC,EAAE,OAAO,EAAE,2BAA2B,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC;IAClE,KAAK,EAAE;uEAC8B;AAItC;IAFC,OAAO,CAAC,EAAE,OAAO,EAAE,6BAA6B,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC;IACpE,KAAK,EAAE;yEACgC;AAGxC;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;kEACM;AAlDvB,wBAAwB;IADpC,aAAa,CAAC,4BAA4B,CAAC;GAC/B,wBAAwB,CA+UpC","sourcesContent":["import type { Corti } from \"@corti/sdk\";\nimport { consume } from \"@lit/context\";\nimport {\n  type CSSResultGroup,\n  html,\n  LitElement,\n  type PropertyValues,\n} from \"lit\";\nimport { customElement, property, state } from \"lit/decorators.js\";\nimport { AUDIO_CHUNK_INTERVAL_MS } from \"../constants.js\";\nimport {\n  accessTokenContext,\n  authConfigContext,\n  debugDisplayAudioContext,\n  dictationConfigContext,\n  pushToTalkKeybindingContext,\n  recordingStateContext,\n  regionContext,\n  selectedDeviceContext,\n  socketProxyContext,\n  socketUrlContext,\n  tenantNameContext,\n  toggleToTalkKeybindingContext,\n} from \"../contexts/dictation-context.js\";\nimport {\n  DictationController,\n  type TranscribeMessage,\n} from \"../controllers/dictation-controller.js\";\nimport { KeybindingController } from \"../controllers/keybinding-controller.js\";\nimport { MediaController } from \"../controllers/media-controller.js\";\nimport ButtonStyles from \"../styles/buttons.js\";\nimport RecordingButtonStyles from \"../styles/recording-button.js\";\nimport type { ProxyOptions, RecordingState } from \"../types.js\";\nimport {\n  audioLevelChangedEvent,\n  commandEvent,\n  errorEvent,\n  networkActivityEvent,\n  type RecordingStateChangedEventDetail,\n  recordingStateChangedEvent,\n  streamClosedEvent,\n  transcriptEvent,\n  usageEvent,\n} from \"../utils/events.js\";\n\nimport \"./audio-visualiser.js\";\nimport \"../icons/icons.js\";\n\n@customElement(\"dictation-recording-button\")\nexport class DictationRecordingButton extends LitElement {\n  @consume({ context: recordingStateContext, subscribe: true })\n  @state()\n  _recordingState: RecordingState = \"stopped\";\n\n  @consume({ context: selectedDeviceContext, subscribe: true })\n  @state()\n  _selectedDevice?: MediaDeviceInfo;\n\n  @consume({ context: accessTokenContext, subscribe: true })\n  @state()\n  _accessToken?: string;\n\n  @consume({ context: authConfigContext, subscribe: true })\n  @state()\n  _authConfig?: Corti.BearerOptions;\n\n  @consume({ context: regionContext, subscribe: true })\n  @state()\n  _region?: string;\n\n  @consume({ context: tenantNameContext, subscribe: true })\n  @state()\n  _tenantName?: string;\n\n  @consume({ context: dictationConfigContext, subscribe: true })\n  @state()\n  _dictationConfig?: Corti.TranscribeConfig;\n\n  @consume({ context: socketUrlContext, subscribe: true })\n  @state()\n  _socketUrl?: string;\n\n  @consume({ context: socketProxyContext, subscribe: true })\n  @state()\n  _socketProxy?: ProxyOptions;\n\n  @consume({ context: debugDisplayAudioContext, subscribe: true })\n  @state()\n  _debug_displayAudio?: boolean;\n\n  @consume({ context: pushToTalkKeybindingContext, subscribe: true })\n  @state()\n  _pushToTalkKeybinding?: string | null;\n\n  @consume({ context: toggleToTalkKeybindingContext, subscribe: true })\n  @state()\n  _toggleToTalkKeybinding?: string | null;\n\n  @property({ type: Boolean })\n  allowButtonFocus: boolean = false;\n\n  #mediaController = new MediaController(this);\n  #dictationController = new DictationController(this);\n  #keybindingController = new KeybindingController(this);\n  #closeConnectionOnInit = false;\n  #processing = false;\n  #connection: RecordingStateChangedEventDetail[\"connection\"] = \"CLOSED\";\n\n  static styles: CSSResultGroup = [RecordingButtonStyles, ButtonStyles];\n\n  protected update(changedProperties: PropertyValues) {\n    if (\n      changedProperties.has(\"_recordingState\") &&\n      this._recordingState === \"recording\" &&\n      this.#closeConnectionOnInit\n    ) {\n      this.#closeConnectionOnInit = false;\n      this.#handleStop();\n    }\n\n    super.update(changedProperties);\n  }\n\n  #handleClick(event: MouseEvent): void {\n    if (!this.allowButtonFocus) {\n      event.preventDefault();\n    }\n\n    this.toggleRecording();\n  }\n\n  #handleWebSocketMessage = (message: TranscribeMessage): void => {\n    switch (message.type) {\n      case \"CONFIG_ACCEPTED\":\n        this.#mediaController.addDataHandler(\n          this.#dictationController.mediaRecorderHandler,\n        );\n\n        if (this._recordingState === \"initializing\") {\n          this.#processing = true;\n          this.#dispatchRecordingStateChanged(\"recording\");\n        }\n        break;\n      case \"CONFIG_DENIED\":\n        this.dispatchEvent(\n          errorEvent(`Config denied: ${message.reason ?? \"Unknown reason\"}`),\n        );\n        this.#handleStop();\n        break;\n      case \"CONFIG_TIMEOUT\":\n        this.dispatchEvent(errorEvent(\"Config timeout\"));\n        this.#handleStop();\n        break;\n      case \"transcript\":\n        this.dispatchEvent(transcriptEvent(message));\n        break;\n      case \"command\":\n        this.dispatchEvent(commandEvent(message));\n        break;\n      case \"usage\":\n        this.dispatchEvent(usageEvent(message));\n        break;\n      case \"error\":\n        this.dispatchEvent(errorEvent(message.error));\n        this.#handleStop();\n        break;\n      case \"flushed\":\n        if (\n          this._recordingState === \"stopped\" ||\n          this._recordingState === \"stopping\"\n        ) {\n          this.#processing = false;\n          this.#dispatchRecordingStateChanged(this._recordingState);\n        }\n        break;\n    }\n  };\n\n  #handleWebSocketError = (error: Error): void => {\n    this.dispatchEvent(errorEvent(\"Socket error: \" + error.message));\n    this.#processing = false;\n    this.#connection = \"CLOSED\";\n    this.#handleStop();\n  };\n\n  #handleWebSocketClose = (event: unknown): void => {\n    // When we already have new socket opened\n    if (this.#dictationController.isConnectionOpen()) {\n      return;\n    }\n\n    this.#processing = false;\n    this.#connection = \"CLOSED\";\n    this.dispatchEvent(streamClosedEvent(event));\n    this.#dispatchRecordingStateChanged(this._recordingState);\n  };\n\n  #dispatchRecordingStateChanged(state: RecordingState): void {\n    this.dispatchEvent(\n      recordingStateChangedEvent(state, {\n        connection: this.#connection,\n        processing: this.#processing,\n      }),\n    );\n  }\n\n  async #handleStart(): Promise<void> {\n    this.#dispatchRecordingStateChanged(\"initializing\");\n\n    try {\n      await this.#mediaController.initialize(() => {\n        if (this._recordingState === \"recording\") {\n          this.dispatchEvent(errorEvent(\"Recording device access was lost.\"));\n          this.#handleStop();\n        }\n      });\n      this.#mediaController.mediaRecorder?.start(AUDIO_CHUNK_INTERVAL_MS);\n      this.#mediaController.startAudioLevelMonitoring((level) => {\n        this.dispatchEvent(audioLevelChangedEvent(level));\n      });\n\n      if (this.#connection !== \"OPEN\") {\n        this.#connection = \"CONNECTING\";\n      }\n\n      this.#dispatchRecordingStateChanged(\"recording\");\n\n      const isNewConnection = await this.#dictationController.connect(\n        this._dictationConfig,\n        {\n          onClose: this.#handleWebSocketClose,\n          onError: this.#handleWebSocketError,\n          onMessage: this.#handleWebSocketMessage,\n          onNetworkActivity: (direction, data) => {\n            this.dispatchEvent(networkActivityEvent(direction, data));\n          },\n        },\n      );\n\n      if (!isNewConnection) {\n        this.#mediaController.addDataHandler(\n          this.#dictationController.mediaRecorderHandler,\n        );\n        this.#processing = true;\n      }\n\n      this.#connection = \"OPEN\";\n\n      this.#dispatchRecordingStateChanged(\"recording\");\n    } catch (error) {\n      this.dispatchEvent(errorEvent(error));\n      await this.#handleStop();\n    }\n  }\n\n  async #handleStop(): Promise<void> {\n    this.#dispatchRecordingStateChanged(\"stopping\");\n\n    try {\n      this.#mediaController.stopAudioLevelMonitoring();\n      await this.#mediaController.stopRecording();\n      this.#mediaController.removeDataHandler();\n\n      this.#dispatchRecordingStateChanged(\"stopped\");\n\n      await this.#dictationController.pause();\n      await this.#mediaController.cleanup();\n    } catch (error) {\n      this.dispatchEvent(errorEvent(error));\n    }\n  }\n\n  public startRecording(): void {\n    if (this._recordingState !== \"stopped\") {\n      return;\n    }\n\n    this.#handleStart();\n  }\n\n  public stopRecording(): void {\n    if (\n      this._recordingState === \"stopped\" ||\n      this._recordingState === \"stopping\"\n    ) {\n      return;\n    }\n\n    if (this._recordingState === \"initializing\") {\n      this.#closeConnectionOnInit = true;\n      return;\n    }\n\n    this.#handleStop();\n  }\n\n  public toggleRecording(): void {\n    if (this._recordingState === \"stopped\") {\n      this.startRecording();\n    } else if (this._recordingState === \"recording\") {\n      this.stopRecording();\n    }\n  }\n\n  public async openConnection(): Promise<void> {\n    if (this._recordingState !== \"stopped\" || this.#processing) {\n      return;\n    }\n\n    if (this.#dictationController.isConnectionOpen()) {\n      return;\n    }\n\n    try {\n      this.#connection = \"CONNECTING\";\n      this.#dispatchRecordingStateChanged(\"stopped\");\n\n      await this.#dictationController.connect(this._dictationConfig, {\n        onClose: this.#handleWebSocketClose,\n        onError: this.#handleWebSocketError,\n        onMessage: this.#handleWebSocketMessage,\n        onNetworkActivity: (direction, data) => {\n          this.dispatchEvent(networkActivityEvent(direction, data));\n        },\n      });\n\n      this.#connection = \"OPEN\";\n      this.#dispatchRecordingStateChanged(\"stopped\");\n    } catch (error) {\n      this.#connection = \"CLOSED\";\n      this.dispatchEvent(errorEvent(error));\n    }\n  }\n\n  public async closeConnection(): Promise<void> {\n    if (this._recordingState !== \"stopped\" || this.#processing) {\n      return;\n    }\n\n    if (!this.#dictationController.isConnectionOpen()) {\n      this.#connection = \"CLOSED\";\n      this.#dispatchRecordingStateChanged(\"stopped\");\n      return;\n    }\n\n    try {\n      this.#connection = \"CLOSING\";\n      this.#dispatchRecordingStateChanged(\"stopped\");\n      await this.#dictationController.closeConnection(\n        this.#handleWebSocketClose,\n      );\n    } catch (error) {\n      this.dispatchEvent(errorEvent(error));\n    }\n  }\n\n  render() {\n    const isLoading =\n      this._recordingState === \"initializing\" ||\n      this._recordingState === \"stopping\";\n    const isRecording = this._recordingState === \"recording\";\n\n    return html`\n      <button\n        @click=${this.#handleClick}\n        ?disabled=${isLoading}\n        class=${isRecording ? \"red\" : \"accent\"}\n        aria-label=${isRecording ? \"Stop recording\" : \"Start recording\"}\n        aria-pressed=${isRecording}\n      >\n        ${\n          isLoading\n            ? html`<icon-loading-spinner />`\n            : isRecording\n              ? html`<icon-recording />`\n              : html`<icon-mic-on />`\n        }\n        <dictation-audio-visualiser\n          .level=${this.#mediaController.audioLevel}\n          ?active=${isRecording}\n        />\n      </button>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"dictation-recording-button\": DictationRecordingButton;\n  }\n}\n"]}
+{"version":3,"file":"recording-button.js","sourceRoot":"","sources":["../../src/components/recording-button.ts"],"names":[],"mappings":"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","sourcesContent":["import type { Corti } from \"@corti/sdk\";\nimport { consume } from \"@lit/context\";\nimport {\n  type CSSResultGroup,\n  html,\n  LitElement,\n  type PropertyValues,\n} from \"lit\";\nimport { customElement, property, state } from \"lit/decorators.js\";\nimport { AUDIO_CHUNK_INTERVAL_MS } from \"../constants.js\";\nimport {\n  accessTokenContext,\n  authConfigContext,\n  debugDisplayAudioContext,\n  dictationConfigContext,\n  pushToTalkKeybindingContext,\n  recordingStateContext,\n  regionContext,\n  selectedDeviceContext,\n  socketProxyContext,\n  socketUrlContext,\n  tenantNameContext,\n  toggleToTalkKeybindingContext,\n} from \"../contexts/dictation-context.js\";\nimport {\n  DictationController,\n  type TranscribeMessage,\n} from \"../controllers/dictation-controller.js\";\nimport { KeybindingController } from \"../controllers/keybinding-controller.js\";\nimport { MediaController } from \"../controllers/media-controller.js\";\nimport ButtonStyles from \"../styles/buttons.js\";\nimport RecordingButtonStyles from \"../styles/recording-button.js\";\nimport type { ProxyOptions, RecordingState } from \"../types.js\";\nimport {\n  audioLevelChangedEvent,\n  commandEvent,\n  errorEvent,\n  networkActivityEvent,\n  type RecordingStateChangedEventDetail,\n  recordingStateChangedEvent,\n  streamClosedEvent,\n  transcriptEvent,\n  usageEvent,\n} from \"../utils/events.js\";\n\nimport \"./audio-visualiser.js\";\nimport \"../icons/icons.js\";\n\n@customElement(\"dictation-recording-button\")\nexport class DictationRecordingButton extends LitElement {\n  @consume({ context: recordingStateContext, subscribe: true })\n  @state()\n  _recordingState: RecordingState = \"stopped\";\n\n  @consume({ context: selectedDeviceContext, subscribe: true })\n  @state()\n  _selectedDevice?: MediaDeviceInfo;\n\n  @consume({ context: accessTokenContext, subscribe: true })\n  @state()\n  _accessToken?: string;\n\n  @consume({ context: authConfigContext, subscribe: true })\n  @state()\n  _authConfig?: Corti.BearerOptions;\n\n  @consume({ context: regionContext, subscribe: true })\n  @state()\n  _region?: string;\n\n  @consume({ context: tenantNameContext, subscribe: true })\n  @state()\n  _tenantName?: string;\n\n  @consume({ context: dictationConfigContext, subscribe: true })\n  @state()\n  _dictationConfig?: Corti.TranscribeConfig;\n\n  @consume({ context: socketUrlContext, subscribe: true })\n  @state()\n  _socketUrl?: string;\n\n  @consume({ context: socketProxyContext, subscribe: true })\n  @state()\n  _socketProxy?: ProxyOptions;\n\n  @consume({ context: debugDisplayAudioContext, subscribe: true })\n  @state()\n  _debug_displayAudio?: boolean;\n\n  @consume({ context: pushToTalkKeybindingContext, subscribe: true })\n  @state()\n  _pushToTalkKeybinding?: string | null;\n\n  @consume({ context: toggleToTalkKeybindingContext, subscribe: true })\n  @state()\n  _toggleToTalkKeybinding?: string | null;\n\n  @property({ type: Boolean })\n  allowButtonFocus: boolean = false;\n\n  #mediaController = new MediaController(this);\n  #dictationController = new DictationController(this);\n  #keybindingController = new KeybindingController(this);\n  #closeConnectionOnInit = false;\n  #processing = false;\n  #connection: RecordingStateChangedEventDetail[\"connection\"] = \"CLOSED\";\n\n  static styles: CSSResultGroup = [RecordingButtonStyles, ButtonStyles];\n\n  protected update(changedProperties: PropertyValues) {\n    if (\n      changedProperties.has(\"_recordingState\") &&\n      this._recordingState === \"recording\" &&\n      this.#closeConnectionOnInit\n    ) {\n      this.#closeConnectionOnInit = false;\n      this.#handleStop();\n    }\n\n    super.update(changedProperties);\n  }\n\n  #handleClick(event: MouseEvent): void {\n    if (!this.allowButtonFocus) {\n      event.preventDefault();\n    }\n\n    this.toggleRecording();\n  }\n\n  #handleWebSocketMessage = (message: TranscribeMessage): void => {\n    switch (message.type) {\n      case \"CONFIG_ACCEPTED\":\n        console.log(\"[RecordingButton] CONFIG_ACCEPTED received\", {\n          recordingState: this._recordingState,\n          willSetProcessing: this._recordingState === \"initializing\",\n        });\n        if (this._recordingState === \"initializing\") {\n          this.#processing = true;\n          this.#dispatchRecordingStateChanged(\"recording\");\n        }\n        break;\n      case \"CONFIG_DENIED\":\n        this.dispatchEvent(\n          errorEvent(`Config denied: ${message.reason ?? \"Unknown reason\"}`),\n        );\n        this.#handleStop();\n        break;\n      case \"CONFIG_TIMEOUT\":\n        this.dispatchEvent(errorEvent(\"Config timeout\"));\n        this.#handleStop();\n        break;\n      case \"transcript\":\n        this.dispatchEvent(transcriptEvent(message));\n        break;\n      case \"command\":\n        this.dispatchEvent(commandEvent(message));\n        break;\n      case \"usage\":\n        this.dispatchEvent(usageEvent(message));\n        break;\n      case \"error\":\n        this.dispatchEvent(errorEvent(message.error));\n        this.#handleStop();\n        break;\n      case \"flushed\":\n        if (\n          this._recordingState === \"stopped\" ||\n          this._recordingState === \"stopping\"\n        ) {\n          this.#processing = false;\n          this.#dispatchRecordingStateChanged(this._recordingState);\n        }\n        break;\n    }\n  };\n\n  #handleWebSocketError = (error: Error): void => {\n    this.dispatchEvent(errorEvent(`Socket error: ${error.message}`));\n    this.#processing = false;\n    this.#connection = \"CLOSED\";\n    this.#handleStop();\n  };\n\n  #handleWebSocketClose = (event: unknown): void => {\n    // When we already have new socket opened\n    if (this.#dictationController.isConnectionOpen()) {\n      return;\n    }\n\n    this.#processing = false;\n    this.#connection = \"CLOSED\";\n    this.dispatchEvent(streamClosedEvent(event));\n    this.#dispatchRecordingStateChanged(this._recordingState);\n  };\n\n  #dispatchRecordingStateChanged(state: RecordingState): void {\n    this.dispatchEvent(\n      recordingStateChangedEvent(state, {\n        connection: this.#connection,\n        processing: this.#processing,\n      }),\n    );\n  }\n\n  async #handleStart(): Promise<void> {\n    console.log(\"[RecordingButton] handleStart() called\");\n    this.#dispatchRecordingStateChanged(\"initializing\");\n\n    try {\n      console.log(\"[RecordingButton] Initializing media controller...\");\n      await this.#mediaController.initialize(\n        this.#dictationController.mediaRecorderHandler,\n        () => {\n          if (this._recordingState === \"recording\") {\n            this.dispatchEvent(errorEvent(\"Recording device access was lost.\"));\n            this.#handleStop();\n          }\n        },\n      );\n      console.log(\"[RecordingButton] Starting MediaRecorder...\");\n      this.#mediaController.mediaRecorder?.start(AUDIO_CHUNK_INTERVAL_MS);\n      this.#mediaController.startAudioLevelMonitoring((level) => {\n        this.dispatchEvent(audioLevelChangedEvent(level));\n      });\n\n      if (this.#connection !== \"OPEN\") {\n        this.#connection = \"CONNECTING\";\n      }\n\n      this.#dispatchRecordingStateChanged(\"recording\");\n\n      console.log(\"[RecordingButton] Connecting to WebSocket...\");\n      const isNewConnection = await this.#dictationController.connect(\n        this._dictationConfig,\n        {\n          onClose: this.#handleWebSocketClose,\n          onError: this.#handleWebSocketError,\n          onMessage: this.#handleWebSocketMessage,\n          onNetworkActivity: (direction, data) => {\n            this.dispatchEvent(networkActivityEvent(direction, data));\n          },\n        },\n      );\n\n      console.log(\"[RecordingButton] Connection established\", { isNewConnection });\n\n      if (!isNewConnection) {\n        this.#processing = true;\n      }\n\n      this.#connection = \"OPEN\";\n\n      this.#dispatchRecordingStateChanged(\"recording\");\n    } catch (error) {\n      console.error(\"[RecordingButton] Error in handleStart:\", error);\n      this.dispatchEvent(errorEvent(error));\n      await this.#handleStop();\n    }\n  }\n\n  async #handleStop(): Promise<void> {\n    console.log(\"[RecordingButton] handleStop() called\");\n    this.#dispatchRecordingStateChanged(\"stopping\");\n\n    try {\n      console.log(\"[RecordingButton] Stopping audio level monitoring...\");\n      this.#mediaController.stopAudioLevelMonitoring();\n      console.log(\"[RecordingButton] Stopping media recorder...\");\n      await this.#mediaController.stopRecording();\n\n      this.#dispatchRecordingStateChanged(\"stopped\");\n\n      console.log(\"[RecordingButton] Calling dictationController.pause()...\");\n      await this.#dictationController.pause();\n      console.log(\"[RecordingButton] Cleaning up media controller...\");\n      await this.#mediaController.cleanup();\n      console.log(\"[RecordingButton] Stop complete\");\n    } catch (error) {\n      console.error(\"[RecordingButton] Error in handleStop:\", error);\n      this.dispatchEvent(errorEvent(error));\n    }\n  }\n\n  public startRecording(): void {\n    if (this._recordingState !== \"stopped\") {\n      return;\n    }\n\n    this.#handleStart();\n  }\n\n  public stopRecording(): void {\n    if (\n      this._recordingState === \"stopped\" ||\n      this._recordingState === \"stopping\"\n    ) {\n      return;\n    }\n\n    if (this._recordingState === \"initializing\") {\n      this.#closeConnectionOnInit = true;\n      return;\n    }\n\n    this.#handleStop();\n  }\n\n  public toggleRecording(): void {\n    if (this._recordingState === \"stopped\") {\n      this.startRecording();\n    } else if (this._recordingState === \"recording\") {\n      this.stopRecording();\n    }\n  }\n\n  public async openConnection(): Promise<void> {\n    if (this._recordingState !== \"stopped\" || this.#processing) {\n      return;\n    }\n\n    if (this.#dictationController.isConnectionOpen()) {\n      return;\n    }\n\n    try {\n      this.#connection = \"CONNECTING\";\n      this.#dispatchRecordingStateChanged(\"stopped\");\n\n      await this.#dictationController.connect(this._dictationConfig, {\n        onClose: this.#handleWebSocketClose,\n        onError: this.#handleWebSocketError,\n        onMessage: this.#handleWebSocketMessage,\n        onNetworkActivity: (direction, data) => {\n          this.dispatchEvent(networkActivityEvent(direction, data));\n        },\n      });\n\n      this.#connection = \"OPEN\";\n      this.#dispatchRecordingStateChanged(\"stopped\");\n    } catch (error) {\n      this.#connection = \"CLOSED\";\n      this.dispatchEvent(errorEvent(error));\n    }\n  }\n\n  public async closeConnection(): Promise<void> {\n    if (this._recordingState !== \"stopped\" || this.#processing) {\n      return;\n    }\n\n    if (!this.#dictationController.isConnectionOpen()) {\n      this.#connection = \"CLOSED\";\n      this.#dispatchRecordingStateChanged(\"stopped\");\n      return;\n    }\n\n    try {\n      this.#connection = \"CLOSING\";\n      this.#dispatchRecordingStateChanged(\"stopped\");\n      await this.#dictationController.closeConnection(\n        this.#handleWebSocketClose,\n      );\n    } catch (error) {\n      this.dispatchEvent(errorEvent(error));\n    }\n  }\n\n  render() {\n    const isLoading =\n      this._recordingState === \"initializing\" ||\n      this._recordingState === \"stopping\";\n    const isRecording = this._recordingState === \"recording\";\n\n    return html`\n      <button\n        @click=${this.#handleClick}\n        ?disabled=${isLoading}\n        class=${isRecording ? \"red\" : \"accent\"}\n        aria-label=${isRecording ? \"Stop recording\" : \"Start recording\"}\n        aria-pressed=${isRecording}\n      >\n        ${\n          isLoading\n            ? html`<icon-loading-spinner />`\n            : isRecording\n              ? html`<icon-recording />`\n              : html`<icon-mic-on />`\n        }\n        <dictation-audio-visualiser\n          .level=${this.#mediaController.audioLevel}\n          ?active=${isRecording}\n        />\n      </button>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"dictation-recording-button\": DictationRecordingButton;\n  }\n}\n"]}