@corti/dictation-web 0.1.7 → 0.1.9

package/dist/bundle.js

@@ -659,7 +659,7 @@ function decodeToken(token) {
     return {
       environment: match[2],
       tenant: match[3],
-      token
+      accessToken: token
     };
   }
 }
@@ -707,15 +707,11 @@ var AudioService = class {
 
 // dist/DictationService.js
 var DictationService = class extends EventTarget {
-  constructor(mediaStream, { dictationConfig, authToken }) {
+  constructor(mediaStream, { dictationConfig, serverConfig }) {
     super();
     this.mediaRecorder = new MediaRecorder(mediaStream);
-    this.authToken = authToken;
+    this.serverConfig = serverConfig;
     this.dictationConfig = dictationConfig;
-    const config = decodeToken(this.authToken);
-    if (!config) {
-      throw new Error("Invalid token");
-    }
     this.mediaRecorder.ondataavailable = (event) => {
       if (this.webSocket?.readyState === WebSocket.OPEN) {
         this.webSocket.send(event.data);
@@ -730,8 +726,7 @@ var DictationService = class extends EventTarget {
     }));
   }
   startRecording() {
-    const serverConfig = decodeToken(this.authToken);
-    if (!serverConfig) {
+    if (!this.serverConfig) {
       this.dispatchEvent(new CustomEvent("error", {
         detail: "Invalid token",
         bubbles: true,
@@ -739,7 +734,7 @@ var DictationService = class extends EventTarget {
       }));
       return;
     }
-    const url = `wss://api.${serverConfig.environment}.corti.app/audio-bridge/v2/transcribe?tenant-name=${serverConfig.tenant}&token=Bearer%20${this.authToken}`;
+    const url = `wss://api.${this.serverConfig.environment}.corti.app/audio-bridge/v2/transcribe?tenant-name=${this.serverConfig.tenant}&token=Bearer%20${this.serverConfig.accessToken}`;
     this.webSocket = new WebSocket(url);
     this.webSocket.onopen = () => {
       this.webSocket.send(JSON.stringify({
@@ -1019,9 +1014,9 @@ var DEFAULT_DICTATION_CONFIG = {
 // dist/styles/callout.js
 var CalloutStyles = i`
   .callout {
-    background: var(--callout-accent-background);
-    border: 1px solid var(--callout-accent-border);
-    color: var(--callout-accent-text);
+    background: var(--callout-info-background);
+    border: 1px solid var(--callout-info-border);
+    color: var(--callout-info-text);
     padding: 8px;
     border-radius: var(--card-inner-border-radius);
     display: flex;
@@ -1030,15 +1025,15 @@ var CalloutStyles = i`
     align-items: center;
     max-width: 100%;
     height: fit-content;
-    &.red {
-      background: var(--callout-red-background);
-      border: 1px solid var(--callout-red-border);
-      color: var(--callout-red-text);
+    &.error {
+      background: var(--callout-error-background);
+      border: 1px solid var(--callout-error-border);
+      color: var(--callout-warn-text);
     }
-    &.orange {
-      background: var(--callout-orange-background);
-      border: 1px solid var(--callout-orange-border);
-      color: var(--callout-orange-text);
+    &.warn {
+      background: var(--callout-warn-background);
+      border: 1px solid var(--callout-warn-border);
+      color: var(--callout-warn-text);
     }
     &.small {
       width: 100%;
@@ -1098,7 +1093,7 @@ var SettingsMenu = class SettingsMenu2 extends r4 {
         <div id="settings-popover" popover>
           <div class="settings-wrapper">
             ${this.settingsDisabled ? x`
-                  <div class="callout orange">
+                  <div class="callout warn">
                     Recording is in progress. Stop recording to change settings.
                   </div>
                 ` : ""}
@@ -1175,10 +1170,9 @@ SettingsMenu.styles = [
         width: 100%;
         min-width: 200px;
         position-anchor: --settings_popover_btn;
-        position-area: bottom;
+        position-area: bottom span-right;
         position-visibility: always;
-        /* inset: unset; */
-        transform: translateX(40%);
+        position-try-fallbacks: flip-inline;
         overflow-x: hidden;
       }
       .settings-wrapper {
@@ -1423,69 +1417,48 @@ IconLoadingSpinner = __decorate3([
 // dist/styles/theme.js
 var ThemeStyles = i`
   :host {
+    color-scheme: light dark;
     /* Component Defaults */
     --component-font-family: 'Segoe UI', Roboto, sans-serif;
-    --component-text-color: #333;
+    --component-text-color: light-dark(#333, #eee);
 
     /* Card Defaults */
-    --card-background: #fff;
-    --card-border-color: #ddd;
+    --card-background: light-dark(#fff, #333);
+    --card-border-color: light-dark(#ddd, #555);
     --card-padding: 4px;
     --card-border-radius: 8px;
     --card-inner-border-radius: 6px;
     --card-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
 
     /* Actions Defaults */
-    --action-plain-border-color: #ccc;
-    --action-plain-background-hover: #ddd;
+    --action-plain-border-color: light-dark(#ccc, #555);
+    --action-plain-background-hover: light-dark(#ddd, #444);
 
-    --action-accent-background: #007bff;
-    --action-accent-background-hover: #0056b3;
+    --action-accent-background: light-dark(#007bff, #0056b3);
+    --action-accent-background-hover: light-dark(#0056b3, #003d80);
     --action-accent-text-color: #fff;
 
-    --action-red-background: #dc3545;
-    --action-red-background-hover: #bd2130;
+    --action-red-background: light-dark(#dc3545, #bd2130);
+    --action-red-background-hover: light-dark(#bd2130, #a71c24);
     --action-red-text-color: #fff;
 
     /* Callout Defaults */
-    --callout-accent-background: #007bff33;
-    --callout-accent-border: #007bff99;
-    --callout-accent-text: #007bff;
+    --callout-info-background: light-dark(#007bff33, #0056b333);
+    --callout-info-border: light-dark(#007bff99, #0056b399);
+    --callout-info-text: light-dark(#007bff, #0056b3);
 
-    --callout-red-background: #dc354533;
-    --callout-red-border: #dc354599;
-    --callout-red-text: #dc3545;
+    --callout-error-background: light-dark(#dc354533, #bd213033);
+    --callout-error-border: light-dark(#dc354599, #bd213099);
+    --callout-error-text: light-dark(#dc3545, #bd2130);
 
-    --callout-orange-background: #fd7e1433;
-    --callout-orange-border: #fd7e1499;
-    --callout-orange-text: #fd7e14;
+    --callout-warn-background: light-dark(#fd7e1433, #e06c1233);
+    --callout-warn-border: light-dark(#fd7e1499, #e06c1299);
+    --callout-warn-text: light-dark(#fd7e14, #e06c12);
 
     /* Visualiser Defaults */
-    --visualiser-background: #e0e0e0;
-    --visualiser-level-color: #28a745;
+    --visualiser-background: light-dark(#e0e0e0, #fff);
   }
 
-  @media (prefers-color-scheme: dark) {
-    :host {
-      /* Component Dark */
-      --component-text-color: #eee;
-
-      /* Card Dark */
-      --card-background: #333;
-      --card-border-color: #555;
-
-      /* Actions Dark */
-      --action-plain-border-color: #555;
-      --action-plain-background: #333;
-      --action-plain-background-hover: #444;
-
-      --action-accent-background: #0056b3;
-      --action-accent-background-hover: #003d80;
-
-      /* Visualiser Dark */
-      --visualiser-background: #fff;
-    }
-  }
   :host {
     box-sizing: border-box;
     font-family: var(--component-font-family);
@@ -1611,6 +1584,15 @@ var CortiDictation = class extends r4 {
   toggleRecording() {
     this._toggleRecording();
   }
+  setAccessToken(token) {
+    try {
+      const decoded = decodeToken(token);
+      this._serverConfig = decoded;
+      return decoded;
+    } catch (e5) {
+      throw new Error("Invalid token");
+    }
+  }
   get selectedDevice() {
     return this.recorderManager.selectedDevice || null;
   }
@@ -1623,25 +1605,25 @@ var CortiDictation = class extends r4 {
   async setRecordingDevice(device) {
     this.recorderManager.selectedDevice = device;
     this._selectedDevice = device;
-    if (!this.authToken)
+    if (!this._serverConfig)
       return;
     if (this._recordingState === "recording") {
       await this.recorderManager.stopRecording();
       await this.recorderManager.startRecording({
         dictationConfig: this.dictationConfig,
-        authToken: this.authToken
+        serverConfig: this._serverConfig
       });
     }
   }
   _toggleRecording() {
-    if (!this.authToken)
+    if (!this._serverConfig)
       return;
     if (this._recordingState === "recording") {
       this.recorderManager.stopRecording();
     } else if (this._recordingState === "stopped") {
       this.recorderManager.startRecording({
         dictationConfig: this.dictationConfig,
-        authToken: this.authToken,
+        serverConfig: this._serverConfig,
         debug_displayAudio: this.debug_displayAudio
       });
     }
@@ -1652,13 +1634,8 @@ var CortiDictation = class extends r4 {
     this.setRecordingDevice(customEvent.detail.selectedDevice);
   }
   render() {
-    const isConfigured = this.authToken;
-    if (!isConfigured) {
-      return x`
-        <div class="wrapper">
-          <div class="callout red small">No Auth Token</div>
-        </div>
-      `;
+    if (!this._serverConfig) {
+      return x` <div style="display: none"></div> `;
     }
     const isLoading = this._recordingState === "initializing" || this._recordingState === "stopping";
     const isRecording = this._recordingState === "recording";
@@ -1688,12 +1665,12 @@ CortiDictation.styles = [buttons_default, theme_default, ComponentStyles_default
 __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, "_serverConfig", void 0);
 __decorate4([
   r6()
 ], CortiDictation.prototype, "_audioLevel", void 0);

package/dist/components/settings-menu.js

@@ -56,7 +56,7 @@ let SettingsMenu = class SettingsMenu extends LitElement {
           <div class="settings-wrapper">
             ${this.settingsDisabled
             ? html `
-                  <div class="callout orange">
+                  <div class="callout warn">
                     Recording is in progress. Stop recording to change settings.
                   </div>
                 `
@@ -134,10 +134,9 @@ SettingsMenu.styles = [
         width: 100%;
         min-width: 200px;
         position-anchor: --settings_popover_btn;
-        position-area: bottom;
+        position-area: bottom span-right;
         position-visibility: always;
-        /* inset: unset; */
-        transform: translateX(40%);
+        position-try-fallbacks: flip-inline;
         overflow-x: hidden;
       }
       .settings-wrapper {

package/dist/components/settings-menu.js.map

@@ -1 +1 @@
-{"version":3,"file":"settings-menu.js","sourceRoot":"","sources":["../../src/components/settings-menu.ts"],"names":[],"mappings":"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","sourcesContent":["// mic-selector.ts\nimport { LitElement, html, css, TemplateResult, CSSResultGroup } from 'lit';\nimport { customElement, property, state } from 'lit/decorators.js';\n\nimport ButtonStyles from '../styles/buttons.js';\nimport SelectStyles from '../styles/select.js';\nimport { LANGUAGES_SUPPORTED } from '../constants.js';\nimport { getAudioDevices, getLanguageName } from '../utils.js';\nimport CalloutStyles from '../styles/callout.js';\n\n@customElement('settings-menu')\nexport class SettingsMenu extends LitElement {\n  @property({ type: String })\n  selectedDevice: MediaDeviceInfo | undefined;\n\n  @property({ type: String })\n  selectedLanguage: string = '';\n\n  @property({ type: Boolean })\n  settingsDisabled: boolean = false;\n\n  @state()\n  private _devices: MediaDeviceInfo[] = [];\n\n  constructor() {\n    super();\n    navigator.mediaDevices.addEventListener(\n      'devicechange',\n      this.handleDevicesChange.bind(this),\n    );\n  }\n\n  // on load, get the available devices\n  async connectedCallback(): Promise<void> {\n    super.connectedCallback();\n    const deviceResponse = await getAudioDevices();\n    this._devices = deviceResponse.devices;\n  }\n\n  private async handleDevicesChange() {\n    const deviceResponse = await getAudioDevices();\n    this._devices = deviceResponse.devices;\n  }\n\n  static styles: CSSResultGroup = [\n    css`\n      :host {\n        display: block;\n        font-family: var(--component-font-family);\n      }\n      /* Retain the anchor-name styling for this component */\n      #settings-popover-button {\n        anchor-name: --settings_popover_btn;\n      }\n      [popover] {\n        margin: 0;\n        padding: 16px;\n        border: 0;\n        background: var(--card-background);\n        border: 1px solid var(--card-border-color);\n        border-radius: var(--card-border-radius);\n        box-shadow: var(--card-box-shadow);\n        z-index: 1000;\n        max-width: 260px;\n        width: 100%;\n        min-width: 200px;\n        position-anchor: --settings_popover_btn;\n        position-area: bottom;\n        position-visibility: always;\n        /* inset: unset; */\n        transform: translateX(40%);\n        overflow-x: hidden;\n      }\n      .settings-wrapper {\n        display: flex;\n        flex-direction: column;\n        gap: 20px;\n      }\n    `,\n    ButtonStyles,\n    SelectStyles,\n    CalloutStyles,\n  ];\n\n  private _selectDevice(deviceId: string): void {\n    // Find the device object\n    const device = this._devices.find(d => d.deviceId === deviceId);\n    if (!device) {\n      return;\n    }\n    this.selectedDevice = device;\n    this.dispatchEvent(\n      new CustomEvent('recording-devices-changed', {\n        detail: {\n          devices: this._devices,\n          selectedDevice: device,\n        },\n        bubbles: true,\n        composed: true,\n      }),\n    );\n  }\n\n  render(): TemplateResult {\n    return html`\n      <div class=\"mic-selector\">\n        <button id=\"settings-popover-button\" popovertarget=\"settings-popover\">\n          <icon-settings></icon-settings>\n        </button>\n        <div id=\"settings-popover\" popover>\n          <div class=\"settings-wrapper\">\n            ${this.settingsDisabled\n              ? html`\n                  <div class=\"callout orange\">\n                    Recording is in progress. Stop recording to change settings.\n                  </div>\n                `\n              : ''}\n            <div class=\"form-group\">\n              <label id=\"device-select-label\" for=\"device-select\">\n                Recording Device\n              </label>\n              <select\n                id=\"device-select\"\n                aria-labelledby=\"device-select-label\"\n                @change=${(e: Event) => {\n                  this._selectDevice((e.target as HTMLSelectElement).value);\n                }}\n                ?disabled=${this.settingsDisabled}\n              >\n                ${this._devices.map(\n                  device => html`\n                    <option\n                      value=${device.deviceId}\n                      ?selected=${this.selectedDevice === device}\n                    >\n                      ${device.label || 'Unknown Device'}\n                    </option>\n                  `,\n                )}\n              </select>\n            </div>\n            <div class=\"form-group\">\n              <label id=\"language-select-label\" for=\"language-select\">\n                Dictation Language\n              </label>\n              <select\n                id=\"language-select\"\n                aria-labelledby=\"language-select-label\"\n                @change=${(e: Event) => {\n                  this._selectDevice((e.target as HTMLSelectElement).value);\n                }}\n                ?disabled=${this.settingsDisabled}\n              >\n                ${LANGUAGES_SUPPORTED.map(\n                  language => html`\n                    <option\n                      value=${language}\n                      ?selected=${this.selectedLanguage === language}\n                    >\n                      ${getLanguageName(language)}\n                    </option>\n                  `,\n                )}\n              </select>\n            </div>\n          </div>\n        </div>\n      </div>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'settings-menu': SettingsMenu;\n  }\n}\n"]}
+{"version":3,"file":"settings-menu.js","sourceRoot":"","sources":["../../src/components/settings-menu.ts"],"names":[],"mappings":"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","sourcesContent":["// mic-selector.ts\nimport { LitElement, html, css, TemplateResult, CSSResultGroup } from 'lit';\nimport { customElement, property, state } from 'lit/decorators.js';\n\nimport ButtonStyles from '../styles/buttons.js';\nimport SelectStyles from '../styles/select.js';\nimport { LANGUAGES_SUPPORTED } from '../constants.js';\nimport { getAudioDevices, getLanguageName } from '../utils.js';\nimport CalloutStyles from '../styles/callout.js';\n\n@customElement('settings-menu')\nexport class SettingsMenu extends LitElement {\n  @property({ type: String })\n  selectedDevice: MediaDeviceInfo | undefined;\n\n  @property({ type: String })\n  selectedLanguage: string = '';\n\n  @property({ type: Boolean })\n  settingsDisabled: boolean = false;\n\n  @state()\n  private _devices: MediaDeviceInfo[] = [];\n\n  constructor() {\n    super();\n    navigator.mediaDevices.addEventListener(\n      'devicechange',\n      this.handleDevicesChange.bind(this),\n    );\n  }\n\n  // on load, get the available devices\n  async connectedCallback(): Promise<void> {\n    super.connectedCallback();\n    const deviceResponse = await getAudioDevices();\n    this._devices = deviceResponse.devices;\n  }\n\n  private async handleDevicesChange() {\n    const deviceResponse = await getAudioDevices();\n    this._devices = deviceResponse.devices;\n  }\n\n  static styles: CSSResultGroup = [\n    css`\n      :host {\n        display: block;\n        font-family: var(--component-font-family);\n      }\n      /* Retain the anchor-name styling for this component */\n      #settings-popover-button {\n        anchor-name: --settings_popover_btn;\n      }\n      [popover] {\n        margin: 0;\n        padding: 16px;\n        border: 0;\n        background: var(--card-background);\n        border: 1px solid var(--card-border-color);\n        border-radius: var(--card-border-radius);\n        box-shadow: var(--card-box-shadow);\n        z-index: 1000;\n        max-width: 260px;\n        width: 100%;\n        min-width: 200px;\n        position-anchor: --settings_popover_btn;\n        position-area: bottom span-right;\n        position-visibility: always;\n        position-try-fallbacks: flip-inline;\n        overflow-x: hidden;\n      }\n      .settings-wrapper {\n        display: flex;\n        flex-direction: column;\n        gap: 20px;\n      }\n    `,\n    ButtonStyles,\n    SelectStyles,\n    CalloutStyles,\n  ];\n\n  private _selectDevice(deviceId: string): void {\n    // Find the device object\n    const device = this._devices.find(d => d.deviceId === deviceId);\n    if (!device) {\n      return;\n    }\n    this.selectedDevice = device;\n    this.dispatchEvent(\n      new CustomEvent('recording-devices-changed', {\n        detail: {\n          devices: this._devices,\n          selectedDevice: device,\n        },\n        bubbles: true,\n        composed: true,\n      }),\n    );\n  }\n\n  render(): TemplateResult {\n    return html`\n      <div class=\"mic-selector\">\n        <button id=\"settings-popover-button\" popovertarget=\"settings-popover\">\n          <icon-settings></icon-settings>\n        </button>\n        <div id=\"settings-popover\" popover>\n          <div class=\"settings-wrapper\">\n            ${this.settingsDisabled\n              ? html`\n                  <div class=\"callout warn\">\n                    Recording is in progress. Stop recording to change settings.\n                  </div>\n                `\n              : ''}\n            <div class=\"form-group\">\n              <label id=\"device-select-label\" for=\"device-select\">\n                Recording Device\n              </label>\n              <select\n                id=\"device-select\"\n                aria-labelledby=\"device-select-label\"\n                @change=${(e: Event) => {\n                  this._selectDevice((e.target as HTMLSelectElement).value);\n                }}\n                ?disabled=${this.settingsDisabled}\n              >\n                ${this._devices.map(\n                  device => html`\n                    <option\n                      value=${device.deviceId}\n                      ?selected=${this.selectedDevice === device}\n                    >\n                      ${device.label || 'Unknown Device'}\n                    </option>\n                  `,\n                )}\n              </select>\n            </div>\n            <div class=\"form-group\">\n              <label id=\"language-select-label\" for=\"language-select\">\n                Dictation Language\n              </label>\n              <select\n                id=\"language-select\"\n                aria-labelledby=\"language-select-label\"\n                @change=${(e: Event) => {\n                  this._selectDevice((e.target as HTMLSelectElement).value);\n                }}\n                ?disabled=${this.settingsDisabled}\n              >\n                ${LANGUAGES_SUPPORTED.map(\n                  language => html`\n                    <option\n                      value=${language}\n                      ?selected=${this.selectedLanguage === language}\n                    >\n                      ${getLanguageName(language)}\n                    </option>\n                  `,\n                )}\n              </select>\n            </div>\n          </div>\n        </div>\n      </div>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'settings-menu': SettingsMenu;\n  }\n}\n"]}

package/dist/constants.js

@@ -4,6 +4,6 @@ export const DEFAULT_DICTATION_CONFIG = {
     interimResults: true,
     spokenPunctuation: true,
     automaticPunctuation: true,
-    model: 'others'
+    model: 'others',
 };
 //# sourceMappingURL=constants.js.map

package/dist/constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"constants.js","sourceRoot":"","sources":["../src/constants.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;AAChD,MAAM,CAAC,MAAM,wBAAwB,GAAoB;IACvD,eAAe,EAAE,IAAI;IACrB,cAAc,EAAE,IAAI;IACpB,iBAAiB,EAAE,IAAI;IACvB,oBAAoB,EAAE,IAAI;IAC1B,KAAK,EAAE,QAAQ;CAChB,CAAC","sourcesContent":["import { DictationConfig } from './types.js';\r\n\r\nexport const LANGUAGES_SUPPORTED = ['en', 'da'];\r\nexport const DEFAULT_DICTATION_CONFIG: DictationConfig = {\r\n  primaryLanguage: 'en',\r\n  interimResults: true,\r\n  spokenPunctuation: true,\r\n  automaticPunctuation: true,\r\n  model: 'others'\r\n};\r\n"]}
+{"version":3,"file":"constants.js","sourceRoot":"","sources":["../src/constants.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;AAChD,MAAM,CAAC,MAAM,wBAAwB,GAAoB;IACvD,eAAe,EAAE,IAAI;IACrB,cAAc,EAAE,IAAI;IACpB,iBAAiB,EAAE,IAAI;IACvB,oBAAoB,EAAE,IAAI;IAC1B,KAAK,EAAE,QAAQ;CAChB,CAAC","sourcesContent":["import { DictationConfig } from './types.js';\r\n\r\nexport const LANGUAGES_SUPPORTED = ['en', 'da'];\r\nexport const DEFAULT_DICTATION_CONFIG: DictationConfig = {\r\n  primaryLanguage: 'en',\r\n  interimResults: true,\r\n  spokenPunctuation: true,\r\n  automaticPunctuation: true,\r\n  model: 'others',\r\n};\r\n"]}

package/dist/styles/callout.js

@@ -1,33 +1,33 @@
 import { css } from 'lit';
-const CalloutStyles = css `
-  .callout {
-    background: var(--callout-accent-background);
-    border: 1px solid var(--callout-accent-border);
-    color: var(--callout-accent-text);
-    padding: 8px;
-    border-radius: var(--card-inner-border-radius);
-    display: flex;
-    font-size: 0.9rem;
-    gap: 8px;
-    align-items: center;
-    max-width: 100%;
-    height: fit-content;
-    &.red {
-      background: var(--callout-red-background);
-      border: 1px solid var(--callout-red-border);
-      color: var(--callout-red-text);
-    }
-    &.orange {
-      background: var(--callout-orange-background);
-      border: 1px solid var(--callout-orange-border);
-      color: var(--callout-orange-text);
-    }
-    &.small {
-      width: 100%;
-      padding: 6px;
-      font-size: 0.7rem;
-    }
-  }
+const CalloutStyles = css `
+  .callout {
+    background: var(--callout-info-background);
+    border: 1px solid var(--callout-info-border);
+    color: var(--callout-info-text);
+    padding: 8px;
+    border-radius: var(--card-inner-border-radius);
+    display: flex;
+    font-size: 0.9rem;
+    gap: 8px;
+    align-items: center;
+    max-width: 100%;
+    height: fit-content;
+    &.error {
+      background: var(--callout-error-background);
+      border: 1px solid var(--callout-error-border);
+      color: var(--callout-warn-text);
+    }
+    &.warn {
+      background: var(--callout-warn-background);
+      border: 1px solid var(--callout-warn-border);
+      color: var(--callout-warn-text);
+    }
+    &.small {
+      width: 100%;
+      padding: 6px;
+      font-size: 0.7rem;
+    }
+  }
 `;
 export default CalloutStyles;
 //# sourceMappingURL=callout.js.map

package/dist/styles/callout.js.map

@@ -1 +1 @@
-{"version":3,"file":"callout.js","sourceRoot":"","sources":["../../src/styles/callout.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,aAAa,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6BxB,CAAC;AAEF,eAAe,aAAa,CAAC","sourcesContent":["import { css } from 'lit';\r\n\r\nconst CalloutStyles = css`\r\n  .callout {\r\n    background: var(--callout-accent-background);\r\n    border: 1px solid var(--callout-accent-border);\r\n    color: var(--callout-accent-text);\r\n    padding: 8px;\r\n    border-radius: var(--card-inner-border-radius);\r\n    display: flex;\r\n    font-size: 0.9rem;\r\n    gap: 8px;\r\n    align-items: center;\r\n    max-width: 100%;\r\n    height: fit-content;\r\n    &.red {\r\n      background: var(--callout-red-background);\r\n      border: 1px solid var(--callout-red-border);\r\n      color: var(--callout-red-text);\r\n    }\r\n    &.orange {\r\n      background: var(--callout-orange-background);\r\n      border: 1px solid var(--callout-orange-border);\r\n      color: var(--callout-orange-text);\r\n    }\r\n    &.small {\r\n      width: 100%;\r\n      padding: 6px;\r\n      font-size: 0.7rem;\r\n    }\r\n  }\r\n`;\r\n\r\nexport default CalloutStyles;\r\n"]}
+{"version":3,"file":"callout.js","sourceRoot":"","sources":["../../src/styles/callout.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,aAAa,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6BxB,CAAC;AAEF,eAAe,aAAa,CAAC","sourcesContent":["import { css } from 'lit';\n\nconst CalloutStyles = css`\n  .callout {\n    background: var(--callout-info-background);\n    border: 1px solid var(--callout-info-border);\n    color: var(--callout-info-text);\n    padding: 8px;\n    border-radius: var(--card-inner-border-radius);\n    display: flex;\n    font-size: 0.9rem;\n    gap: 8px;\n    align-items: center;\n    max-width: 100%;\n    height: fit-content;\n    &.error {\n      background: var(--callout-error-background);\n      border: 1px solid var(--callout-error-border);\n      color: var(--callout-warn-text);\n    }\n    &.warn {\n      background: var(--callout-warn-background);\n      border: 1px solid var(--callout-warn-border);\n      color: var(--callout-warn-text);\n    }\n    &.small {\n      width: 100%;\n      padding: 6px;\n      font-size: 0.7rem;\n    }\n  }\n`;\n\nexport default CalloutStyles;\n"]}

package/dist/styles/theme.js

@@ -1,69 +1,48 @@
 import { css } from 'lit';
 const ThemeStyles = css `
   :host {
+    color-scheme: light dark;
     /* Component Defaults */
     --component-font-family: 'Segoe UI', Roboto, sans-serif;
-    --component-text-color: #333;
+    --component-text-color: light-dark(#333, #eee);
 
     /* Card Defaults */
-    --card-background: #fff;
-    --card-border-color: #ddd;
+    --card-background: light-dark(#fff, #333);
+    --card-border-color: light-dark(#ddd, #555);
     --card-padding: 4px;
     --card-border-radius: 8px;
     --card-inner-border-radius: 6px;
     --card-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
 
     /* Actions Defaults */
-    --action-plain-border-color: #ccc;
-    --action-plain-background-hover: #ddd;
+    --action-plain-border-color: light-dark(#ccc, #555);
+    --action-plain-background-hover: light-dark(#ddd, #444);
 
-    --action-accent-background: #007bff;
-    --action-accent-background-hover: #0056b3;
+    --action-accent-background: light-dark(#007bff, #0056b3);
+    --action-accent-background-hover: light-dark(#0056b3, #003d80);
     --action-accent-text-color: #fff;
 
-    --action-red-background: #dc3545;
-    --action-red-background-hover: #bd2130;
+    --action-red-background: light-dark(#dc3545, #bd2130);
+    --action-red-background-hover: light-dark(#bd2130, #a71c24);
     --action-red-text-color: #fff;
 
     /* Callout Defaults */
-    --callout-accent-background: #007bff33;
-    --callout-accent-border: #007bff99;
-    --callout-accent-text: #007bff;
+    --callout-info-background: light-dark(#007bff33, #0056b333);
+    --callout-info-border: light-dark(#007bff99, #0056b399);
+    --callout-info-text: light-dark(#007bff, #0056b3);
 
-    --callout-red-background: #dc354533;
-    --callout-red-border: #dc354599;
-    --callout-red-text: #dc3545;
+    --callout-error-background: light-dark(#dc354533, #bd213033);
+    --callout-error-border: light-dark(#dc354599, #bd213099);
+    --callout-error-text: light-dark(#dc3545, #bd2130);
 
-    --callout-orange-background: #fd7e1433;
-    --callout-orange-border: #fd7e1499;
-    --callout-orange-text: #fd7e14;
+    --callout-warn-background: light-dark(#fd7e1433, #e06c1233);
+    --callout-warn-border: light-dark(#fd7e1499, #e06c1299);
+    --callout-warn-text: light-dark(#fd7e14, #e06c12);
 
     /* Visualiser Defaults */
-    --visualiser-background: #e0e0e0;
-    --visualiser-level-color: #28a745;
+    --visualiser-background: light-dark(#e0e0e0, #fff);
   }
 
-  @media (prefers-color-scheme: dark) {
-    :host {
-      /* Component Dark */
-      --component-text-color: #eee;
-
-      /* Card Dark */
-      --card-background: #333;
-      --card-border-color: #555;
-
-      /* Actions Dark */
-      --action-plain-border-color: #555;
-      --action-plain-background: #333;
-      --action-plain-background-hover: #444;
-
-      --action-accent-background: #0056b3;
-      --action-accent-background-hover: #003d80;
-
-      /* Visualiser Dark */
-      --visualiser-background: #fff;
-    }
-  }
   :host {
     box-sizing: border-box;
     font-family: var(--component-font-family);

package/dist/styles/theme.js.map

@@ -1 +1 @@
-{"version":3,"file":"theme.js","sourceRoot":"","sources":["../../src/styles/theme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,WAAW,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsEtB,CAAC;AAEF,eAAe,WAAW,CAAC","sourcesContent":["import { css } from 'lit';\n\nconst ThemeStyles = css`\n  :host {\n    /* Component Defaults */\n    --component-font-family: 'Segoe UI', Roboto, sans-serif;\n    --component-text-color: #333;\n\n    /* Card Defaults */\n    --card-background: #fff;\n    --card-border-color: #ddd;\n    --card-padding: 4px;\n    --card-border-radius: 8px;\n    --card-inner-border-radius: 6px;\n    --card-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);\n\n    /* Actions Defaults */\n    --action-plain-border-color: #ccc;\n    --action-plain-background-hover: #ddd;\n\n    --action-accent-background: #007bff;\n    --action-accent-background-hover: #0056b3;\n    --action-accent-text-color: #fff;\n\n    --action-red-background: #dc3545;\n    --action-red-background-hover: #bd2130;\n    --action-red-text-color: #fff;\n\n    /* Callout Defaults */\n    --callout-accent-background: #007bff33;\n    --callout-accent-border: #007bff99;\n    --callout-accent-text: #007bff;\n\n    --callout-red-background: #dc354533;\n    --callout-red-border: #dc354599;\n    --callout-red-text: #dc3545;\n\n    --callout-orange-background: #fd7e1433;\n    --callout-orange-border: #fd7e1499;\n    --callout-orange-text: #fd7e14;\n\n    /* Visualiser Defaults */\n    --visualiser-background: #e0e0e0;\n    --visualiser-level-color: #28a745;\n  }\n\n  @media (prefers-color-scheme: dark) {\n    :host {\n      /* Component Dark */\n      --component-text-color: #eee;\n\n      /* Card Dark */\n      --card-background: #333;\n      --card-border-color: #555;\n\n      /* Actions Dark */\n      --action-plain-border-color: #555;\n      --action-plain-background: #333;\n      --action-plain-background-hover: #444;\n\n      --action-accent-background: #0056b3;\n      --action-accent-background-hover: #003d80;\n\n      /* Visualiser Dark */\n      --visualiser-background: #fff;\n    }\n  }\n  :host {\n    box-sizing: border-box;\n    font-family: var(--component-font-family);\n    color: var(--component-text-color);\n  }\n`;\n\nexport default ThemeStyles;\n"]}
+{"version":3,"file":"theme.js","sourceRoot":"","sources":["../../src/styles/theme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,WAAW,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiDtB,CAAC;AAEF,eAAe,WAAW,CAAC","sourcesContent":["import { css } from 'lit';\n\nconst ThemeStyles = css`\n  :host {\n    color-scheme: light dark;\n    /* Component Defaults */\n    --component-font-family: 'Segoe UI', Roboto, sans-serif;\n    --component-text-color: light-dark(#333, #eee);\n\n    /* Card Defaults */\n    --card-background: light-dark(#fff, #333);\n    --card-border-color: light-dark(#ddd, #555);\n    --card-padding: 4px;\n    --card-border-radius: 8px;\n    --card-inner-border-radius: 6px;\n    --card-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);\n\n    /* Actions Defaults */\n    --action-plain-border-color: light-dark(#ccc, #555);\n    --action-plain-background-hover: light-dark(#ddd, #444);\n\n    --action-accent-background: light-dark(#007bff, #0056b3);\n    --action-accent-background-hover: light-dark(#0056b3, #003d80);\n    --action-accent-text-color: #fff;\n\n    --action-red-background: light-dark(#dc3545, #bd2130);\n    --action-red-background-hover: light-dark(#bd2130, #a71c24);\n    --action-red-text-color: #fff;\n\n    /* Callout Defaults */\n    --callout-info-background: light-dark(#007bff33, #0056b333);\n    --callout-info-border: light-dark(#007bff99, #0056b399);\n    --callout-info-text: light-dark(#007bff, #0056b3);\n\n    --callout-error-background: light-dark(#dc354533, #bd213033);\n    --callout-error-border: light-dark(#dc354599, #bd213099);\n    --callout-error-text: light-dark(#dc3545, #bd2130);\n\n    --callout-warn-background: light-dark(#fd7e1433, #e06c1233);\n    --callout-warn-border: light-dark(#fd7e1499, #e06c1299);\n    --callout-warn-text: light-dark(#fd7e14, #e06c12);\n\n    /* Visualiser Defaults */\n    --visualiser-background: light-dark(#e0e0e0, #fff);\n  }\n\n  :host {\n    box-sizing: border-box;\n    font-family: var(--component-font-family);\n    color: var(--component-text-color);\n  }\n`;\n\nexport default ThemeStyles;\n"]}

package/dist/types.d.ts

@@ -19,8 +19,8 @@ export interface DictationConfig {
 }
 export type PartialDictationConfig = Partial<DictationConfig>;
 export interface ServerConfig {
-    environment?: string;
-    tenant?: string;
-    token?: string;
+    environment: string;
+    tenant: string;
+    accessToken: string;
 }
 export {};

package/dist/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"","sourcesContent":["export type RecordingState =\n  | 'initializing'\n  | 'recording'\n  | 'stopping'\n  | 'stopped';\n\ninterface CommandVariable {\n  key: string;\n  type: 'enum' | 'string';\n  enum?: string[];\n}\n\nexport interface Command {\n  id: string;\n  phrases: string[];\n  variables?: CommandVariable[];\n}\n\nexport interface DictationConfig {\n  primaryLanguage: string;\n  interimResults: boolean;\n  spokenPunctuation: boolean;\n  automaticPunctuation: boolean;\n  model: string;\n  commands?: Command[];\n}\n\nexport type PartialDictationConfig = Partial<DictationConfig>;\n\nexport interface ServerConfig {\n  environment?: string;\n  tenant?: string;\n  token?: string;\n}\n"]}
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"","sourcesContent":["export type RecordingState =\n  | 'initializing'\n  | 'recording'\n  | 'stopping'\n  | 'stopped';\n\ninterface CommandVariable {\n  key: string;\n  type: 'enum' | 'string';\n  enum?: string[];\n}\n\nexport interface Command {\n  id: string;\n  phrases: string[];\n  variables?: CommandVariable[];\n}\n\nexport interface DictationConfig {\n  primaryLanguage: string;\n  interimResults: boolean;\n  spokenPunctuation: boolean;\n  automaticPunctuation: boolean;\n  model: string;\n  commands?: Command[];\n}\n\nexport type PartialDictationConfig = Partial<DictationConfig>;\n\nexport interface ServerConfig {\n  environment: string;\n  tenant: string;\n  accessToken: string;\n}\n"]}

package/dist/utils.d.ts

@@ -41,7 +41,7 @@ export declare function getAudioDevices(): Promise<{
  * @returns An object containing:
  *  - `environment`: The extracted environment from the issuer URL.
  *  - `tenant`: The extracted tenant from the issuer URL.
- *  - `token`: The original token string.
+ *  - `accessToken`: The original token string.
  * If the issuer URL doesn't match the expected format, the function returns the full decoded token details.
  *
  * @throws Will throw an error if:
@@ -53,6 +53,6 @@ export declare function getAudioDevices(): Promise<{
 export declare function decodeToken(token: string): {
     environment: string;
     tenant: string;
-    token: string;
+    accessToken: string;
 } | undefined;
 export declare function getMediaStream(deviceId?: string): Promise<MediaStream>;

package/dist/utils.js

@@ -86,7 +86,7 @@ export async function getAudioDevices() {
  * @returns An object containing:
  *  - `environment`: The extracted environment from the issuer URL.
  *  - `tenant`: The extracted tenant from the issuer URL.
- *  - `token`: The original token string.
+ *  - `accessToken`: The original token string.
  * If the issuer URL doesn't match the expected format, the function returns the full decoded token details.
  *
  * @throws Will throw an error if:
@@ -139,7 +139,7 @@ export function decodeToken(token) {
         return {
             environment: match[2],
             tenant: match[3],
-            token,
+            accessToken: token,
         };
     }
 }

package/dist/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sourceRoot":"","sources":["../src/utils.ts"],"names":[],"mappings":"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","sourcesContent":["/* eslint-disable no-console */\r\n/**\r\n * Returns the localized name of a language given its BCP-47 code.\r\n *\r\n * @param languageCode - The BCP-47 language code (e.g. \"en\")\r\n * @returns The localized language name (e.g. \"English\") or the original code if unavailable.\r\n */\r\nexport function getLanguageName(languageCode: string): string {\r\n  const userLocale = navigator.language || 'en';\r\n  const displayNames = new Intl.DisplayNames([userLocale], {\r\n    type: 'language',\r\n  });\r\n  const languageName = displayNames.of(languageCode);\r\n  return languageName || languageCode;\r\n}\r\n\r\n/**\r\n * Requests access to the microphone.\r\n *\r\n * This function checks if the microphone permission is in \"prompt\" state, then requests\r\n * access and stops any active tracks immediately. It also logs if permission is already granted.\r\n *\r\n * @returns A promise that resolves when the permission request is complete.\r\n */\r\nexport async function requestMicAccess(): Promise<void> {\r\n  try {\r\n    // Fallback if Permissions API is not available\r\n    if (!navigator.permissions) {\r\n      const stream = await navigator.mediaDevices.getUserMedia({ audio: true });\r\n      stream.getTracks().forEach(track => track.stop());\r\n      return;\r\n    }\r\n\r\n    const permissionStatus = await navigator.permissions.query({\r\n      // eslint-disable-next-line no-undef\r\n      name: 'microphone' as PermissionName,\r\n    });\r\n\r\n    if (permissionStatus.state === 'prompt') {\r\n      const stream = await navigator.mediaDevices.getUserMedia({ audio: true });\r\n      stream.getTracks().forEach(track => track.stop());\r\n    } else if (permissionStatus.state === 'denied') {\r\n      console.warn('Microphone permission is denied.');\r\n    }\r\n  } catch (error) {\r\n    console.error('Error checking/requesting microphone permission:', error);\r\n  }\r\n}\r\n\r\n/**\r\n * Retrieves available audio input devices.\r\n *\r\n * This function uses the mediaDevices API to enumerate devices and filters out those\r\n * which are audio inputs. In some browsers, you may need to request user media before\r\n * device labels are populated.\r\n *\r\n * @returns A promise that resolves with an object containing:\r\n *  - `devices`: an array of MediaDeviceInfo objects for audio inputs.\r\n *  - `defaultDeviceId`: the deviceId of the first audio input, if available.\r\n */\r\nexport async function getAudioDevices(): Promise<{\r\n  devices: MediaDeviceInfo[];\r\n  defaultDevice?: MediaDeviceInfo;\r\n}> {\r\n  if (!navigator.mediaDevices?.enumerateDevices) {\r\n    console.error('Media devices API not supported.');\r\n    return { devices: [] };\r\n  }\r\n\r\n  await requestMicAccess();\r\n\r\n  try {\r\n    // Optionally: await navigator.mediaDevices.getUserMedia({ audio: true });\r\n    const devices = await navigator.mediaDevices.enumerateDevices();\r\n    const audioDevices = devices.filter(device => device.kind === 'audioinput');\r\n    const defaultDevice = audioDevices.length > 0 ? audioDevices[0] : undefined;\r\n    return { devices: audioDevices, defaultDevice };\r\n  } catch (error) {\r\n    console.error('Error enumerating devices:', error);\r\n    return { devices: [] };\r\n  }\r\n}\r\n\r\n/**\r\n * Decodes a JWT token and extracts environment and tenant details from its issuer URL.\r\n *\r\n * This function assumes the JWT token follows the standard header.payload.signature format.\r\n * It decodes the payload from base64 URL format, parses it as JSON, and then uses a regex\r\n * to extract the `environment` and `tenant` from the issuer URL (iss field) if it matches the pattern:\r\n * https://keycloak.{environment}.corti.app/realms/{tenant}.\r\n *\r\n * @param token - A JSON Web Token (JWT) string.\r\n * @returns An object containing:\r\n *  - `environment`: The extracted environment from the issuer URL.\r\n *  - `tenant`: The extracted tenant from the issuer URL.\r\n *  - `token`: The original token string.\r\n * If the issuer URL doesn't match the expected format, the function returns the full decoded token details.\r\n *\r\n * @throws Will throw an error if:\r\n *  - The token format is invalid.\r\n *  - The base64 decoding or URI decoding fails.\r\n *  - The JSON payload is invalid.\r\n *  - The token payload does not contain an issuer (iss) field.\r\n */\r\nexport function decodeToken(token: string) {\r\n  // Validate the token structure (should contain at least header and payload parts)\r\n  const parts = token.split('.');\r\n  if (parts.length < 2) {\r\n    throw new Error('Invalid token format');\r\n  }\r\n\r\n  // Retrieve the payload (second part) of the JWT token\r\n  const base64Url = parts[1];\r\n\r\n  // Replace URL-safe characters to match standard base64 encoding\r\n  const base64 = base64Url.replace(/-/g, '+').replace(/_/g, '/');\r\n\r\n  // Decode the base64 string into a JSON string\r\n  let jsonPayload: string;\r\n  try {\r\n    jsonPayload = decodeURIComponent(\r\n      atob(base64)\r\n        .split('')\r\n        .map(c => '%' + ('00' + c.charCodeAt(0).toString(16)).slice(-2))\r\n        .join(''),\r\n    );\r\n  } catch (error) {\r\n    throw new Error('Failed to decode token payload');\r\n  }\r\n\r\n  // Parse the JSON string to obtain token details\r\n  let tokenDetails: { iss: string; [key: string]: unknown };\r\n  try {\r\n    tokenDetails = JSON.parse(jsonPayload);\r\n  } catch (error) {\r\n    throw new Error('Invalid JSON payload in token');\r\n  }\r\n\r\n  // Extract the issuer URL from the token details\r\n  const issuerUrl: string = tokenDetails.iss;\r\n  if (!issuerUrl) {\r\n    throw new Error('Token payload does not contain an issuer (iss) field');\r\n  }\r\n\r\n  // Regex to extract environment and tenant from issuer URL:\r\n  // Expected format: https://keycloak.{environment}.corti.app/realms/{tenant}\r\n  // Note: Unnecessary escapes in character classes have been removed.\r\n  const regex =\r\n    /^https:\\/\\/(keycloak|auth)\\.([^.]+)\\.corti\\.app\\/realms\\/([^/]+)/;\r\n  const match = issuerUrl.match(regex);\r\n\r\n  // If the issuer URL matches the expected pattern, return the extracted values along with the token\r\n  if (match) {\r\n    return {\r\n      environment: match[2],\r\n      tenant: match[3],\r\n      token,\r\n    };\r\n  }\r\n}\r\n\r\nexport async function getMediaStream(deviceId?: string): Promise<MediaStream> {\r\n  if (!deviceId) {\r\n    throw new Error('No device ID provided');\r\n  }\r\n\r\n  if (deviceId === 'display_audio') {\r\n    const stream = await navigator.mediaDevices.getDisplayMedia({\r\n      audio: true,\r\n      video: true,\r\n    });\r\n    stream.getTracks().forEach(track => {\r\n      if (track.kind === 'video') {\r\n        stream.removeTrack(track);\r\n      }\r\n    });\r\n    return stream;\r\n  }\r\n\r\n  // Get media stream and initialize audio service.\r\n  const constraints: MediaStreamConstraints =\r\n    deviceId !== 'default'\r\n      ? { audio: { deviceId: { exact: deviceId } } }\r\n      : { audio: true };\r\n\r\n  return await navigator.mediaDevices.getUserMedia(constraints);\r\n}\r\n"]}
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../src/utils.ts"],"names":[],"mappings":"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","sourcesContent":["/* eslint-disable no-console */\n/**\n * Returns the localized name of a language given its BCP-47 code.\n *\n * @param languageCode - The BCP-47 language code (e.g. \"en\")\n * @returns The localized language name (e.g. \"English\") or the original code if unavailable.\n */\nexport function getLanguageName(languageCode: string): string {\n  const userLocale = navigator.language || 'en';\n  const displayNames = new Intl.DisplayNames([userLocale], {\n    type: 'language',\n  });\n  const languageName = displayNames.of(languageCode);\n  return languageName || languageCode;\n}\n\n/**\n * Requests access to the microphone.\n *\n * This function checks if the microphone permission is in \"prompt\" state, then requests\n * access and stops any active tracks immediately. It also logs if permission is already granted.\n *\n * @returns A promise that resolves when the permission request is complete.\n */\nexport async function requestMicAccess(): Promise<void> {\n  try {\n    // Fallback if Permissions API is not available\n    if (!navigator.permissions) {\n      const stream = await navigator.mediaDevices.getUserMedia({ audio: true });\n      stream.getTracks().forEach(track => track.stop());\n      return;\n    }\n\n    const permissionStatus = await navigator.permissions.query({\n      // eslint-disable-next-line no-undef\n      name: 'microphone' as PermissionName,\n    });\n\n    if (permissionStatus.state === 'prompt') {\n      const stream = await navigator.mediaDevices.getUserMedia({ audio: true });\n      stream.getTracks().forEach(track => track.stop());\n    } else if (permissionStatus.state === 'denied') {\n      console.warn('Microphone permission is denied.');\n    }\n  } catch (error) {\n    console.error('Error checking/requesting microphone permission:', error);\n  }\n}\n\n/**\n * Retrieves available audio input devices.\n *\n * This function uses the mediaDevices API to enumerate devices and filters out those\n * which are audio inputs. In some browsers, you may need to request user media before\n * device labels are populated.\n *\n * @returns A promise that resolves with an object containing:\n *  - `devices`: an array of MediaDeviceInfo objects for audio inputs.\n *  - `defaultDeviceId`: the deviceId of the first audio input, if available.\n */\nexport async function getAudioDevices(): Promise<{\n  devices: MediaDeviceInfo[];\n  defaultDevice?: MediaDeviceInfo;\n}> {\n  if (!navigator.mediaDevices?.enumerateDevices) {\n    console.error('Media devices API not supported.');\n    return { devices: [] };\n  }\n\n  await requestMicAccess();\n\n  try {\n    // Optionally: await navigator.mediaDevices.getUserMedia({ audio: true });\n    const devices = await navigator.mediaDevices.enumerateDevices();\n    const audioDevices = devices.filter(device => device.kind === 'audioinput');\n    const defaultDevice = audioDevices.length > 0 ? audioDevices[0] : undefined;\n    return { devices: audioDevices, defaultDevice };\n  } catch (error) {\n    console.error('Error enumerating devices:', error);\n    return { devices: [] };\n  }\n}\n\n/**\n * Decodes a JWT token and extracts environment and tenant details from its issuer URL.\n *\n * This function assumes the JWT token follows the standard header.payload.signature format.\n * It decodes the payload from base64 URL format, parses it as JSON, and then uses a regex\n * to extract the `environment` and `tenant` from the issuer URL (iss field) if it matches the pattern:\n * https://keycloak.{environment}.corti.app/realms/{tenant}.\n *\n * @param token - A JSON Web Token (JWT) string.\n * @returns An object containing:\n *  - `environment`: The extracted environment from the issuer URL.\n *  - `tenant`: The extracted tenant from the issuer URL.\n *  - `accessToken`: The original token string.\n * If the issuer URL doesn't match the expected format, the function returns the full decoded token details.\n *\n * @throws Will throw an error if:\n *  - The token format is invalid.\n *  - The base64 decoding or URI decoding fails.\n *  - The JSON payload is invalid.\n *  - The token payload does not contain an issuer (iss) field.\n */\nexport function decodeToken(token: string) {\n  // Validate the token structure (should contain at least header and payload parts)\n  const parts = token.split('.');\n  if (parts.length < 2) {\n    throw new Error('Invalid token format');\n  }\n\n  // Retrieve the payload (second part) of the JWT token\n  const base64Url = parts[1];\n\n  // Replace URL-safe characters to match standard base64 encoding\n  const base64 = base64Url.replace(/-/g, '+').replace(/_/g, '/');\n\n  // Decode the base64 string into a JSON string\n  let jsonPayload: string;\n  try {\n    jsonPayload = decodeURIComponent(\n      atob(base64)\n        .split('')\n        .map(c => '%' + ('00' + c.charCodeAt(0).toString(16)).slice(-2))\n        .join(''),\n    );\n  } catch (error) {\n    throw new Error('Failed to decode token payload');\n  }\n\n  // Parse the JSON string to obtain token details\n  let tokenDetails: { iss: string; [key: string]: unknown };\n  try {\n    tokenDetails = JSON.parse(jsonPayload);\n  } catch (error) {\n    throw new Error('Invalid JSON payload in token');\n  }\n\n  // Extract the issuer URL from the token details\n  const issuerUrl: string = tokenDetails.iss;\n  if (!issuerUrl) {\n    throw new Error('Token payload does not contain an issuer (iss) field');\n  }\n\n  // Regex to extract environment and tenant from issuer URL:\n  // Expected format: https://keycloak.{environment}.corti.app/realms/{tenant}\n  // Note: Unnecessary escapes in character classes have been removed.\n  const regex =\n    /^https:\\/\\/(keycloak|auth)\\.([^.]+)\\.corti\\.app\\/realms\\/([^/]+)/;\n  const match = issuerUrl.match(regex);\n\n  // If the issuer URL matches the expected pattern, return the extracted values along with the token\n  if (match) {\n    return {\n      environment: match[2],\n      tenant: match[3],\n      accessToken: token,\n    };\n  }\n}\n\nexport async function getMediaStream(deviceId?: string): Promise<MediaStream> {\n  if (!deviceId) {\n    throw new Error('No device ID provided');\n  }\n\n  if (deviceId === 'display_audio') {\n    const stream = await navigator.mediaDevices.getDisplayMedia({\n      audio: true,\n      video: true,\n    });\n    stream.getTracks().forEach(track => {\n      if (track.kind === 'video') {\n        stream.removeTrack(track);\n      }\n    });\n    return stream;\n  }\n\n  // Get media stream and initialize audio service.\n  const constraints: MediaStreamConstraints =\n    deviceId !== 'default'\n      ? { audio: { deviceId: { exact: deviceId } } }\n      : { audio: true };\n\n  return await navigator.mediaDevices.getUserMedia(constraints);\n}\n"]}