@corti/dictation-web 0.1.5 → 0.1.7

package/dist/RecorderManager.js

@@ -1,21 +1,21 @@
-import { getAudioDevices } from './utils.js';
+import { getAudioDevices, getMediaStream } from './utils.js';
 import { AudioService } from './audioService.js';
 import { DictationService } from './DictationService.js';
 export class RecorderManager extends EventTarget {
     constructor() {
-        super(...arguments);
+        super();
         this.devices = [];
-        this.selectedDevice = '';
         this.recordingState = 'stopped';
         this._mediaStream = null;
         this._audioService = null;
         this._dictationService = null;
+        navigator.mediaDevices.addEventListener('devicechange', this.handleDevicesChange.bind(this));
     }
     async initialize() {
         const deviceResponse = await getAudioDevices();
         this.devices = deviceResponse.devices;
-        this.selectedDevice = deviceResponse.defaultDeviceId || '';
-        return deviceResponse;
+        this.selectedDevice = deviceResponse.defaultDevice;
+        return { devices: this.devices, selectedDevice: this.selectedDevice };
     }
     dispatchCustomEvent(eventName, detail) {
         this.dispatchEvent(new CustomEvent(eventName, {
@@ -24,34 +24,81 @@ export class RecorderManager extends EventTarget {
             composed: true,
         }));
     }
+    async handleDevicesChange() {
+        const deviceResponse = await getAudioDevices();
+        this.devices = deviceResponse.devices;
+        if (!this.devices.find(device => device.deviceId === this.selectedDevice?.deviceId)) {
+            this.selectedDevice = deviceResponse.defaultDevice;
+        }
+        this.dispatchCustomEvent('recording-devices-changed', {
+            devices: deviceResponse.devices,
+            selectedDevice: this.selectedDevice || deviceResponse.defaultDevice,
+        });
+    }
     async startRecording(params) {
         this._updateRecordingState('initializing');
-        // Get media stream and initialize audio service.
         try {
-            this._mediaStream = await navigator.mediaDevices.getUserMedia({
-                audio: { deviceId: this.selectedDevice },
+            this._mediaStream = await getMediaStream(params.debug_displayAudio
+                ? 'display_audio'
+                : this.selectedDevice?.deviceId);
+            this._mediaStream.getTracks().forEach((track) => {
+                track.addEventListener('ended', () => {
+                    if (this.recordingState === 'recording') {
+                        this.dispatchCustomEvent('error', {
+                            message: 'Microphone access was lost.',
+                        });
+                        this.stopRecording();
+                    }
+                });
             });
             this._audioService = new AudioService(this._mediaStream);
         }
         catch (error) {
             this.dispatchCustomEvent('error', error);
-            this._updateRecordingState('stopped');
+            this.stopRecording();
             return;
         }
         // Initialize dictation service.
         try {
             this._dictationService = new DictationService(this._mediaStream, params);
+            // Forward custom events from dictation service
+            this._dictationService.addEventListener('error', e => {
+                this.dispatchEvent(new CustomEvent('error', {
+                    detail: e.detail,
+                    bubbles: true,
+                    composed: true,
+                }));
+                this.stopRecording();
+            });
+            this._dictationService.addEventListener('stream-closed', () => this.stopRecording());
+            this._dictationService.addEventListener('transcript', e => this.dispatchEvent(new CustomEvent('transcript', {
+                detail: e.detail,
+                bubbles: true,
+                composed: true,
+            })));
+            this._dictationService.addEventListener('command', e => this.dispatchEvent(new CustomEvent('command', {
+                detail: e.detail,
+                bubbles: true,
+                composed: true,
+            })));
         }
         catch (error) {
             this.dispatchCustomEvent('error', error);
             this.stopRecording();
             return;
         }
-        // Forward dictation service events.
-        this._dictationService.addEventListener('error', e => this.dispatchCustomEvent('error', e.detail));
-        this._dictationService.addEventListener('stream-closed', () => this.stopRecording());
-        this._dictationService.addEventListener('transcript', e => this.dispatchCustomEvent('transcript', e.detail));
-        this._dictationService.startRecording();
+        try {
+            this._dictationService?.startRecording();
+        }
+        catch (error) {
+            this.dispatchEvent(new CustomEvent('error', {
+                detail: error,
+                bubbles: true,
+                composed: true,
+            }));
+            this.stopRecording();
+            return;
+        }
         this._updateRecordingState('recording');
         // Update audio level visualization.
         this._visualiserInterval = window.setInterval(() => {
@@ -69,8 +116,8 @@ export class RecorderManager extends EventTarget {
         }
         if (this._mediaStream) {
             this._mediaStream.getTracks().forEach(track => track.stop());
-            this._mediaStream = null;
         }
+        this.dispatchCustomEvent('audio-level-changed', { audioLevel: 0 });
         await this._dictationService?.stopRecording();
         this._updateRecordingState('stopped');
     }

package/dist/RecorderManager.js.map

@@ -1 +1 @@
-{"version":3,"file":"RecorderManager.js","sourceRoot":"","sources":["../src/RecorderManager.ts"],"names":[],"mappings":"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","sourcesContent":["import { getAudioDevices } from './utils.js';\nimport { AudioService } from './audioService.js';\nimport { DictationService } from './DictationService.js';\nimport type { DictationConfig, RecordingState } from './types.js';\n\nexport class RecorderManager extends EventTarget {\n  public devices: MediaDeviceInfo[] = [];\n\n  public selectedDevice: string = '';\n\n  public recordingState: RecordingState = 'stopped';\n\n  private _mediaStream: MediaStream | null = null;\n\n  private _audioService: AudioService | null = null;\n\n  private _dictationService: DictationService | null = null;\n\n  private _visualiserInterval?: number;\n\n  async initialize() {\n    const deviceResponse = await getAudioDevices();\n    this.devices = deviceResponse.devices;\n    this.selectedDevice = deviceResponse.defaultDeviceId || '';\n    return deviceResponse;\n  }\n  private dispatchCustomEvent(eventName: string, detail: unknown): void {\n    this.dispatchEvent(\n      new CustomEvent(eventName, {\n        detail,\n        bubbles: true,\n        composed: true,\n      }),\n    );\n  }\n\n  async startRecording(params: {\n    dictationConfig: DictationConfig;\n    authToken: string;\n  }): Promise<void> {\n    this._updateRecordingState('initializing');\n\n    // Get media stream and initialize audio service.\n    try {\n      this._mediaStream = await navigator.mediaDevices.getUserMedia({\n        audio: { deviceId: this.selectedDevice },\n      });\n      this._audioService = new AudioService(this._mediaStream);\n    } catch (error) {\n      this.dispatchCustomEvent('error', error);\n      this._updateRecordingState('stopped');\n      return;\n    }\n\n    // Initialize dictation service.\n    try {\n      this._dictationService = new DictationService(this._mediaStream, params);\n    } catch (error) {\n      this.dispatchCustomEvent('error', error);\n      this.stopRecording();\n      return;\n    }\n\n    // Forward dictation service events.\n    this._dictationService.addEventListener('error', e =>\n      this.dispatchCustomEvent('error', (e as CustomEvent).detail),\n    );\n    this._dictationService.addEventListener('stream-closed', () =>\n      this.stopRecording(),\n    );\n    this._dictationService.addEventListener('transcript', e =>\n      this.dispatchCustomEvent('transcript', (e as CustomEvent).detail),\n    );\n\n    this._dictationService.startRecording();\n    this._updateRecordingState('recording');\n\n    // Update audio level visualization.\n    this._visualiserInterval = window.setInterval(() => {\n      const level = this._audioService\n        ? this._audioService.getAudioLevel() * 3\n        : 0;\n      this.dispatchCustomEvent('audio-level-changed', { audioLevel: level });\n    }, 150);\n  }\n\n  async stopRecording() {\n    this._updateRecordingState('stopping');\n    if (this._visualiserInterval) {\n      clearInterval(this._visualiserInterval);\n      this._visualiserInterval = undefined;\n    }\n    if (this._mediaStream) {\n      this._mediaStream.getTracks().forEach(track => track.stop());\n      this._mediaStream = null;\n    }\n    await this._dictationService?.stopRecording();\n    this._updateRecordingState('stopped');\n  }\n\n  private _updateRecordingState(state: RecordingState) {\n    this.recordingState = state;\n    this.dispatchEvent(\n      new CustomEvent('recording-state-changed', {\n        detail: { state },\n        bubbles: true,\n        composed: true,\n      }),\n    );\n  }\n}\n"]}
+{"version":3,"file":"RecorderManager.js","sourceRoot":"","sources":["../src/RecorderManager.ts"],"names":[],"mappings":"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","sourcesContent":["import { getAudioDevices, getMediaStream } from './utils.js';\r\nimport { AudioService } from './audioService.js';\r\nimport { DictationService } from './DictationService.js';\r\nimport type { DictationConfig, RecordingState } from './types.js';\r\n\r\nexport class RecorderManager extends EventTarget {\r\n  public devices: MediaDeviceInfo[] = [];\r\n\r\n  public selectedDevice: MediaDeviceInfo | undefined;\r\n\r\n  public recordingState: RecordingState = 'stopped';\r\n\r\n  private _mediaStream: MediaStream | null = null;\r\n\r\n  private _audioService: AudioService | null = null;\r\n\r\n  private _dictationService: DictationService | null = null;\r\n\r\n  private _visualiserInterval?: number;\r\n\r\n  constructor() {\r\n    super();\r\n    navigator.mediaDevices.addEventListener(\r\n      'devicechange',\r\n      this.handleDevicesChange.bind(this),\r\n    );\r\n  }\r\n\r\n  async initialize() {\r\n    const deviceResponse = await getAudioDevices();\r\n    this.devices = deviceResponse.devices;\r\n    this.selectedDevice = deviceResponse.defaultDevice;\r\n    return { devices: this.devices, selectedDevice: this.selectedDevice };\r\n  }\r\n\r\n  private dispatchCustomEvent(eventName: string, detail?: unknown): void {\r\n    this.dispatchEvent(\r\n      new CustomEvent(eventName, {\r\n        detail,\r\n        bubbles: true,\r\n        composed: true,\r\n      }),\r\n    );\r\n  }\r\n\r\n  private async handleDevicesChange() {\r\n    const deviceResponse = await getAudioDevices();\r\n    this.devices = deviceResponse.devices;\r\n    if (\r\n      !this.devices.find(\r\n        device => device.deviceId === this.selectedDevice?.deviceId,\r\n      )\r\n    ) {\r\n      this.selectedDevice = deviceResponse.defaultDevice;\r\n    }\r\n    this.dispatchCustomEvent('recording-devices-changed', {\r\n      devices: deviceResponse.devices,\r\n      selectedDevice: this.selectedDevice || deviceResponse.defaultDevice,\r\n    });\r\n  }\r\n\r\n  async startRecording(params: {\r\n    dictationConfig: DictationConfig;\r\n    authToken: string;\r\n    debug_displayAudio?: boolean;\r\n  }): Promise<void> {\r\n    this._updateRecordingState('initializing');\r\n\r\n    try {\r\n      this._mediaStream = await getMediaStream(\r\n        params.debug_displayAudio\r\n          ? 'display_audio'\r\n          : this.selectedDevice?.deviceId,\r\n      );\r\n\r\n      this._mediaStream.getTracks().forEach((track: MediaStreamTrack) => {\r\n        track.addEventListener('ended', () => {\r\n          if (this.recordingState === 'recording') {\r\n            this.dispatchCustomEvent('error', {\r\n              message: 'Microphone access was lost.',\r\n            });\r\n            this.stopRecording();\r\n          }\r\n        });\r\n      });\r\n\r\n      this._audioService = new AudioService(this._mediaStream);\r\n    } catch (error) {\r\n      this.dispatchCustomEvent('error', error);\r\n      this.stopRecording();\r\n      return;\r\n    }\r\n\r\n    // Initialize dictation service.\r\n    try {\r\n      this._dictationService = new DictationService(this._mediaStream, params);\r\n\r\n      // Forward custom events from dictation service\r\n      this._dictationService.addEventListener('error', e => {\r\n        this.dispatchEvent(\r\n          new CustomEvent('error', {\r\n            detail: (e as CustomEvent).detail,\r\n            bubbles: true,\r\n            composed: true,\r\n          }),\r\n        );\r\n        this.stopRecording();\r\n      });\r\n      this._dictationService.addEventListener('stream-closed', () =>\r\n        this.stopRecording(),\r\n      );\r\n      this._dictationService.addEventListener('transcript', e =>\r\n        this.dispatchEvent(\r\n          new CustomEvent('transcript', {\r\n            detail: (e as CustomEvent).detail,\r\n            bubbles: true,\r\n            composed: true,\r\n          }),\r\n        ),\r\n      );\r\n      this._dictationService.addEventListener('command', e =>\r\n        this.dispatchEvent(\r\n          new CustomEvent('command', {\r\n            detail: (e as CustomEvent).detail,\r\n            bubbles: true,\r\n            composed: true,\r\n          }),\r\n        ),\r\n      );\r\n    } catch (error) {\r\n      this.dispatchCustomEvent('error', error);\r\n      this.stopRecording();\r\n      return;\r\n    }\r\n\r\n    try {\r\n      this._dictationService?.startRecording();\r\n    } catch (error) {\r\n      this.dispatchEvent(\r\n        new CustomEvent('error', {\r\n          detail: error,\r\n          bubbles: true,\r\n          composed: true,\r\n        }),\r\n      );\r\n      this.stopRecording();\r\n      return;\r\n    }\r\n    this._updateRecordingState('recording');\r\n\r\n    // Update audio level visualization.\r\n    this._visualiserInterval = window.setInterval(() => {\r\n      const level = this._audioService\r\n        ? this._audioService.getAudioLevel() * 3\r\n        : 0;\r\n      this.dispatchCustomEvent('audio-level-changed', { audioLevel: level });\r\n    }, 150);\r\n  }\r\n\r\n  async stopRecording() {\r\n    this._updateRecordingState('stopping');\r\n    if (this._visualiserInterval) {\r\n      clearInterval(this._visualiserInterval);\r\n      this._visualiserInterval = undefined;\r\n    }\r\n    if (this._mediaStream) {\r\n      this._mediaStream.getTracks().forEach(track => track.stop());\r\n    }\r\n    this.dispatchCustomEvent('audio-level-changed', { audioLevel: 0 });\r\n    await this._dictationService?.stopRecording();\r\n    this._updateRecordingState('stopped');\r\n  }\r\n\r\n  private _updateRecordingState(state: RecordingState) {\r\n    this.recordingState = state;\r\n    this.dispatchEvent(\r\n      new CustomEvent('recording-state-changed', {\r\n        detail: { state },\r\n        bubbles: true,\r\n        composed: true,\r\n      }),\r\n    );\r\n  }\r\n}\r\n"]}

package/dist/bundle.js

@@ -623,8 +623,8 @@ async function getAudioDevices() {
   try {
     const devices = await navigator.mediaDevices.enumerateDevices();
     const audioDevices = devices.filter((device) => device.kind === "audioinput");
-    const defaultDeviceId = audioDevices.length > 0 ? audioDevices[0].deviceId : void 0;
-    return { devices: audioDevices, defaultDeviceId };
+    const defaultDevice = audioDevices.length > 0 ? audioDevices[0] : void 0;
+    return { devices: audioDevices, defaultDevice };
   } catch (error) {
     console.error("Error enumerating devices:", error);
     return { devices: [] };
@@ -633,7 +633,7 @@ async function getAudioDevices() {
 function decodeToken(token) {
   const parts = token.split(".");
   if (parts.length < 2) {
-    throw new Error("Invalid token format: expected header.payload.signature");
+    throw new Error("Invalid token format");
   }
   const base64Url = parts[1];
   const base64 = base64Url.replace(/-/g, "+").replace(/_/g, "/");
@@ -663,6 +663,25 @@ function decodeToken(token) {
     };
   }
 }
+async function getMediaStream(deviceId) {
+  if (!deviceId) {
+    throw new Error("No device ID provided");
+  }
+  if (deviceId === "display_audio") {
+    const stream = await navigator.mediaDevices.getDisplayMedia({
+      audio: true,
+      video: true
+    });
+    stream.getTracks().forEach((track) => {
+      if (track.kind === "video") {
+        stream.removeTrack(track);
+      }
+    });
+    return stream;
+  }
+  const constraints = deviceId !== "default" ? { audio: { deviceId: { exact: deviceId } } } : { audio: true };
+  return await navigator.mediaDevices.getUserMedia(constraints);
+}
 
 // dist/audioService.js
 var AudioService = class {
@@ -697,7 +716,6 @@ var DictationService = class extends EventTarget {
     if (!config) {
       throw new Error("Invalid token");
     }
-    this.serverConfig = config;
     this.mediaRecorder.ondataavailable = (event) => {
       if (this.webSocket?.readyState === WebSocket.OPEN) {
         this.webSocket.send(event.data);
@@ -712,7 +730,16 @@ var DictationService = class extends EventTarget {
     }));
   }
   startRecording() {
-    const url = `wss://api.${this.serverConfig.environment}.corti.app/audio-bridge/v2/transcribe?tenant-name=${this.serverConfig.tenant}&token=Bearer%20${this.authToken}`;
+    const serverConfig = decodeToken(this.authToken);
+    if (!serverConfig) {
+      this.dispatchEvent(new CustomEvent("error", {
+        detail: "Invalid token",
+        bubbles: true,
+        composed: true
+      }));
+      return;
+    }
+    const url = `wss://api.${serverConfig.environment}.corti.app/audio-bridge/v2/transcribe?tenant-name=${serverConfig.tenant}&token=Bearer%20${this.authToken}`;
     this.webSocket = new WebSocket(url);
     this.webSocket.onopen = () => {
       this.webSocket.send(JSON.stringify({
@@ -722,10 +749,22 @@ var DictationService = class extends EventTarget {
     };
     this.webSocket.onmessage = (event) => {
       const message = JSON.parse(event.data);
-      if (message.type === "config") {
-        this.mediaRecorder.start(250);
-      } else if (message.type === "transcript") {
-        this.dispatchCustomEvent("transcript", message);
+      switch (message.type) {
+        case "CONFIG_ACCEPTED":
+          this.mediaRecorder.start(250);
+          break;
+        case "CONFIG_DENIED":
+          this.dispatchCustomEvent("error", message);
+          return this.stopRecording();
+        case "transcript":
+          this.dispatchCustomEvent("transcript", message);
+          break;
+        case "command":
+          this.dispatchCustomEvent("command", message);
+          break;
+        default:
+          console.warn(`Unhandled message type: ${message.type}`);
+          break;
       }
     };
     this.webSocket.onerror = (event) => {
@@ -736,7 +775,7 @@ var DictationService = class extends EventTarget {
     };
   }
   async stopRecording() {
-    this.mediaRecorder.stop();
+    this.mediaRecorder?.stop();
     if (this.webSocket?.readyState === WebSocket.OPEN) {
       this.webSocket.send(JSON.stringify({ type: "end" }));
     }
@@ -755,19 +794,19 @@ var DictationService = class extends EventTarget {
 // dist/RecorderManager.js
 var RecorderManager = class extends EventTarget {
   constructor() {
-    super(...arguments);
+    super();
     this.devices = [];
-    this.selectedDevice = "";
     this.recordingState = "stopped";
     this._mediaStream = null;
     this._audioService = null;
     this._dictationService = null;
+    navigator.mediaDevices.addEventListener("devicechange", this.handleDevicesChange.bind(this));
   }
   async initialize() {
     const deviceResponse = await getAudioDevices();
     this.devices = deviceResponse.devices;
-    this.selectedDevice = deviceResponse.defaultDeviceId || "";
-    return deviceResponse;
+    this.selectedDevice = deviceResponse.defaultDevice;
+    return { devices: this.devices, selectedDevice: this.selectedDevice };
   }
   dispatchCustomEvent(eventName, detail) {
     this.dispatchEvent(new CustomEvent(eventName, {
@@ -776,29 +815,74 @@ var RecorderManager = class extends EventTarget {
       composed: true
     }));
   }
+  async handleDevicesChange() {
+    const deviceResponse = await getAudioDevices();
+    this.devices = deviceResponse.devices;
+    if (!this.devices.find((device) => device.deviceId === this.selectedDevice?.deviceId)) {
+      this.selectedDevice = deviceResponse.defaultDevice;
+    }
+    this.dispatchCustomEvent("recording-devices-changed", {
+      devices: deviceResponse.devices,
+      selectedDevice: this.selectedDevice || deviceResponse.defaultDevice
+    });
+  }
   async startRecording(params) {
     this._updateRecordingState("initializing");
     try {
-      this._mediaStream = await navigator.mediaDevices.getUserMedia({
-        audio: { deviceId: this.selectedDevice }
+      this._mediaStream = await getMediaStream(params.debug_displayAudio ? "display_audio" : this.selectedDevice?.deviceId);
+      this._mediaStream.getTracks().forEach((track) => {
+        track.addEventListener("ended", () => {
+          if (this.recordingState === "recording") {
+            this.dispatchCustomEvent("error", {
+              message: "Microphone access was lost."
+            });
+            this.stopRecording();
+          }
+        });
       });
       this._audioService = new AudioService(this._mediaStream);
     } catch (error) {
       this.dispatchCustomEvent("error", error);
-      this._updateRecordingState("stopped");
+      this.stopRecording();
       return;
     }
     try {
       this._dictationService = new DictationService(this._mediaStream, params);
+      this._dictationService.addEventListener("error", (e5) => {
+        this.dispatchEvent(new CustomEvent("error", {
+          detail: e5.detail,
+          bubbles: true,
+          composed: true
+        }));
+        this.stopRecording();
+      });
+      this._dictationService.addEventListener("stream-closed", () => this.stopRecording());
+      this._dictationService.addEventListener("transcript", (e5) => this.dispatchEvent(new CustomEvent("transcript", {
+        detail: e5.detail,
+        bubbles: true,
+        composed: true
+      })));
+      this._dictationService.addEventListener("command", (e5) => this.dispatchEvent(new CustomEvent("command", {
+        detail: e5.detail,
+        bubbles: true,
+        composed: true
+      })));
     } catch (error) {
       this.dispatchCustomEvent("error", error);
       this.stopRecording();
       return;
     }
-    this._dictationService.addEventListener("error", (e5) => this.dispatchCustomEvent("error", e5.detail));
-    this._dictationService.addEventListener("stream-closed", () => this.stopRecording());
-    this._dictationService.addEventListener("transcript", (e5) => this.dispatchCustomEvent("transcript", e5.detail));
-    this._dictationService.startRecording();
+    try {
+      this._dictationService?.startRecording();
+    } catch (error) {
+      this.dispatchEvent(new CustomEvent("error", {
+        detail: error,
+        bubbles: true,
+        composed: true
+      }));
+      this.stopRecording();
+      return;
+    }
     this._updateRecordingState("recording");
     this._visualiserInterval = window.setInterval(() => {
       const level = this._audioService ? this._audioService.getAudioLevel() * 3 : 0;
@@ -813,8 +897,8 @@ var RecorderManager = class extends EventTarget {
     }
     if (this._mediaStream) {
       this._mediaStream.getTracks().forEach((track) => track.stop());
-      this._mediaStream = null;
     }
+    this.dispatchCustomEvent("audio-level-changed", { audioLevel: 0 });
     await this._dictationService?.stopRecording();
     this._updateRecordingState("stopped");
   }
@@ -943,7 +1027,9 @@ var CalloutStyles = i`
     display: flex;
     font-size: 0.9rem;
     gap: 8px;
-    align-items: flex-start;
+    align-items: center;
+    max-width: 100%;
+    height: fit-content;
     &.red {
       background: var(--callout-red-background);
       border: 1px solid var(--callout-red-border);
@@ -954,6 +1040,11 @@ var CalloutStyles = i`
       border: 1px solid var(--callout-orange-border);
       color: var(--callout-orange-text);
     }
+    &.small {
+      width: 100%;
+      padding: 6px;
+      font-size: 0.7rem;
+    }
   }
 `;
 var callout_default = CalloutStyles;
@@ -967,17 +1058,33 @@ var __decorate = function(decorators, target, key, desc) {
 };
 var SettingsMenu = class SettingsMenu2 extends r4 {
   constructor() {
-    super(...arguments);
-    this.devices = [];
-    this.selectedDevice = "";
+    super();
     this.selectedLanguage = "";
     this.settingsDisabled = false;
+    this._devices = [];
+    navigator.mediaDevices.addEventListener("devicechange", this.handleDevicesChange.bind(this));
+  }
+  // on load, get the available devices
+  async connectedCallback() {
+    super.connectedCallback();
+    const deviceResponse = await getAudioDevices();
+    this._devices = deviceResponse.devices;
+  }
+  async handleDevicesChange() {
+    const deviceResponse = await getAudioDevices();
+    this._devices = deviceResponse.devices;
   }
   _selectDevice(deviceId) {
-    this.selectedDevice = deviceId;
-    const device = this.devices.find((d3) => d3.deviceId === deviceId);
-    this.dispatchEvent(new CustomEvent("recording-device-changed", {
-      detail: device,
+    const device = this._devices.find((d3) => d3.deviceId === deviceId);
+    if (!device) {
+      return;
+    }
+    this.selectedDevice = device;
+    this.dispatchEvent(new CustomEvent("recording-devices-changed", {
+      detail: {
+        devices: this._devices,
+        selectedDevice: device
+      },
       bubbles: true,
       composed: true
     }));
@@ -1007,10 +1114,10 @@ var SettingsMenu = class SettingsMenu2 extends r4 {
     }}
                 ?disabled=${this.settingsDisabled}
               >
-                ${this.devices.map((device) => x`
+                ${this._devices.map((device) => x`
                     <option
                       value=${device.deviceId}
-                      ?selected=${this.selectedDevice === device.deviceId}
+                      ?selected=${this.selectedDevice === device}
                     >
                       ${device.label || "Unknown Device"}
                     </option>
@@ -1084,9 +1191,6 @@ SettingsMenu.styles = [
   select_default,
   callout_default
 ];
-__decorate([
-  n4({ type: Array })
-], SettingsMenu.prototype, "devices", void 0);
 __decorate([
   n4({ type: String })
 ], SettingsMenu.prototype, "selectedDevice", void 0);
@@ -1096,6 +1200,9 @@ __decorate([
 __decorate([
   n4({ type: Boolean })
 ], SettingsMenu.prototype, "settingsDisabled", void 0);
+__decorate([
+  r6()
+], SettingsMenu.prototype, "_devices", void 0);
 SettingsMenu = __decorate([
   t3("settings-menu")
 ], SettingsMenu);
@@ -1399,6 +1506,7 @@ var ComponentStyles = i`
     width: min-content;
     gap: 4px;
     height: 46px;
+    width: 98px;
     box-sizing: border-box;
     overflow: hidden;
   }
@@ -1449,19 +1557,28 @@ var __decorate4 = function(decorators, target, key, desc) {
 var CortiDictation = class extends r4 {
   constructor() {
     super(...arguments);
-    this.devices = [];
-    this.recordingState = "stopped";
     this.dictationConfig = DEFAULT_DICTATION_CONFIG;
+    this.debug_displayAudio = false;
     this._audioLevel = 0;
+    this._recordingState = "stopped";
+    this._devices = [];
     this.recorderManager = new RecorderManager();
   }
   async connectedCallback() {
     super.connectedCallback();
-    await this.recorderManager.initialize();
-    this.devices = this.recorderManager.devices;
+    const devices = await this.recorderManager.initialize();
+    if (devices.selectedDevice) {
+      this._selectedDevice = this.recorderManager.selectedDevice;
+      this._devices = this.recorderManager.devices;
+      this.dispatchEvent(new CustomEvent("ready"));
+    }
     const eventHandlers = {
       "recording-state-changed": (e5) => {
-        this.recordingState = e5.detail.state;
+        this._recordingState = e5.detail.state;
+      },
+      "devices-changed": () => {
+        this._devices = [...this.recorderManager.devices];
+        this.requestUpdate();
       },
       "audio-level-changed": (e5) => {
         this._audioLevel = e5.detail.audioLevel;
@@ -1470,9 +1587,12 @@ var CortiDictation = class extends r4 {
     };
     const eventsToRelay = [
       "recording-state-changed",
+      "recording-devices-changed",
       "audio-level-changed",
       "error",
-      "transcript"
+      "transcript",
+      "command",
+      "ready"
     ];
     eventsToRelay.forEach((eventName) => {
       this.recorderManager.addEventListener(eventName, (e5) => {
@@ -1491,45 +1611,57 @@ var CortiDictation = class extends r4 {
   toggleRecording() {
     this._toggleRecording();
   }
-  _toggleRecording() {
+  get selectedDevice() {
+    return this.recorderManager.selectedDevice || null;
+  }
+  get recordingState() {
+    return this._recordingState;
+  }
+  get devices() {
+    return this._devices;
+  }
+  async setRecordingDevice(device) {
+    this.recorderManager.selectedDevice = device;
+    this._selectedDevice = device;
     if (!this.authToken)
       return;
-    if (this.recordingState === "recording") {
-      this.recorderManager.stopRecording();
-    } else if (this.recordingState === "stopped") {
-      this.recorderManager.startRecording({
+    if (this._recordingState === "recording") {
+      await this.recorderManager.stopRecording();
+      await this.recorderManager.startRecording({
         dictationConfig: this.dictationConfig,
         authToken: this.authToken
       });
     }
   }
-  // Handle device change events if needed
-  async _onRecordingDeviceChanged(event) {
-    const customEvent = event;
+  _toggleRecording() {
     if (!this.authToken)
       return;
-    this.recorderManager.selectedDevice = customEvent.detail.deviceId;
-    if (this.recordingState === "recording") {
-      await this.recorderManager.stopRecording();
-      await this.recorderManager.startRecording({
+    if (this._recordingState === "recording") {
+      this.recorderManager.stopRecording();
+    } else if (this._recordingState === "stopped") {
+      this.recorderManager.startRecording({
         dictationConfig: this.dictationConfig,
-        authToken: this.authToken
+        authToken: this.authToken,
+        debug_displayAudio: this.debug_displayAudio
       });
     }
   }
+  // Handle device change events if needed
+  async _onRecordingDevicesChanged(event) {
+    const customEvent = event;
+    this.setRecordingDevice(customEvent.detail.selectedDevice);
+  }
   render() {
     const isConfigured = this.authToken;
     if (!isConfigured) {
       return x`
         <div class="wrapper">
-          <div class="callout red tiny">
-            Please configure the server settings in the parent component.
-          </div>
+          <div class="callout red small">No Auth Token</div>
         </div>
       `;
     }
-    const isLoading = this.recordingState === "initializing" || this.recordingState === "stopping";
-    const isRecording = this.recordingState === "recording";
+    const isLoading = this._recordingState === "initializing" || this._recordingState === "stopping";
+    const isRecording = this._recordingState === "recording";
     return x`
       <div class="wrapper">
         <button
@@ -1544,31 +1676,36 @@ var CortiDictation = class extends r4 {
         </button>
 
         <settings-menu
-          .devices=${this.devices}
-          .selectedDevice=${this.recorderManager.selectedDevice}
-          ?settingsDisabled=${this.recordingState !== "stopped"}
-          @recording-device-changed=${this._onRecordingDeviceChanged}
+          .selectedDevice=${this._selectedDevice}
+          ?settingsDisabled=${this._recordingState !== "stopped"}
+          @recording-devices-changed=${this._onRecordingDevicesChanged}
         ></settings-menu>
       </div>
     `;
   }
 };
 CortiDictation.styles = [buttons_default, theme_default, ComponentStyles_default, callout_default];
-__decorate4([
-  n4({ type: Array })
-], CortiDictation.prototype, "devices", void 0);
-__decorate4([
-  n4({ type: String, reflect: true })
-], CortiDictation.prototype, "recordingState", void 0);
 __decorate4([
   n4({ type: Object })
 ], CortiDictation.prototype, "dictationConfig", void 0);
 __decorate4([
   n4({ type: String })
 ], CortiDictation.prototype, "authToken", void 0);
+__decorate4([
+  n4({ type: Boolean })
+], CortiDictation.prototype, "debug_displayAudio", void 0);
 __decorate4([
   r6()
 ], CortiDictation.prototype, "_audioLevel", void 0);
+__decorate4([
+  r6()
+], CortiDictation.prototype, "_recordingState", void 0);
+__decorate4([
+  r6()
+], CortiDictation.prototype, "_selectedDevice", void 0);
+__decorate4([
+  r6()
+], CortiDictation.prototype, "_devices", void 0);
 var CortiDictation_default = CortiDictation;
 
 // dist/index.js

package/dist/components/settings-menu.d.ts

@@ -1,9 +1,12 @@
 import { LitElement, TemplateResult, CSSResultGroup } from 'lit';
 export declare class SettingsMenu extends LitElement {
-    devices: MediaDeviceInfo[];
-    selectedDevice: string;
+    selectedDevice: MediaDeviceInfo | undefined;
     selectedLanguage: string;
     settingsDisabled: boolean;
+    private _devices;
+    constructor();
+    connectedCallback(): Promise<void>;
+    private handleDevicesChange;
     static styles: CSSResultGroup;
     private _selectDevice;
     render(): TemplateResult;