@corti/dictation-web 0.6.0-rc → 0.6.0

package/dist/components/corti-dictation.d.ts

@@ -1,4 +1,4 @@
-import type { Corti } from "@corti/sdk";
+import type { Corti, CortiAuth } from "@corti/sdk";
 import { LitElement } from "lit";
 import type { ConfigurableSettings, ProxyOptions, RecordingState } from "../types.js";
 import "../contexts/dictation-context.js";
@@ -14,7 +14,7 @@ export declare class CortiDictation extends LitElement {
     /**
      * Authentication configuration with optional refresh mechanism.
      */
-    authConfig?: Corti.BearerOptions;
+    authConfig?: CortiAuth.AuthTokenDerivable;
     /**
      * WebSocket URL for proxy connection. When provided, uses CortiWebSocketProxyClient instead of CortiClient.
      */
@@ -106,7 +106,7 @@ export declare class CortiDictation extends LitElement {
      * @returns Promise with ServerConfig containing environment, tenant, and accessToken
      * @deprecated Use 'authConfig' property instead.
      */
-    setAuthConfig(config: Corti.BearerOptions): Promise<{
+    setAuthConfig(config: CortiAuth.AuthTokenDerivable): Promise<{
         accessToken: string | undefined;
         environment: undefined;
         tenant: undefined;

package/dist/components/corti-dictation.js.map

@@ -1 +1 @@
-{"version":3,"file":"corti-dictation.js","sourceRoot":"","sources":["../../src/components/corti-dictation.ts"],"names":[],"mappings":"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","sourcesContent":["import type { Corti } from \"@corti/sdk\";\nimport { css, html, LitElement, nothing } from \"lit\";\nimport { customElement, property, state } from \"lit/decorators.js\";\nimport { classMap } from \"lit/directives/class-map.js\";\nimport { createRef, type Ref, ref } from \"lit/directives/ref.js\";\nimport { DEFAULT_DICTATION_CONFIG } from \"../constants.js\";\nimport type { DictationRoot } from \"../contexts/dictation-context.js\";\nimport type {\n  ConfigurableSettings,\n  ProxyOptions,\n  RecordingState,\n} from \"../types.js\";\nimport { commaSeparatedConverter } from \"../utils/converters.js\";\nimport type { DictationRecordingButton } from \"./recording-button.js\";\n\nimport \"../contexts/dictation-context.js\";\nimport \"./recording-button.js\";\nimport \"./settings-menu.js\";\n\n@customElement(\"corti-dictation\")\nexport class CortiDictation extends LitElement {\n  static styles = css`\n    .hidden {\n      display: none;\n    }\n  `;\n  // ─────────────────────────────────────────────────────────────────────────────\n  // Private refs\n  // ─────────────────────────────────────────────────────────────────────────────\n\n  #recordingButtonRef: Ref<DictationRecordingButton> = createRef();\n  #contextProviderRef: Ref<DictationRoot> = createRef();\n\n  // ─────────────────────────────────────────────────────────────────────────────\n  // Properties\n  // ─────────────────────────────────────────────────────────────────────────────\n\n  /**\n   * Latest access token\n   */\n  @property({ type: String })\n  accessToken?: string;\n\n  /**\n   * Authentication configuration with optional refresh mechanism.\n   */\n  @property({ attribute: false, type: Object })\n  authConfig?: Corti.BearerOptions;\n\n  /**\n   * WebSocket URL for proxy connection. When provided, uses CortiWebSocketProxyClient instead of CortiClient.\n   */\n  @property({ type: String })\n  socketUrl?: string;\n\n  /**\n   * Socket proxy configuration object. When provided, uses CortiWebSocketProxyClient instead of CortiClient.\n   */\n  @property({ attribute: false, type: Object })\n  socketProxy?: ProxyOptions;\n\n  /**\n   * List of all language codes available for use with the Web Component.\n   *  Default list depends on the accessToken\n   */\n  @property({\n    converter: commaSeparatedConverter,\n    type: Array,\n  })\n  set languagesSupported(value:\n    | Corti.TranscribeSupportedLanguage[]\n    | undefined) {\n    this._languagesSupported = value;\n  }\n\n  get languagesSupported(): Corti.TranscribeSupportedLanguage[] {\n    return (\n      this.#contextProviderRef.value?.languages ||\n      this._languagesSupported ||\n      []\n    );\n  }\n\n  @state()\n  _languagesSupported?: Corti.TranscribeSupportedLanguage[];\n\n  /**\n   * Which settings should be available in the UI.\n   *  If an empty array is passed, the settings will be disabled entirely.\n   *  Options are language and devices\n   */\n  @property({\n    converter: commaSeparatedConverter,\n    type: Array,\n  })\n  settingsEnabled: ConfigurableSettings[] = [\"device\", \"language\"];\n\n  /**\n   * When false (default), allows the start/stop button from taking focus when clicked,\n   *  disabling textareas or other input elements to maintain focus.\n   *  Set to \"true\" to allow the button to receive focus on click.\n   */\n  @property({ type: Boolean })\n  allowButtonFocus: boolean = false;\n\n  /**\n   * Overrides any device selection and instead uses getDisplayMedia to stream system audio.\n   * Should only be used for debugging.\n   */\n  @property({ attribute: \"debug-display-audio\", type: Boolean })\n  debug_displayAudio: boolean = false;\n\n  /**\n   * Configuration settings for dictation\n   */\n  @property({ attribute: false, type: Object })\n  set dictationConfig(value: Corti.TranscribeConfig) {\n    this._dictationConfig = value;\n  }\n\n  get dictationConfig(): Corti.TranscribeConfig {\n    return (\n      this.#contextProviderRef.value?.dictationConfig || this._dictationConfig\n    );\n  }\n\n  @state()\n  _dictationConfig: Corti.TranscribeConfig = DEFAULT_DICTATION_CONFIG;\n\n  /**\n   * List of available recording devices\n   */\n  @property({ attribute: false, type: Array })\n  set devices(value: MediaDeviceInfo[] | undefined) {\n    this._devices = value;\n  }\n\n  get devices(): MediaDeviceInfo[] {\n    return this.#contextProviderRef.value?.devices || this._devices || [];\n  }\n\n  @state()\n  _devices?: MediaDeviceInfo[];\n\n  /**\n   * The selected device used for recording (MediaDeviceInfo).\n   */\n  @property({ attribute: false, type: Object })\n  set selectedDevice(value: MediaDeviceInfo | undefined) {\n    this._selectedDevice = value;\n  }\n\n  get selectedDevice(): MediaDeviceInfo | undefined {\n    return (\n      this.#contextProviderRef.value?.selectedDevice || this._selectedDevice\n    );\n  }\n\n  @state()\n  _selectedDevice?: MediaDeviceInfo;\n\n  /**\n   * Current state of recording (stopped, recording, initializing and stopping, ).\n   */\n  get recordingState(): RecordingState {\n    return this.#contextProviderRef.value?.recordingState || \"stopped\";\n  }\n\n  /**\n   * Push-to-talk keybinding for keyboard shortcut. Single key only (e.g., \"Space\", \"k\", \"meta\", \"ctrl\").\n   * Combinations with \"+\" are not supported.\n   * Keydown starts recording, keyup stops recording.\n   * Defaults to \"Space\" if keybinding is in settingsEnabled, otherwise undefined\n   */\n  @property({ type: String })\n  set pushToTalkKeybinding(value: string | null | undefined) {\n    this._pushToTalkKeybinding = value;\n  }\n\n  get pushToTalkKeybinding(): string | null | undefined {\n    return (\n      this.#contextProviderRef.value?.pushToTalkKeybinding ||\n      this._pushToTalkKeybinding\n    );\n  }\n\n  @state()\n  _pushToTalkKeybinding?: string | null;\n\n  /**\n   * Toggle-to-talk keybinding for keyboard shortcut. Single key only (e.g., \"`\", \"k\", \"meta\", \"ctrl\").\n   * Combinations with \"+\" are not supported.\n   * Pressing the key toggles recording on/off.\n   * Defaults to \"`\" if keybinding is in settingsEnabled, otherwise undefined\n   */\n  @property({ type: String })\n  set toggleToTalkKeybinding(value: string | null | undefined) {\n    this._toggleToTalkKeybinding = value;\n  }\n\n  get toggleToTalkKeybinding(): string | null | undefined {\n    return (\n      this.#contextProviderRef.value?.toggleToTalkKeybinding ||\n      this._toggleToTalkKeybinding\n    );\n  }\n\n  @state()\n  _toggleToTalkKeybinding?: string | null;\n\n  // ─────────────────────────────────────────────────────────────────────────────\n  // Public methods\n  // ─────────────────────────────────────────────────────────────────────────────\n\n  /**\n   * Set the latest access token.\n   * @returns ServerConfig with environment, tenant, and accessToken\n   * @deprecated Use 'accessToken' property instead.\n   */\n  public setAccessToken(token: string) {\n    this.accessToken = token;\n\n    return (\n      this.#contextProviderRef.value?.setAccessToken(token) ?? {\n        accessToken: token,\n        environment: undefined,\n        tenant: undefined,\n      }\n    );\n  }\n\n  /**\n   * Set the auth configuration for OAuth flows.\n   * @returns Promise with ServerConfig containing environment, tenant, and accessToken\n   * @deprecated Use 'authConfig' property instead.\n   */\n  public async setAuthConfig(config: Corti.BearerOptions) {\n    this.authConfig = config;\n\n    return (\n      this.#contextProviderRef.value?.setAuthConfig(config) ?? {\n        accessToken: undefined,\n        environment: undefined,\n        tenant: undefined,\n      }\n    );\n  }\n\n  /**\n   * Starts a recording.\n   */\n  public startRecording(): void {\n    this.#recordingButtonRef.value?.startRecording();\n  }\n\n  /**\n   * Stops a recording.\n   */\n  public stopRecording(): void {\n    this.#recordingButtonRef.value?.stopRecording();\n  }\n\n  /**\n   * Starts or stops recording. Convenience layer on top of the start/stop methods.\n   */\n  public toggleRecording(): void {\n    this.#recordingButtonRef.value?.toggleRecording();\n  }\n\n  /**\n   * Opens the WebSocket connection without starting recording.\n   * Use this to pre-establish the connection before recording starts.\n   */\n  public async openConnection(): Promise<void> {\n    await this.#recordingButtonRef.value?.openConnection();\n  }\n\n  /**\n   * Closes the WebSocket connection by sending \"end\" and waiting for \"ended\".\n   * Call this to receive \"usage\" statistics or when done with the connection.\n   */\n  public async closeConnection(): Promise<void> {\n    await this.#recordingButtonRef.value?.closeConnection();\n  }\n\n  // ─────────────────────────────────────────────────────────────────────────────\n  // Render\n  // ─────────────────────────────────────────────────────────────────────────────\n\n  render() {\n    const isHidden =\n      !this.accessToken &&\n      !this.authConfig &&\n      !this.socketUrl &&\n      !this.socketProxy;\n\n    return html`\n      <dictation-root\n        ${ref(this.#contextProviderRef)}\n        class=${classMap({ hidden: isHidden })}\n        .accessToken=${this.accessToken}\n        .authConfig=${this.authConfig}\n        .socketUrl=${this.socketUrl}\n        .socketProxy=${this.socketProxy}\n        .dictationConfig=${this._dictationConfig}\n        .languages=${this._languagesSupported}\n        .devices=${this._devices}\n        .selectedDevice=${this._selectedDevice}\n        .debug_displayAudio=${this.debug_displayAudio}\n        .pushToTalkKeybinding=${this._pushToTalkKeybinding}\n        .toggleToTalkKeybinding=${this._toggleToTalkKeybinding}\n      >\n        <dictation-recording-button\n          ${ref(this.#recordingButtonRef)}\n          ?allowButtonFocus=${this.allowButtonFocus}\n        ></dictation-recording-button>\n        ${\n          this.settingsEnabled?.length > 0\n            ? html`<dictation-settings-menu\n                .settingsEnabled=${this.settingsEnabled}\n              ></dictation-settings-menu>`\n            : nothing\n        }\n      </dictation-root>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"corti-dictation\": CortiDictation;\n  }\n}\n"]}
+{"version":3,"file":"corti-dictation.js","sourceRoot":"","sources":["../../src/components/corti-dictation.ts"],"names":[],"mappings":"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","sourcesContent":["import type { Corti, CortiAuth } from \"@corti/sdk\";\nimport { css, html, LitElement, nothing } from \"lit\";\nimport { customElement, property, state } from \"lit/decorators.js\";\nimport { classMap } from \"lit/directives/class-map.js\";\nimport { createRef, type Ref, ref } from \"lit/directives/ref.js\";\nimport { DEFAULT_DICTATION_CONFIG } from \"../constants.js\";\nimport type { DictationRoot } from \"../contexts/dictation-context.js\";\nimport type {\n  ConfigurableSettings,\n  ProxyOptions,\n  RecordingState,\n} from \"../types.js\";\nimport { commaSeparatedConverter } from \"../utils/converters.js\";\nimport type { DictationRecordingButton } from \"./recording-button.js\";\n\nimport \"../contexts/dictation-context.js\";\nimport \"./recording-button.js\";\nimport \"./settings-menu.js\";\n\n@customElement(\"corti-dictation\")\nexport class CortiDictation extends LitElement {\n  static styles = css`\n    .hidden {\n      display: none;\n    }\n  `;\n  // ─────────────────────────────────────────────────────────────────────────────\n  // Private refs\n  // ─────────────────────────────────────────────────────────────────────────────\n\n  #recordingButtonRef: Ref<DictationRecordingButton> = createRef();\n  #contextProviderRef: Ref<DictationRoot> = createRef();\n\n  // ─────────────────────────────────────────────────────────────────────────────\n  // Properties\n  // ─────────────────────────────────────────────────────────────────────────────\n\n  /**\n   * Latest access token\n   */\n  @property({ type: String })\n  accessToken?: string;\n\n  /**\n   * Authentication configuration with optional refresh mechanism.\n   */\n  @property({ attribute: false, type: Object })\n  authConfig?: CortiAuth.AuthTokenDerivable;\n\n  /**\n   * WebSocket URL for proxy connection. When provided, uses CortiWebSocketProxyClient instead of CortiClient.\n   */\n  @property({ type: String })\n  socketUrl?: string;\n\n  /**\n   * Socket proxy configuration object. When provided, uses CortiWebSocketProxyClient instead of CortiClient.\n   */\n  @property({ attribute: false, type: Object })\n  socketProxy?: ProxyOptions;\n\n  /**\n   * List of all language codes available for use with the Web Component.\n   *  Default list depends on the accessToken\n   */\n  @property({\n    converter: commaSeparatedConverter,\n    type: Array,\n  })\n  set languagesSupported(value:\n    | Corti.TranscribeSupportedLanguage[]\n    | undefined) {\n    this._languagesSupported = value;\n  }\n\n  get languagesSupported(): Corti.TranscribeSupportedLanguage[] {\n    return (\n      this.#contextProviderRef.value?.languages ||\n      this._languagesSupported ||\n      []\n    );\n  }\n\n  @state()\n  _languagesSupported?: Corti.TranscribeSupportedLanguage[];\n\n  /**\n   * Which settings should be available in the UI.\n   *  If an empty array is passed, the settings will be disabled entirely.\n   *  Options are language and devices\n   */\n  @property({\n    converter: commaSeparatedConverter,\n    type: Array,\n  })\n  settingsEnabled: ConfigurableSettings[] = [\"device\", \"language\"];\n\n  /**\n   * When false (default), allows the start/stop button from taking focus when clicked,\n   *  disabling textareas or other input elements to maintain focus.\n   *  Set to \"true\" to allow the button to receive focus on click.\n   */\n  @property({ type: Boolean })\n  allowButtonFocus: boolean = false;\n\n  /**\n   * Overrides any device selection and instead uses getDisplayMedia to stream system audio.\n   * Should only be used for debugging.\n   */\n  @property({ attribute: \"debug-display-audio\", type: Boolean })\n  debug_displayAudio: boolean = false;\n\n  /**\n   * Configuration settings for dictation\n   */\n  @property({ attribute: false, type: Object })\n  set dictationConfig(value: Corti.TranscribeConfig) {\n    this._dictationConfig = value;\n  }\n\n  get dictationConfig(): Corti.TranscribeConfig {\n    return (\n      this.#contextProviderRef.value?.dictationConfig || this._dictationConfig\n    );\n  }\n\n  @state()\n  _dictationConfig: Corti.TranscribeConfig = DEFAULT_DICTATION_CONFIG;\n\n  /**\n   * List of available recording devices\n   */\n  @property({ attribute: false, type: Array })\n  set devices(value: MediaDeviceInfo[] | undefined) {\n    this._devices = value;\n  }\n\n  get devices(): MediaDeviceInfo[] {\n    return this.#contextProviderRef.value?.devices || this._devices || [];\n  }\n\n  @state()\n  _devices?: MediaDeviceInfo[];\n\n  /**\n   * The selected device used for recording (MediaDeviceInfo).\n   */\n  @property({ attribute: false, type: Object })\n  set selectedDevice(value: MediaDeviceInfo | undefined) {\n    this._selectedDevice = value;\n  }\n\n  get selectedDevice(): MediaDeviceInfo | undefined {\n    return (\n      this.#contextProviderRef.value?.selectedDevice || this._selectedDevice\n    );\n  }\n\n  @state()\n  _selectedDevice?: MediaDeviceInfo;\n\n  /**\n   * Current state of recording (stopped, recording, initializing and stopping, ).\n   */\n  get recordingState(): RecordingState {\n    return this.#contextProviderRef.value?.recordingState || \"stopped\";\n  }\n\n  /**\n   * Push-to-talk keybinding for keyboard shortcut. Single key only (e.g., \"Space\", \"k\", \"meta\", \"ctrl\").\n   * Combinations with \"+\" are not supported.\n   * Keydown starts recording, keyup stops recording.\n   * Defaults to \"Space\" if keybinding is in settingsEnabled, otherwise undefined\n   */\n  @property({ type: String })\n  set pushToTalkKeybinding(value: string | null | undefined) {\n    this._pushToTalkKeybinding = value;\n  }\n\n  get pushToTalkKeybinding(): string | null | undefined {\n    return (\n      this.#contextProviderRef.value?.pushToTalkKeybinding ||\n      this._pushToTalkKeybinding\n    );\n  }\n\n  @state()\n  _pushToTalkKeybinding?: string | null;\n\n  /**\n   * Toggle-to-talk keybinding for keyboard shortcut. Single key only (e.g., \"`\", \"k\", \"meta\", \"ctrl\").\n   * Combinations with \"+\" are not supported.\n   * Pressing the key toggles recording on/off.\n   * Defaults to \"`\" if keybinding is in settingsEnabled, otherwise undefined\n   */\n  @property({ type: String })\n  set toggleToTalkKeybinding(value: string | null | undefined) {\n    this._toggleToTalkKeybinding = value;\n  }\n\n  get toggleToTalkKeybinding(): string | null | undefined {\n    return (\n      this.#contextProviderRef.value?.toggleToTalkKeybinding ||\n      this._toggleToTalkKeybinding\n    );\n  }\n\n  @state()\n  _toggleToTalkKeybinding?: string | null;\n\n  // ─────────────────────────────────────────────────────────────────────────────\n  // Public methods\n  // ─────────────────────────────────────────────────────────────────────────────\n\n  /**\n   * Set the latest access token.\n   * @returns ServerConfig with environment, tenant, and accessToken\n   * @deprecated Use 'accessToken' property instead.\n   */\n  public setAccessToken(token: string) {\n    this.accessToken = token;\n\n    return (\n      this.#contextProviderRef.value?.setAccessToken(token) ?? {\n        accessToken: token,\n        environment: undefined,\n        tenant: undefined,\n      }\n    );\n  }\n\n  /**\n   * Set the auth configuration for OAuth flows.\n   * @returns Promise with ServerConfig containing environment, tenant, and accessToken\n   * @deprecated Use 'authConfig' property instead.\n   */\n  public async setAuthConfig(config: CortiAuth.AuthTokenDerivable) {\n    this.authConfig = config;\n\n    return (\n      this.#contextProviderRef.value?.setAuthConfig(config) ?? {\n        accessToken: undefined,\n        environment: undefined,\n        tenant: undefined,\n      }\n    );\n  }\n\n  /**\n   * Starts a recording.\n   */\n  public startRecording(): void {\n    this.#recordingButtonRef.value?.startRecording();\n  }\n\n  /**\n   * Stops a recording.\n   */\n  public stopRecording(): void {\n    this.#recordingButtonRef.value?.stopRecording();\n  }\n\n  /**\n   * Starts or stops recording. Convenience layer on top of the start/stop methods.\n   */\n  public toggleRecording(): void {\n    this.#recordingButtonRef.value?.toggleRecording();\n  }\n\n  /**\n   * Opens the WebSocket connection without starting recording.\n   * Use this to pre-establish the connection before recording starts.\n   */\n  public async openConnection(): Promise<void> {\n    await this.#recordingButtonRef.value?.openConnection();\n  }\n\n  /**\n   * Closes the WebSocket connection by sending \"end\" and waiting for \"ended\".\n   * Call this to receive \"usage\" statistics or when done with the connection.\n   */\n  public async closeConnection(): Promise<void> {\n    await this.#recordingButtonRef.value?.closeConnection();\n  }\n\n  // ─────────────────────────────────────────────────────────────────────────────\n  // Render\n  // ─────────────────────────────────────────────────────────────────────────────\n\n  render() {\n    const isHidden =\n      !this.accessToken &&\n      !this.authConfig &&\n      !this.socketUrl &&\n      !this.socketProxy;\n\n    return html`\n      <dictation-root\n        ${ref(this.#contextProviderRef)}\n        class=${classMap({ hidden: isHidden })}\n        .accessToken=${this.accessToken}\n        .authConfig=${this.authConfig}\n        .socketUrl=${this.socketUrl}\n        .socketProxy=${this.socketProxy}\n        .dictationConfig=${this._dictationConfig}\n        .languages=${this._languagesSupported}\n        .devices=${this._devices}\n        .selectedDevice=${this._selectedDevice}\n        .debug_displayAudio=${this.debug_displayAudio}\n        .pushToTalkKeybinding=${this._pushToTalkKeybinding}\n        .toggleToTalkKeybinding=${this._toggleToTalkKeybinding}\n      >\n        <dictation-recording-button\n          ${ref(this.#recordingButtonRef)}\n          ?allowButtonFocus=${this.allowButtonFocus}\n        ></dictation-recording-button>\n        ${\n          this.settingsEnabled?.length > 0\n            ? html`<dictation-settings-menu\n                .settingsEnabled=${this.settingsEnabled}\n              ></dictation-settings-menu>`\n            : nothing\n        }\n      </dictation-root>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"corti-dictation\": CortiDictation;\n  }\n}\n"]}

package/dist/components/recording-button.d.ts

@@ -1,4 +1,4 @@
-import type { Corti } from "@corti/sdk";
+import type { Corti, CortiAuth } from "@corti/sdk";
 import { type CSSResultGroup, LitElement, type PropertyValues } from "lit";
 import type { ProxyOptions, RecordingState } from "../types.js";
 import "./audio-visualiser.js";
@@ -8,7 +8,7 @@ export declare class DictationRecordingButton extends LitElement {
     _recordingState: RecordingState;
     _selectedDevice?: MediaDeviceInfo;
     _accessToken?: string;
-    _authConfig?: Corti.BearerOptions;
+    _authConfig?: CortiAuth.AuthTokenDerivable;
     _region?: string;
     _tenantName?: string;
     _dictationConfig?: Corti.TranscribeConfig;

package/dist/components/recording-button.js

@@ -26,7 +26,7 @@ import { KeybindingController } from "../controllers/keybinding-controller.js";
 import { MediaController } from "../controllers/media-controller.js";
 import ButtonStyles from "../styles/buttons.js";
 import RecordingButtonStyles from "../styles/recording-button.js";
-import { audioLevelChangedEvent, commandEvent, errorEvent, networkActivityEvent, recordingStateChangedEvent, streamClosedEvent, transcriptEvent, usageEvent, } from "../utils/events.js";
+import { audioLevelChangedEvent, commandEvent, deltaUsageEvent, errorEvent, networkActivityEvent, recordingStateChangedEvent, streamClosedEvent, transcriptEvent, usageEvent, } from "../utils/events.js";
 import "./audio-visualiser.js";
 import "../icons/icons.js";
 let DictationRecordingButton = class DictationRecordingButton extends LitElement {
@@ -43,13 +43,6 @@ let DictationRecordingButton = class DictationRecordingButton extends LitElement
         _DictationRecordingButton_connection.set(this, "CLOSED");
         _DictationRecordingButton_handleWebSocketMessage.set(this, (message) => {
             switch (message.type) {
-                case "CONFIG_ACCEPTED":
-                    __classPrivateFieldGet(this, _DictationRecordingButton_mediaController, "f").addDataHandler(__classPrivateFieldGet(this, _DictationRecordingButton_dictationController, "f").mediaRecorderHandler);
-                    if (this._recordingState === "initializing") {
-                        __classPrivateFieldSet(this, _DictationRecordingButton_processing, true, "f");
-                        __classPrivateFieldGet(this, _DictationRecordingButton_instances, "m", _DictationRecordingButton_dispatchRecordingStateChanged).call(this, "recording");
-                    }
-                    break;
                 case "CONFIG_DENIED":
                     this.dispatchEvent(errorEvent(`Config denied: ${message.reason ?? "Unknown reason"}`));
                     __classPrivateFieldGet(this, _DictationRecordingButton_instances, "m", _DictationRecordingButton_handleStop).call(this);
@@ -67,6 +60,9 @@ let DictationRecordingButton = class DictationRecordingButton extends LitElement
                 case "usage":
                     this.dispatchEvent(usageEvent(message));
                     break;
+                case "delta_usage":
+                    this.dispatchEvent(deltaUsageEvent(message));
+                    break;
                 case "error":
                     this.dispatchEvent(errorEvent(message.error));
                     __classPrivateFieldGet(this, _DictationRecordingButton_instances, "m", _DictationRecordingButton_handleStop).call(this);
@@ -88,7 +84,8 @@ let DictationRecordingButton = class DictationRecordingButton extends LitElement
         });
         _DictationRecordingButton_handleWebSocketClose.set(this, (event) => {
             // When we already have new socket opened
-            if (__classPrivateFieldGet(this, _DictationRecordingButton_dictationController, "f").isConnectionOpen()) {
+            if (__classPrivateFieldGet(this, _DictationRecordingButton_dictationController, "f").isConnectionOpen() ||
+                __classPrivateFieldGet(this, _DictationRecordingButton_dictationController, "f").isConnecting()) {
                 return;
             }
             __classPrivateFieldSet(this, _DictationRecordingButton_processing, false, "f");
@@ -140,7 +137,7 @@ let DictationRecordingButton = class DictationRecordingButton extends LitElement
         }
         try {
             __classPrivateFieldSet(this, _DictationRecordingButton_connection, "CONNECTING", "f");
-            __classPrivateFieldGet(this, _DictationRecordingButton_instances, "m", _DictationRecordingButton_dispatchRecordingStateChanged).call(this, "stopped");
+            __classPrivateFieldGet(this, _DictationRecordingButton_instances, "m", _DictationRecordingButton_dispatchRecordingStateChanged).call(this, this._recordingState);
             await __classPrivateFieldGet(this, _DictationRecordingButton_dictationController, "f").connect(this._dictationConfig, {
                 onClose: __classPrivateFieldGet(this, _DictationRecordingButton_handleWebSocketClose, "f"),
                 onError: __classPrivateFieldGet(this, _DictationRecordingButton_handleWebSocketError, "f"),
@@ -150,7 +147,7 @@ let DictationRecordingButton = class DictationRecordingButton extends LitElement
                 },
             });
             __classPrivateFieldSet(this, _DictationRecordingButton_connection, "OPEN", "f");
-            __classPrivateFieldGet(this, _DictationRecordingButton_instances, "m", _DictationRecordingButton_dispatchRecordingStateChanged).call(this, "stopped");
+            __classPrivateFieldGet(this, _DictationRecordingButton_instances, "m", _DictationRecordingButton_dispatchRecordingStateChanged).call(this, this._recordingState);
         }
         catch (error) {
             __classPrivateFieldSet(this, _DictationRecordingButton_connection, "CLOSED", "f");
@@ -161,6 +158,9 @@ let DictationRecordingButton = class DictationRecordingButton extends LitElement
         if (this._recordingState !== "stopped" || __classPrivateFieldGet(this, _DictationRecordingButton_processing, "f")) {
             return;
         }
+        if (__classPrivateFieldGet(this, _DictationRecordingButton_dictationController, "f").isConnecting()) {
+            await __classPrivateFieldGet(this, _DictationRecordingButton_dictationController, "f").waitForConnection();
+        }
         if (!__classPrivateFieldGet(this, _DictationRecordingButton_dictationController, "f").isConnectionOpen()) {
             __classPrivateFieldSet(this, _DictationRecordingButton_connection, "CLOSED", "f");
             __classPrivateFieldGet(this, _DictationRecordingButton_instances, "m", _DictationRecordingButton_dispatchRecordingStateChanged).call(this, "stopped");
@@ -230,11 +230,12 @@ _DictationRecordingButton_handleStart = async function _DictationRecordingButton
                 this.dispatchEvent(errorEvent("Recording device access was lost."));
                 __classPrivateFieldGet(this, _DictationRecordingButton_instances, "m", _DictationRecordingButton_handleStop).call(this);
             }
-        });
+        }, __classPrivateFieldGet(this, _DictationRecordingButton_dictationController, "f").mediaRecorderHandler);
         __classPrivateFieldGet(this, _DictationRecordingButton_mediaController, "f").mediaRecorder?.start(AUDIO_CHUNK_INTERVAL_MS);
         __classPrivateFieldGet(this, _DictationRecordingButton_mediaController, "f").startAudioLevelMonitoring((level) => {
             this.dispatchEvent(audioLevelChangedEvent(level));
         });
+        __classPrivateFieldSet(this, _DictationRecordingButton_processing, true, "f");
         if (__classPrivateFieldGet(this, _DictationRecordingButton_connection, "f") !== "OPEN") {
             __classPrivateFieldSet(this, _DictationRecordingButton_connection, "CONNECTING", "f");
         }
@@ -247,12 +248,11 @@ _DictationRecordingButton_handleStart = async function _DictationRecordingButton
                 this.dispatchEvent(networkActivityEvent(direction, data));
             },
         });
-        if (!isNewConnection) {
-            __classPrivateFieldGet(this, _DictationRecordingButton_mediaController, "f").addDataHandler(__classPrivateFieldGet(this, _DictationRecordingButton_dictationController, "f").mediaRecorderHandler);
-            __classPrivateFieldSet(this, _DictationRecordingButton_processing, true, "f");
+        if (isNewConnection === "superseded") {
+            return;
         }
         __classPrivateFieldSet(this, _DictationRecordingButton_connection, "OPEN", "f");
-        __classPrivateFieldGet(this, _DictationRecordingButton_instances, "m", _DictationRecordingButton_dispatchRecordingStateChanged).call(this, "recording");
+        __classPrivateFieldGet(this, _DictationRecordingButton_instances, "m", _DictationRecordingButton_dispatchRecordingStateChanged).call(this, this._recordingState);
     }
     catch (error) {
         this.dispatchEvent(errorEvent(error));
@@ -264,7 +264,6 @@ _DictationRecordingButton_handleStop = async function _DictationRecordingButton_
     try {
         __classPrivateFieldGet(this, _DictationRecordingButton_mediaController, "f").stopAudioLevelMonitoring();
         await __classPrivateFieldGet(this, _DictationRecordingButton_mediaController, "f").stopRecording();
-        __classPrivateFieldGet(this, _DictationRecordingButton_mediaController, "f").removeDataHandler();
         __classPrivateFieldGet(this, _DictationRecordingButton_instances, "m", _DictationRecordingButton_dispatchRecordingStateChanged).call(this, "stopped");
         await __classPrivateFieldGet(this, _DictationRecordingButton_dictationController, "f").pause();
         await __classPrivateFieldGet(this, _DictationRecordingButton_mediaController, "f").cleanup();

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

@@ -1 +1 @@
-{"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        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, CortiAuth } 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  deltaUsageEvent,\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?: CortiAuth.AuthTokenDerivable;\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_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 \"delta_usage\":\n        this.dispatchEvent(deltaUsageEvent(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 (\n      this.#dictationController.isConnectionOpen() ||\n      this.#dictationController.isConnecting()\n    ) {\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      }, this.#dictationController.mediaRecorderHandler);\n      this.#mediaController.mediaRecorder?.start(AUDIO_CHUNK_INTERVAL_MS);\n      this.#mediaController.startAudioLevelMonitoring((level) => {\n        this.dispatchEvent(audioLevelChangedEvent(level));\n      });\n\n      this.#processing = true;\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 === \"superseded\") {\n        return;\n      }\n\n      this.#connection = \"OPEN\";\n\n      this.#dispatchRecordingStateChanged(this._recordingState);\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\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(this._recordingState);\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(this._recordingState);\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.isConnecting()) {\n      await this.#dictationController.waitForConnection();\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"]}

package/dist/contexts/dictation-context.d.ts

@@ -1,4 +1,4 @@
-import type { Corti } from "@corti/sdk";
+import type { Corti, CortiAuth } from "@corti/sdk";
 import { type CSSResultGroup, LitElement } from "lit";
 import type { ProxyOptions, RecordingState } from "../types.js";
 export declare const regionContext: {
@@ -26,7 +26,7 @@ export declare const dictationConfigContext: {
     __context__: Corti.TranscribeConfig | undefined;
 };
 export declare const authConfigContext: {
-    __context__: Corti.BearerOptions | undefined;
+    __context__: CortiAuth.AuthTokenDerivable | undefined;
 };
 export declare const socketUrlContext: {
     __context__: string | undefined;
@@ -51,9 +51,9 @@ export declare class DictationRoot extends LitElement {
     _accessToken?: string;
     set accessToken(token: string | undefined);
     get accessToken(): string | undefined;
-    _authConfig?: Corti.BearerOptions;
-    set authConfig(config: Corti.BearerOptions | undefined);
-    get authConfig(): Corti.BearerOptions | undefined;
+    _authConfig?: CortiAuth.AuthTokenDerivable;
+    set authConfig(config: CortiAuth.AuthTokenDerivable | undefined);
+    get authConfig(): CortiAuth.AuthTokenDerivable | undefined;
     socketUrl?: string;
     socketProxy?: ProxyOptions;
     dictationConfig?: Corti.TranscribeConfig;
@@ -89,7 +89,7 @@ export declare class DictationRoot extends LitElement {
      * @returns Promise with ServerConfig containing environment, tenant, and accessToken
      * @deprecated Use 'authConfig' property instead.
      */
-    setAuthConfig(config?: Corti.BearerOptions): Promise<{
+    setAuthConfig(config?: CortiAuth.AuthTokenDerivable): Promise<{
         accessToken: string | undefined;
         environment: undefined;
         tenant: undefined;

package/dist/contexts/dictation-context.js.map

@@ -1 +1 @@
-{"version":3,"file":"dictation-context.js","sourceRoot":"","sources":["../../src/contexts/dictation-context.ts"],"names":[],"mappings":"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","sourcesContent":["import type { Corti } from \"@corti/sdk\";\nimport { type ContextEvent, createContext, provide } from \"@lit/context\";\nimport { type CSSResultGroup, html, LitElement } from \"lit\";\nimport { customElement, property, state } from \"lit/decorators.js\";\nimport { DevicesController } from \"../controllers/devices-controller.js\";\nimport { LanguagesController } from \"../controllers/languages-controller.js\";\nimport ComponentStyles from \"../styles/component-styles.js\";\nimport type { ProxyOptions, RecordingState } from \"../types.js\";\nimport { getInitialToken } from \"../utils/auth.js\";\nimport { commaSeparatedConverter } from \"../utils/converters.js\";\nimport {\n  errorEvent,\n  type KeybindingChangedEventDetail,\n  keybindingChangedEvent,\n} from \"../utils/events.js\";\nimport { decodeToken } from \"../utils/token.js\";\n\nexport const regionContext = createContext<string | undefined>(\n  Symbol(\"region\"),\n);\nexport const tenantNameContext = createContext<string | undefined>(\n  Symbol(\"tenantName\"),\n);\nexport const languagesContext = createContext<\n  Corti.TranscribeSupportedLanguage[] | undefined\n>(Symbol(\"languages\"));\nexport const devicesContext = createContext<MediaDeviceInfo[] | undefined>(\n  Symbol(\"devices\"),\n);\nexport const selectedDeviceContext = createContext<MediaDeviceInfo | undefined>(\n  Symbol(\"selectedDevice\"),\n);\nexport const recordingStateContext = createContext<RecordingState>(\n  Symbol(\"recordingState\"),\n);\nexport const accessTokenContext = createContext<string | undefined>(\n  Symbol(\"accessToken\"),\n);\nexport const dictationConfigContext = createContext<\n  Corti.TranscribeConfig | undefined\n>(Symbol(\"dictationConfig\"));\nexport const authConfigContext = createContext<Corti.BearerOptions | undefined>(\n  Symbol(\"authConfig\"),\n);\nexport const socketUrlContext = createContext<string | undefined>(\n  Symbol(\"socketUrl\"),\n);\nexport const socketProxyContext = createContext<ProxyOptions | undefined>(\n  Symbol(\"socketProxy\"),\n);\nexport const debugDisplayAudioContext = createContext<boolean | undefined>(\n  Symbol(\"debugDisplayAudio\"),\n);\nexport const pushToTalkKeybindingContext = createContext<\n  string | null | undefined\n>(Symbol(\"pushToTalkKeybinding\"));\nexport const toggleToTalkKeybindingContext = createContext<\n  string | null | undefined\n>(Symbol(\"toggleToTalkKeybinding\"));\n\n@customElement(\"dictation-root\")\nexport class DictationRoot extends LitElement {\n  // ─────────────────────────────────────────────────────────────────────────────\n  // Context state\n  // ─────────────────────────────────────────────────────────────────────────────\n\n  @provide({ context: regionContext })\n  @state()\n  region?: string;\n\n  @provide({ context: tenantNameContext })\n  @state()\n  tenantName?: string;\n\n  @provide({ context: recordingStateContext })\n  @state()\n  recordingState: RecordingState = \"stopped\";\n\n  // ─────────────────────────────────────────────────────────────────────────────\n  // Properties\n  // ─────────────────────────────────────────────────────────────────────────────\n\n  @provide({ context: accessTokenContext })\n  @state()\n  _accessToken?: string;\n\n  @property({ type: String })\n  set accessToken(token: string | undefined) {\n    this.setAccessToken(token);\n  }\n\n  get accessToken(): string | undefined {\n    return this._accessToken;\n  }\n\n  @provide({ context: authConfigContext })\n  @state()\n  _authConfig?: Corti.BearerOptions;\n\n  @property({ attribute: false, type: Object })\n  set authConfig(config: Corti.BearerOptions | undefined) {\n    this.setAuthConfig(config);\n  }\n\n  get authConfig(): Corti.BearerOptions | undefined {\n    return this._authConfig;\n  }\n\n  @provide({ context: socketUrlContext })\n  @property({ type: String })\n  socketUrl?: string;\n\n  @provide({ context: socketProxyContext })\n  @property({ attribute: false, type: Object })\n  socketProxy?: ProxyOptions;\n\n  @provide({ context: dictationConfigContext })\n  @property({ attribute: false, type: Object })\n  dictationConfig?: Corti.TranscribeConfig;\n\n  #languagesController = new LanguagesController(this);\n  #devicesController = new DevicesController(this);\n\n  @provide({ context: languagesContext })\n  @state()\n  _languages?: Corti.TranscribeSupportedLanguage[];\n\n  @property({\n    converter: commaSeparatedConverter,\n    type: Array,\n  })\n  set languages(value: Corti.TranscribeSupportedLanguage[] | undefined) {\n    this._languages = value;\n\n    // Clear auto-loaded flag when languages are set via property\n    if (value !== undefined) {\n      this.#languagesController.clearAutoLoadedFlag();\n    }\n  }\n\n  get languages(): Corti.TranscribeSupportedLanguage[] | undefined {\n    return this._languages;\n  }\n\n  @provide({ context: devicesContext })\n  @state()\n  _devices?: MediaDeviceInfo[];\n\n  @property({ attribute: false, type: Array })\n  set devices(value: MediaDeviceInfo[] | undefined) {\n    this._devices = value;\n\n    // Clear auto-loaded flag when devices are set via property\n    if (value !== undefined) {\n      this.#devicesController.clearAutoLoadedFlag();\n    }\n  }\n\n  get devices(): MediaDeviceInfo[] | undefined {\n    return this._devices;\n  }\n\n  @provide({ context: selectedDeviceContext })\n  @property({ attribute: false, type: Object })\n  selectedDevice?: MediaDeviceInfo;\n\n  @provide({ context: debugDisplayAudioContext })\n  @property({ attribute: \"debug-display-audio\", type: Boolean })\n  debug_displayAudio?: boolean;\n\n  @provide({ context: pushToTalkKeybindingContext })\n  @property({ type: String })\n  pushToTalkKeybinding?: string | null;\n\n  @provide({ context: toggleToTalkKeybindingContext })\n  @property({ type: String })\n  toggleToTalkKeybinding?: string | null;\n\n  @property({ type: Boolean })\n  noWrapper: boolean = false;\n\n  // ─────────────────────────────────────────────────────────────────────────────\n  // Static\n  // ─────────────────────────────────────────────────────────────────────────────\n\n  static styles: CSSResultGroup = [ComponentStyles];\n\n  // ─────────────────────────────────────────────────────────────────────────────\n  // Lifecycle\n  // ─────────────────────────────────────────────────────────────────────────────\n\n  constructor() {\n    super();\n    this.addEventListener(\"languages-changed\", this.#handleLanguageChanged);\n    this.addEventListener(\n      \"recording-devices-changed\",\n      this.#handleDeviceChanged,\n    );\n    this.addEventListener(\n      \"recording-state-changed\",\n      this.#handleRecordingStateChanged,\n    );\n    this.addEventListener(\"context-request\", this.#handleContextRequest);\n    this.addEventListener(\"keybinding-changed\", this.#handleKeybindingChanged);\n  }\n\n  // ─────────────────────────────────────────────────────────────────────────────\n  // Public methods\n  // ─────────────────────────────────────────────────────────────────────────────\n\n  /**\n   * Sets the access token and parses region/tenant from it.\n   * @returns ServerConfig with environment, tenant, and accessToken\n   * @deprecated Use 'accessToken' property instead.\n   */\n  public setAccessToken(token: string | undefined) {\n    this._accessToken = token;\n    this.region = undefined;\n    this.tenantName = undefined;\n\n    if (!token) {\n      return { accessToken: token, environment: undefined, tenant: undefined };\n    }\n\n    try {\n      const decoded = decodeToken(token);\n\n      this.region = decoded?.environment;\n      this.tenantName = decoded?.tenant;\n\n      return {\n        accessToken: token,\n        environment: decoded?.environment,\n        tenant: decoded?.tenant,\n      };\n    } catch (error) {\n      this.dispatchEvent(errorEvent(error));\n    }\n\n    return { accessToken: token, environment: undefined, tenant: undefined };\n  }\n\n  /**\n   * Sets the auth config and parses region/tenant from the initial token.\n   * @returns Promise with ServerConfig containing environment, tenant, and accessToken\n   * @deprecated Use 'authConfig' property instead.\n   */\n  public async setAuthConfig(config?: Corti.BearerOptions) {\n    this._authConfig = config;\n\n    if (!config) {\n      return {\n        accessToken: undefined,\n        environment: undefined,\n        tenant: undefined,\n      };\n    }\n\n    try {\n      const { accessToken } = await getInitialToken(config);\n\n      return this.setAccessToken(accessToken);\n    } catch (error) {\n      this.dispatchEvent(errorEvent(error));\n    }\n\n    return {\n      accessToken: undefined,\n      environment: undefined,\n      tenant: undefined,\n    };\n  }\n\n  // ─────────────────────────────────────────────────────────────────────────────\n  // Private event handlers\n  // ─────────────────────────────────────────────────────────────────────────────\n\n  #handleLanguageChanged = (e: Event) => {\n    const event = e as CustomEvent;\n\n    this.dictationConfig = {\n      ...this.dictationConfig,\n      primaryLanguage: event.detail.selectedLanguage,\n    };\n  };\n\n  #handleDeviceChanged = (e: Event) => {\n    const event = e as CustomEvent;\n\n    this.selectedDevice = event.detail.selectedDevice;\n  };\n\n  #handleRecordingStateChanged = (e: Event) => {\n    const event = e as CustomEvent;\n\n    this.recordingState = event.detail.state;\n  };\n\n  #handleContextRequest = (e: ContextEvent<any>) => {\n    if (e.context === languagesContext) {\n      this.#languagesController.initialize();\n    } else if (e.context === devicesContext) {\n      this.#devicesController.initialize();\n    } else if (\n      e.contextTarget.tagName.toLowerCase() === \"dictation-keybinding-selector\"\n    ) {\n      if (\n        e.context === pushToTalkKeybindingContext &&\n        this.pushToTalkKeybinding === undefined\n      ) {\n        this.pushToTalkKeybinding = \"Space\";\n        this.dispatchEvent(\n          keybindingChangedEvent(\" \", \"Space\", \"Space\", \"push-to-talk\"),\n        );\n      }\n\n      if (\n        e.context === toggleToTalkKeybindingContext &&\n        this.toggleToTalkKeybinding === undefined\n      ) {\n        this.toggleToTalkKeybinding = \"Enter\";\n        this.dispatchEvent(\n          keybindingChangedEvent(\"Enter\", \"Enter\", \"Enter\", \"toggle-to-talk\"),\n        );\n      }\n    }\n  };\n\n  #handleKeybindingChanged = (e: Event) => {\n    const event = e as CustomEvent<KeybindingChangedEventDetail>;\n\n    const keybinding = event.detail.keybinding;\n\n    if (event.detail.type === \"push-to-talk\") {\n      this.pushToTalkKeybinding = keybinding;\n    } else if (event.detail.type === \"toggle-to-talk\") {\n      this.toggleToTalkKeybinding = keybinding;\n    }\n  };\n\n  // ─────────────────────────────────────────────────────────────────────────────\n  // Render\n  // ─────────────────────────────────────────────────────────────────────────────\n\n  render() {\n    if (this.noWrapper) {\n      return html`<slot></slot>`;\n    }\n\n    return html`<div class=\"wrapper\">\n      <slot></slot>\n    </div>`;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"dictation-root\": DictationRoot;\n  }\n}\n"]}
+{"version":3,"file":"dictation-context.js","sourceRoot":"","sources":["../../src/contexts/dictation-context.ts"],"names":[],"mappings":"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","sourcesContent":["import type { Corti, CortiAuth } from \"@corti/sdk\";\nimport { type ContextEvent, createContext, provide } from \"@lit/context\";\nimport { type CSSResultGroup, html, LitElement } from \"lit\";\nimport { customElement, property, state } from \"lit/decorators.js\";\nimport { DevicesController } from \"../controllers/devices-controller.js\";\nimport { LanguagesController } from \"../controllers/languages-controller.js\";\nimport ComponentStyles from \"../styles/component-styles.js\";\nimport type { ProxyOptions, RecordingState } from \"../types.js\";\nimport { getInitialToken } from \"../utils/auth.js\";\nimport { commaSeparatedConverter } from \"../utils/converters.js\";\nimport {\n  errorEvent,\n  type KeybindingChangedEventDetail,\n  keybindingChangedEvent,\n} from \"../utils/events.js\";\nimport { decodeToken } from \"../utils/token.js\";\n\nexport const regionContext = createContext<string | undefined>(\n  Symbol(\"region\"),\n);\nexport const tenantNameContext = createContext<string | undefined>(\n  Symbol(\"tenantName\"),\n);\nexport const languagesContext = createContext<\n  Corti.TranscribeSupportedLanguage[] | undefined\n>(Symbol(\"languages\"));\nexport const devicesContext = createContext<MediaDeviceInfo[] | undefined>(\n  Symbol(\"devices\"),\n);\nexport const selectedDeviceContext = createContext<MediaDeviceInfo | undefined>(\n  Symbol(\"selectedDevice\"),\n);\nexport const recordingStateContext = createContext<RecordingState>(\n  Symbol(\"recordingState\"),\n);\nexport const accessTokenContext = createContext<string | undefined>(\n  Symbol(\"accessToken\"),\n);\nexport const dictationConfigContext = createContext<\n  Corti.TranscribeConfig | undefined\n>(Symbol(\"dictationConfig\"));\nexport const authConfigContext = createContext<\n  CortiAuth.AuthTokenDerivable | undefined\n>(Symbol(\"authConfig\"));\nexport const socketUrlContext = createContext<string | undefined>(\n  Symbol(\"socketUrl\"),\n);\nexport const socketProxyContext = createContext<ProxyOptions | undefined>(\n  Symbol(\"socketProxy\"),\n);\nexport const debugDisplayAudioContext = createContext<boolean | undefined>(\n  Symbol(\"debugDisplayAudio\"),\n);\nexport const pushToTalkKeybindingContext = createContext<\n  string | null | undefined\n>(Symbol(\"pushToTalkKeybinding\"));\nexport const toggleToTalkKeybindingContext = createContext<\n  string | null | undefined\n>(Symbol(\"toggleToTalkKeybinding\"));\n\n@customElement(\"dictation-root\")\nexport class DictationRoot extends LitElement {\n  // ─────────────────────────────────────────────────────────────────────────────\n  // Context state\n  // ─────────────────────────────────────────────────────────────────────────────\n\n  @provide({ context: regionContext })\n  @state()\n  region?: string;\n\n  @provide({ context: tenantNameContext })\n  @state()\n  tenantName?: string;\n\n  @provide({ context: recordingStateContext })\n  @state()\n  recordingState: RecordingState = \"stopped\";\n\n  // ─────────────────────────────────────────────────────────────────────────────\n  // Properties\n  // ─────────────────────────────────────────────────────────────────────────────\n\n  @provide({ context: accessTokenContext })\n  @state()\n  _accessToken?: string;\n\n  @property({ type: String })\n  set accessToken(token: string | undefined) {\n    this.setAccessToken(token);\n  }\n\n  get accessToken(): string | undefined {\n    return this._accessToken;\n  }\n\n  @provide({ context: authConfigContext })\n  @state()\n  _authConfig?: CortiAuth.AuthTokenDerivable;\n\n  @property({ attribute: false, type: Object })\n  set authConfig(config: CortiAuth.AuthTokenDerivable | undefined) {\n    this.setAuthConfig(config);\n  }\n\n  get authConfig(): CortiAuth.AuthTokenDerivable | undefined {\n    return this._authConfig;\n  }\n\n  @provide({ context: socketUrlContext })\n  @property({ type: String })\n  socketUrl?: string;\n\n  @provide({ context: socketProxyContext })\n  @property({ attribute: false, type: Object })\n  socketProxy?: ProxyOptions;\n\n  @provide({ context: dictationConfigContext })\n  @property({ attribute: false, type: Object })\n  dictationConfig?: Corti.TranscribeConfig;\n\n  #languagesController = new LanguagesController(this);\n  #devicesController = new DevicesController(this);\n\n  @provide({ context: languagesContext })\n  @state()\n  _languages?: Corti.TranscribeSupportedLanguage[];\n\n  @property({\n    converter: commaSeparatedConverter,\n    type: Array,\n  })\n  set languages(value: Corti.TranscribeSupportedLanguage[] | undefined) {\n    this._languages = value;\n\n    // Clear auto-loaded flag when languages are set via property\n    if (value !== undefined) {\n      this.#languagesController.clearAutoLoadedFlag();\n    }\n  }\n\n  get languages(): Corti.TranscribeSupportedLanguage[] | undefined {\n    return this._languages;\n  }\n\n  @provide({ context: devicesContext })\n  @state()\n  _devices?: MediaDeviceInfo[];\n\n  @property({ attribute: false, type: Array })\n  set devices(value: MediaDeviceInfo[] | undefined) {\n    this._devices = value;\n\n    // Clear auto-loaded flag when devices are set via property\n    if (value !== undefined) {\n      this.#devicesController.clearAutoLoadedFlag();\n    }\n  }\n\n  get devices(): MediaDeviceInfo[] | undefined {\n    return this._devices;\n  }\n\n  @provide({ context: selectedDeviceContext })\n  @property({ attribute: false, type: Object })\n  selectedDevice?: MediaDeviceInfo;\n\n  @provide({ context: debugDisplayAudioContext })\n  @property({ attribute: \"debug-display-audio\", type: Boolean })\n  debug_displayAudio?: boolean;\n\n  @provide({ context: pushToTalkKeybindingContext })\n  @property({ type: String })\n  pushToTalkKeybinding?: string | null;\n\n  @provide({ context: toggleToTalkKeybindingContext })\n  @property({ type: String })\n  toggleToTalkKeybinding?: string | null;\n\n  @property({ type: Boolean })\n  noWrapper: boolean = false;\n\n  // ─────────────────────────────────────────────────────────────────────────────\n  // Static\n  // ─────────────────────────────────────────────────────────────────────────────\n\n  static styles: CSSResultGroup = [ComponentStyles];\n\n  // ─────────────────────────────────────────────────────────────────────────────\n  // Lifecycle\n  // ─────────────────────────────────────────────────────────────────────────────\n\n  constructor() {\n    super();\n    this.addEventListener(\"languages-changed\", this.#handleLanguageChanged);\n    this.addEventListener(\n      \"recording-devices-changed\",\n      this.#handleDeviceChanged,\n    );\n    this.addEventListener(\n      \"recording-state-changed\",\n      this.#handleRecordingStateChanged,\n    );\n    this.addEventListener(\"context-request\", this.#handleContextRequest);\n    this.addEventListener(\"keybinding-changed\", this.#handleKeybindingChanged);\n  }\n\n  // ─────────────────────────────────────────────────────────────────────────────\n  // Public methods\n  // ─────────────────────────────────────────────────────────────────────────────\n\n  /**\n   * Sets the access token and parses region/tenant from it.\n   * @returns ServerConfig with environment, tenant, and accessToken\n   * @deprecated Use 'accessToken' property instead.\n   */\n  public setAccessToken(token: string | undefined) {\n    this._accessToken = token;\n    this.region = undefined;\n    this.tenantName = undefined;\n\n    if (!token) {\n      return { accessToken: token, environment: undefined, tenant: undefined };\n    }\n\n    try {\n      const decoded = decodeToken(token);\n\n      this.region = decoded?.environment;\n      this.tenantName = decoded?.tenant;\n\n      return {\n        accessToken: token,\n        environment: decoded?.environment,\n        tenant: decoded?.tenant,\n      };\n    } catch (error) {\n      this.dispatchEvent(errorEvent(error));\n    }\n\n    return { accessToken: token, environment: undefined, tenant: undefined };\n  }\n\n  /**\n   * Sets the auth config and parses region/tenant from the initial token.\n   * @returns Promise with ServerConfig containing environment, tenant, and accessToken\n   * @deprecated Use 'authConfig' property instead.\n   */\n  public async setAuthConfig(config?: CortiAuth.AuthTokenDerivable) {\n    this._authConfig = config;\n\n    if (!config) {\n      return {\n        accessToken: undefined,\n        environment: undefined,\n        tenant: undefined,\n      };\n    }\n\n    try {\n      const { accessToken } = await getInitialToken(config);\n\n      return this.setAccessToken(accessToken);\n    } catch (error) {\n      this.dispatchEvent(errorEvent(error));\n    }\n\n    return {\n      accessToken: undefined,\n      environment: undefined,\n      tenant: undefined,\n    };\n  }\n\n  // ─────────────────────────────────────────────────────────────────────────────\n  // Private event handlers\n  // ─────────────────────────────────────────────────────────────────────────────\n\n  #handleLanguageChanged = (e: Event) => {\n    const event = e as CustomEvent;\n\n    this.dictationConfig = {\n      ...this.dictationConfig,\n      primaryLanguage: event.detail.selectedLanguage,\n    };\n  };\n\n  #handleDeviceChanged = (e: Event) => {\n    const event = e as CustomEvent;\n\n    this.selectedDevice = event.detail.selectedDevice;\n  };\n\n  #handleRecordingStateChanged = (e: Event) => {\n    const event = e as CustomEvent;\n\n    this.recordingState = event.detail.state;\n  };\n\n  #handleContextRequest = (e: ContextEvent<any>) => {\n    if (e.context === languagesContext) {\n      this.#languagesController.initialize();\n    } else if (e.context === devicesContext) {\n      this.#devicesController.initialize();\n    } else if (\n      e.contextTarget.tagName.toLowerCase() === \"dictation-keybinding-selector\"\n    ) {\n      if (\n        e.context === pushToTalkKeybindingContext &&\n        this.pushToTalkKeybinding === undefined\n      ) {\n        this.pushToTalkKeybinding = \"Space\";\n        this.dispatchEvent(\n          keybindingChangedEvent(\" \", \"Space\", \"Space\", \"push-to-talk\"),\n        );\n      }\n\n      if (\n        e.context === toggleToTalkKeybindingContext &&\n        this.toggleToTalkKeybinding === undefined\n      ) {\n        this.toggleToTalkKeybinding = \"Enter\";\n        this.dispatchEvent(\n          keybindingChangedEvent(\"Enter\", \"Enter\", \"Enter\", \"toggle-to-talk\"),\n        );\n      }\n    }\n  };\n\n  #handleKeybindingChanged = (e: Event) => {\n    const event = e as CustomEvent<KeybindingChangedEventDetail>;\n\n    const keybinding = event.detail.keybinding;\n\n    if (event.detail.type === \"push-to-talk\") {\n      this.pushToTalkKeybinding = keybinding;\n    } else if (event.detail.type === \"toggle-to-talk\") {\n      this.toggleToTalkKeybinding = keybinding;\n    }\n  };\n\n  // ─────────────────────────────────────────────────────────────────────────────\n  // Render\n  // ─────────────────────────────────────────────────────────────────────────────\n\n  render() {\n    if (this.noWrapper) {\n      return html`<slot></slot>`;\n    }\n\n    return html`<div class=\"wrapper\">\n      <slot></slot>\n    </div>`;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"dictation-root\": DictationRoot;\n  }\n}\n"]}

package/dist/controllers/dictation-controller.d.ts

@@ -1,16 +1,17 @@
-import { type Corti } from "@corti/sdk";
+import { type Corti, type CortiAuth } from "@corti/sdk";
 import type { ReactiveController, ReactiveControllerHost } from "lit";
 import type { ProxyOptions } from "../types.js";
 interface DictationControllerHost extends ReactiveControllerHost {
+    dispatchEvent: (event: Event) => void;
     _accessToken?: string;
-    _authConfig?: Corti.BearerOptions;
+    _authConfig?: CortiAuth.AuthTokenDerivable;
     _region?: string;
     _tenantName?: string;
     _socketUrl?: string;
     _socketProxy?: ProxyOptions;
     _dictationConfig?: Corti.TranscribeConfig;
 }
-export type TranscribeMessage = Corti.TranscribeConfigStatusMessage | Corti.TranscribeUsageMessage | Corti.TranscribeEndedMessage | Corti.TranscribeErrorMessage | Corti.TranscribeTranscriptMessage | Corti.TranscribeCommandMessage | Corti.TranscribeFlushedMessage;
+export type TranscribeMessage = Corti.TranscribeConfigStatusMessage | Corti.TranscribeUsageMessage | Corti.TranscribeDeltaUsageMessage | Corti.TranscribeEndedMessage | Corti.TranscribeErrorMessage | Corti.TranscribeTranscriptMessage | Corti.TranscribeCommandMessage | Corti.TranscribeFlushedMessage;
 interface WebSocketCallbacks {
     onMessage?: (message: TranscribeMessage) => void;
     onError?: (error: Error) => void;
@@ -22,10 +23,12 @@ export declare class DictationController implements ReactiveController {
     host: DictationControllerHost;
     constructor(host: DictationControllerHost);
     hostDisconnected(): void;
-    connect(dictationConfig?: Corti.TranscribeConfig, callbacks?: WebSocketCallbacks): Promise<boolean>;
+    connect(dictationConfig?: Corti.TranscribeConfig, callbacks?: WebSocketCallbacks): Promise<boolean | "superseded">;
     mediaRecorderHandler: (data: Blob) => void;
     pause(): Promise<void>;
     isConnectionOpen(): boolean;
+    isConnecting(): boolean;
+    waitForConnection(): Promise<void>;
     closeConnection(onClose?: (event: unknown) => void): Promise<void>;
     cleanup(): void;
 }