@corti/dictation-web 0.7.0-ambient.9 → 0.7.0

package/{components → dist/core/components}/corti-root.d.ts

@@ -115,6 +115,6 @@ export declare class CortiRoot<TRoot extends CortiProviderRoot = CortiProviderRo
      * Call this to receive "usage" statistics or when done with the connection.
      */
     closeConnection(): Promise<void>;
-    render(): import("lit-html").TemplateResult<1>;
+    render(): import("lit").TemplateResult<1>;
 }
 export {};

package/dist/core/components/corti-root.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"corti-root.js","sourceRoot":"","sources":["../../src/components/corti-root.ts"],"names":[],"mappings":"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","sourcesContent":["import type { Corti, CortiAuth } from \"@corti/sdk\";\nimport { css, html, LitElement } from \"lit\";\nimport { property, state } from \"lit/decorators.js\";\nimport { createRef, type Ref } from \"lit/directives/ref.js\";\nimport type {\n  ConfigurableSettings,\n  ProxyOptions,\n  RecordingState,\n} from \"../types.js\";\nimport { commaSeparatedConverter } from \"../utils/converters.js\";\n\ntype CortiProviderRoot = LitElement & {\n  recordingState?: RecordingState;\n  languages?: Corti.TranscribeSupportedLanguage[];\n  devices?: MediaDeviceInfo[];\n  selectedDevice?: MediaDeviceInfo | undefined;\n  pushToTalkKeybinding?: string | null | undefined;\n  toggleToTalkKeybinding?: string | null | undefined;\n};\n\ntype CortiRecordingButtonHost = LitElement & {\n  startRecording(): void;\n  stopRecording(): void;\n  toggleRecording(): void;\n  openConnection(): Promise<void>;\n  closeConnection(): Promise<void>;\n};\n\n/**\n * Shared base for all-in-one Corti host elements (e.g. corti-dictation, corti-ambient).\n * Intentionally minimal; shared behavior will move here incrementally.\n */\nexport class CortiRoot<\n  TRoot extends CortiProviderRoot = CortiProviderRoot,\n  TRecordingButton extends CortiRecordingButtonHost = CortiRecordingButtonHost,\n> extends LitElement {\n  static styles = css`\n    .hidden {\n      display: none;\n    }\n  `;\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   * Which settings should be available in the UI.\n   *  If an empty array is passed, the settings will be disabled entirely.\n   */\n  @property({\n    converter: commaSeparatedConverter,\n    type: Array,\n  })\n  settingsEnabled: ConfigurableSettings[] = [\"device\", \"language\"];\n\n  /**\n   * When false (default), clicking the start/stop button does not move focus\n   *  to the button, allowing textareas or other input elements to keep 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   * 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  protected _languagesSupported?: Corti.TranscribeSupportedLanguage[];\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  protected _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  protected _selectedDevice?: MediaDeviceInfo;\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  protected _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 \"Enter\" 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  protected _toggleToTalkKeybinding?: string | null;\n\n  protected _contextProviderRef: Ref<TRoot> = createRef();\n  protected _recordingButtonRef: Ref<TRecordingButton> = createRef();\n\n  // ─────────────────────────────────────────────────────────────────────────────\n  // Public methods\n  // ─────────────────────────────────────────────────────────────────────────────\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   * 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    return html``;\n  }\n}\n"]}

package/dist/core/components/device-selector-base.d.ts

@@ -0,0 +1,9 @@
+import { LitElement } from "lit";
+export declare class DeviceSelectorBase extends LitElement {
+    #private;
+    _devices?: MediaDeviceInfo[];
+    _selectedDevice?: MediaDeviceInfo;
+    disabled: boolean;
+    static styles: import("lit").CSSResult[];
+    render(): import("lit").TemplateResult<1>;
+}

package/{components/device-selector.js → dist/core/components/device-selector-base.js}

@@ -9,18 +9,17 @@ var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (
     if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
     return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
 };
-var _DictationDeviceSelector_instances, _DictationDeviceSelector_handleSelectDevice;
+var _DeviceSelectorBase_instances, _DeviceSelectorBase_handleSelectDevice;
 import { consume } from "@lit/context";
 import { html, LitElement } from "lit";
 import { property, state } from "lit/decorators.js";
 import { devicesContext, selectedDeviceContext, } from "../contexts/mixins/devices-context.js";
 import SelectStyles from "../styles/select.js";
-import { dualCustomElement } from "../utils/custom-elements.js";
 import { recordingDevicesChangedEvent } from "../utils/events.js";
-let DictationDeviceSelector = class DictationDeviceSelector extends LitElement {
+export class DeviceSelectorBase extends LitElement {
     constructor() {
         super(...arguments);
-        _DictationDeviceSelector_instances.add(this);
+        _DeviceSelectorBase_instances.add(this);
         this.disabled = false;
     }
     render() {
@@ -32,7 +31,7 @@ let DictationDeviceSelector = class DictationDeviceSelector extends LitElement {
         <select
           id="device-select"
           aria-labelledby="device-select-label"
-          @change=${__classPrivateFieldGet(this, _DictationDeviceSelector_instances, "m", _DictationDeviceSelector_handleSelectDevice)}
+          @change=${__classPrivateFieldGet(this, _DeviceSelectorBase_instances, "m", _DeviceSelectorBase_handleSelectDevice)}
           ?disabled=${this.disabled || !this._devices || this._devices.length === 0}
         >
           ${this._devices?.map((device) => html `
@@ -47,9 +46,8 @@ let DictationDeviceSelector = class DictationDeviceSelector extends LitElement {
       </div>
     `;
     }
-};
-_DictationDeviceSelector_instances = new WeakSet();
-_DictationDeviceSelector_handleSelectDevice = function _DictationDeviceSelector_handleSelectDevice(e) {
+}
+_DeviceSelectorBase_instances = new WeakSet(), _DeviceSelectorBase_handleSelectDevice = function _DeviceSelectorBase_handleSelectDevice(e) {
     const deviceId = e.target.value;
     const device = this._devices?.find((d) => d.deviceId === deviceId);
     if (!device) {
@@ -57,20 +55,16 @@ _DictationDeviceSelector_handleSelectDevice = function _DictationDeviceSelector_
     }
     this.dispatchEvent(recordingDevicesChangedEvent(this._devices || [], device));
 };
-DictationDeviceSelector.styles = SelectStyles;
+DeviceSelectorBase.styles = SelectStyles;
 __decorate([
     consume({ context: devicesContext, subscribe: true }),
     state()
-], DictationDeviceSelector.prototype, "_devices", void 0);
+], DeviceSelectorBase.prototype, "_devices", void 0);
 __decorate([
     consume({ context: selectedDeviceContext, subscribe: true }),
     state()
-], DictationDeviceSelector.prototype, "_selectedDevice", void 0);
+], DeviceSelectorBase.prototype, "_selectedDevice", void 0);
 __decorate([
     property({ type: Boolean })
-], DictationDeviceSelector.prototype, "disabled", void 0);
-DictationDeviceSelector = __decorate([
-    dualCustomElement("dictation-device-selector", "ambient-device-selector")
-], DictationDeviceSelector);
-export { DictationDeviceSelector };
-//# sourceMappingURL=device-selector.js.map
+], DeviceSelectorBase.prototype, "disabled", void 0);
+//# sourceMappingURL=device-selector-base.js.map

package/dist/core/components/device-selector-base.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"device-selector-base.js","sourceRoot":"","sources":["../../src/components/device-selector-base.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvC,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACvC,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EACL,cAAc,EACd,qBAAqB,GACtB,MAAM,uCAAuC,CAAC;AAC/C,OAAO,YAAY,MAAM,qBAAqB,CAAC;AAC/C,OAAO,EAAE,4BAA4B,EAAE,MAAM,oBAAoB,CAAC;AAElE,MAAM,OAAO,kBAAmB,SAAQ,UAAU;IAAlD;;;QAUE,aAAQ,GAAY,KAAK,CAAC;IA2C5B,CAAC;IA1BC,MAAM;QACJ,OAAO,IAAI,CAAA;;;;;;;;oBAQK,uBAAA,IAAI,6EAAoB;sBACtB,IAAI,CAAC,QAAQ,IAAI,CAAC,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,QAAQ,CAAC,MAAM,KAAK,CAAC;;YAEvE,IAAI,CAAC,QAAQ,EAAE,GAAG,CAClB,CAAC,MAAM,EAAE,EAAE,CAAC,IAAI,CAAA;;wBAEJ,MAAM,CAAC,QAAQ;4BACX,IAAI,CAAC,eAAe,EAAE,QAAQ,KAAK,MAAM,CAAC,QAAQ;;kBAE5D,MAAM,CAAC,KAAK,IAAI,gBAAgB;;aAErC,CACF;;;KAGN,CAAC;IACJ,CAAC;;wIAtCmB,CAAQ;IAC1B,MAAM,QAAQ,GAAI,CAAC,CAAC,MAA4B,CAAC,KAAK,CAAC;IACvD,MAAM,MAAM,GAAG,IAAI,CAAC,QAAQ,EAAE,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,QAAQ,KAAK,QAAQ,CAAC,CAAC;IAEnE,IAAI,CAAC,MAAM,EAAE,CAAC;QACZ,OAAO;IACT,CAAC;IAED,IAAI,CAAC,aAAa,CAChB,4BAA4B,CAAC,IAAI,CAAC,QAAQ,IAAI,EAAE,EAAE,MAAM,CAAC,CAC1D,CAAC;AACJ,CAAC;AAbM,yBAAM,GAAG,YAAY,AAAf,CAAgB;AAT7B;IAFC,OAAO,CAAC,EAAE,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC;IACrD,KAAK,EAAE;oDACqB;AAI7B;IAFC,OAAO,CAAC,EAAE,OAAO,EAAE,qBAAqB,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC;IAC5D,KAAK,EAAE;2DAC0B;AAGlC;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;oDACF","sourcesContent":["import { consume } from \"@lit/context\";\nimport { html, LitElement } from \"lit\";\nimport { property, state } from \"lit/decorators.js\";\nimport {\n  devicesContext,\n  selectedDeviceContext,\n} from \"../contexts/mixins/devices-context.js\";\nimport SelectStyles from \"../styles/select.js\";\nimport { recordingDevicesChangedEvent } from \"../utils/events.js\";\n\nexport class DeviceSelectorBase extends LitElement {\n  @consume({ context: devicesContext, subscribe: true })\n  @state()\n  _devices?: MediaDeviceInfo[];\n\n  @consume({ context: selectedDeviceContext, subscribe: true })\n  @state()\n  _selectedDevice?: MediaDeviceInfo;\n\n  @property({ type: Boolean })\n  disabled: boolean = false;\n\n  static styles = SelectStyles;\n\n  #handleSelectDevice(e: Event): void {\n    const deviceId = (e.target as HTMLSelectElement).value;\n    const device = this._devices?.find((d) => d.deviceId === deviceId);\n\n    if (!device) {\n      return;\n    }\n\n    this.dispatchEvent(\n      recordingDevicesChangedEvent(this._devices || [], device),\n    );\n  }\n\n  render() {\n    return html`\n      <div>\n        <label id=\"device-select-label\" for=\"device-select\">\n          Microphone\n        </label>\n        <select\n          id=\"device-select\"\n          aria-labelledby=\"device-select-label\"\n          @change=${this.#handleSelectDevice}\n          ?disabled=${this.disabled || !this._devices || this._devices.length === 0}\n        >\n          ${this._devices?.map(\n            (device) => html`\n              <option\n                value=${device.deviceId}\n                ?selected=${this._selectedDevice?.deviceId === device.deviceId}\n              >\n                ${device.label || \"Unknown Device\"}\n              </option>\n            `,\n          )}\n        </select>\n      </div>\n    `;\n  }\n}\n"]}

package/dist/core/components/keybinding-selector-base.d.ts

@@ -0,0 +1,10 @@
+import { LitElement, type TemplateResult } from "lit";
+import "./speech-keybinding-input.js";
+export declare class KeybindingSelectorBase extends LitElement {
+    _pushToTalkKeybinding?: string | null;
+    _toggleToTalkKeybinding?: string | null;
+    disabled: boolean;
+    static styles: import("lit").CSSResult[];
+    protected _renderKeybindingInputs(): TemplateResult;
+    render(): TemplateResult<1>;
+}

package/{components/keybinding-selector.js → dist/core/components/keybinding-selector-base.js}

@@ -9,24 +9,28 @@ import { html, LitElement } from "lit";
 import { property, state } from "lit/decorators.js";
 import { pushToTalkKeybindingContext, toggleToTalkKeybindingContext, } from "../contexts/mixins/keybindings-context.js";
 import KeybindingSelectorStyles from "../styles/keybinding-selector.js";
-import { dualCustomElement } from "../utils/custom-elements.js";
-import "./keybinding-input.js";
-let DictationKeybindingSelector = class DictationKeybindingSelector extends LitElement {
+import "./speech-keybinding-input.js";
+export class KeybindingSelectorBase extends LitElement {
     constructor() {
         super(...arguments);
         this.disabled = false;
     }
+    _renderKeybindingInputs() {
+        return html `
+      <speech-keybinding-input
+        keybindingType="toggle-to-talk"
+        ?disabled=${this.disabled}
+      ></speech-keybinding-input>
+      <speech-keybinding-input
+        keybindingType="push-to-talk"
+        ?disabled=${this.disabled}
+      ></speech-keybinding-input>
+    `;
+    }
     render() {
         return html `
       <div class="settings-group">
-        <dictation-keybinding-input
-          keybindingType="toggle-to-talk"
-          ?disabled=${this.disabled}
-        ></dictation-keybinding-input>
-        <dictation-keybinding-input
-          keybindingType="push-to-talk"
-          ?disabled=${this.disabled}
-        ></dictation-keybinding-input>
+        ${this._renderKeybindingInputs()}
         ${(this._toggleToTalkKeybinding || this._pushToTalkKeybinding) &&
             html `<p class="keybinding-help">
             ${html `Press ${[this._toggleToTalkKeybinding, this._pushToTalkKeybinding].join(" or ")} to start/stop recording`}
@@ -34,21 +38,17 @@ let DictationKeybindingSelector = class DictationKeybindingSelector extends LitE
       </div>
     `;
     }
-};
-DictationKeybindingSelector.styles = KeybindingSelectorStyles;
+}
+KeybindingSelectorBase.styles = KeybindingSelectorStyles;
 __decorate([
     consume({ context: pushToTalkKeybindingContext, subscribe: true }),
     state()
-], DictationKeybindingSelector.prototype, "_pushToTalkKeybinding", void 0);
+], KeybindingSelectorBase.prototype, "_pushToTalkKeybinding", void 0);
 __decorate([
     consume({ context: toggleToTalkKeybindingContext, subscribe: true }),
     state()
-], DictationKeybindingSelector.prototype, "_toggleToTalkKeybinding", void 0);
+], KeybindingSelectorBase.prototype, "_toggleToTalkKeybinding", void 0);
 __decorate([
     property({ type: Boolean })
-], DictationKeybindingSelector.prototype, "disabled", void 0);
-DictationKeybindingSelector = __decorate([
-    dualCustomElement("dictation-keybinding-selector", "ambient-keybinding-selector")
-], DictationKeybindingSelector);
-export { DictationKeybindingSelector };
-//# sourceMappingURL=keybinding-selector.js.map
+], KeybindingSelectorBase.prototype, "disabled", void 0);
+//# sourceMappingURL=keybinding-selector-base.js.map

package/dist/core/components/keybinding-selector-base.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"keybinding-selector-base.js","sourceRoot":"","sources":["../../src/components/keybinding-selector-base.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvC,OAAO,EAAE,IAAI,EAAE,UAAU,EAAuB,MAAM,KAAK,CAAC;AAC5D,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EACL,2BAA2B,EAC3B,6BAA6B,GAC9B,MAAM,2CAA2C,CAAC;AACnD,OAAO,wBAAwB,MAAM,kCAAkC,CAAC;AACxE,OAAO,8BAA8B,CAAC;AAEtC,MAAM,OAAO,sBAAuB,SAAQ,UAAU;IAAtD;;QAUE,aAAQ,GAAY,KAAK,CAAC;IA8B5B,CAAC;IA1BW,uBAAuB;QAC/B,OAAO,IAAI,CAAA;;;oBAGK,IAAI,CAAC,QAAQ;;;;oBAIb,IAAI,CAAC,QAAQ;;KAE5B,CAAC;IACJ,CAAC;IAED,MAAM;QACJ,OAAO,IAAI,CAAA;;UAEL,IAAI,CAAC,uBAAuB,EAAE;UAE9B,CAAC,IAAI,CAAC,uBAAuB,IAAI,IAAI,CAAC,qBAAqB,CAAC;YAC5D,IAAI,CAAA;cACA,IAAI,CAAA,SAAS,CAAC,IAAI,CAAC,uBAAuB,EAAE,IAAI,CAAC,qBAAqB,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,0BAA0B;eAEpH;;KAEH,CAAC;IACJ,CAAC;;AA3BM,6BAAM,GAAG,wBAAwB,AAA3B,CAA4B;AATzC;IAFC,OAAO,CAAC,EAAE,OAAO,EAAE,2BAA2B,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC;IAClE,KAAK,EAAE;qEAC8B;AAItC;IAFC,OAAO,CAAC,EAAE,OAAO,EAAE,6BAA6B,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC;IACpE,KAAK,EAAE;uEACgC;AAGxC;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;wDACF","sourcesContent":["import { consume } from \"@lit/context\";\nimport { html, LitElement, type TemplateResult } from \"lit\";\nimport { property, state } from \"lit/decorators.js\";\nimport {\n  pushToTalkKeybindingContext,\n  toggleToTalkKeybindingContext,\n} from \"../contexts/mixins/keybindings-context.js\";\nimport KeybindingSelectorStyles from \"../styles/keybinding-selector.js\";\nimport \"./speech-keybinding-input.js\";\n\nexport class KeybindingSelectorBase extends LitElement {\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  disabled: boolean = false;\n\n  static styles = KeybindingSelectorStyles;\n\n  protected _renderKeybindingInputs(): TemplateResult {\n    return html`\n      <speech-keybinding-input\n        keybindingType=\"toggle-to-talk\"\n        ?disabled=${this.disabled}\n      ></speech-keybinding-input>\n      <speech-keybinding-input\n        keybindingType=\"push-to-talk\"\n        ?disabled=${this.disabled}\n      ></speech-keybinding-input>\n    `;\n  }\n\n  render() {\n    return html`\n      <div class=\"settings-group\">\n        ${this._renderKeybindingInputs()}\n        ${\n          (this._toggleToTalkKeybinding || this._pushToTalkKeybinding) &&\n          html`<p class=\"keybinding-help\">\n            ${html`Press ${[this._toggleToTalkKeybinding, this._pushToTalkKeybinding].join(\" or \")} to start/stop recording`}\n          </p>`\n        }\n      </div>\n    `;\n  }\n}\n"]}

package/dist/core/components/language-selector-base.d.ts

@@ -0,0 +1,10 @@
+import type { Corti } from "@corti/sdk";
+import { LitElement } from "lit";
+export declare class LanguageSelectorBase extends LitElement {
+    #private;
+    _languages?: Corti.TranscribeSupportedLanguage[];
+    _selectedLanguage?: Corti.TranscribeSupportedLanguage;
+    disabled: boolean;
+    static styles: import("lit").CSSResult[];
+    render(): import("lit").TemplateResult<1>;
+}

package/{components/language-selector.js → dist/core/components/language-selector-base.js}

@@ -9,19 +9,18 @@ var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (
     if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
     return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
 };
-var _DictationLanguageSelector_instances, _DictationLanguageSelector_handleSelectLanguage;
+var _LanguageSelectorBase_instances, _LanguageSelectorBase_handleSelectLanguage;
 import { consume } from "@lit/context";
 import { html, LitElement } from "lit";
 import { property, state } from "lit/decorators.js";
 import { languagesContext, selectedLanguageContext, } from "../contexts/mixins/languages-context.js";
 import SelectStyles from "../styles/select.js";
-import { dualCustomElement } from "../utils/custom-elements.js";
 import { languageChangedEvent, languagesChangedEvent, } from "../utils/events.js";
 import { getLanguageName } from "../utils/languages.js";
-let DictationLanguageSelector = class DictationLanguageSelector extends LitElement {
+export class LanguageSelectorBase extends LitElement {
     constructor() {
         super(...arguments);
-        _DictationLanguageSelector_instances.add(this);
+        _LanguageSelectorBase_instances.add(this);
         this.disabled = false;
     }
     render() {
@@ -33,7 +32,7 @@ let DictationLanguageSelector = class DictationLanguageSelector extends LitEleme
         <select
           id="language-select"
           aria-labelledby="language-select-label"
-          @change=${__classPrivateFieldGet(this, _DictationLanguageSelector_instances, "m", _DictationLanguageSelector_handleSelectLanguage)}
+          @change=${__classPrivateFieldGet(this, _LanguageSelectorBase_instances, "m", _LanguageSelectorBase_handleSelectLanguage)}
           .value=${this._selectedLanguage ?? ""}
           ?disabled=${this.disabled || !this._languages || this._languages.length === 0}
         >
@@ -49,28 +48,22 @@ let DictationLanguageSelector = class DictationLanguageSelector extends LitEleme
       </div>
     `;
     }
-};
-_DictationLanguageSelector_instances = new WeakSet();
-_DictationLanguageSelector_handleSelectLanguage = function _DictationLanguageSelector_handleSelectLanguage(e) {
+}
+_LanguageSelectorBase_instances = new WeakSet(), _LanguageSelectorBase_handleSelectLanguage = function _LanguageSelectorBase_handleSelectLanguage(e) {
     const language = e.target.value;
     this.dispatchEvent(languagesChangedEvent(this._languages || [], language));
-    // Dispatch backward compatible event
     this.dispatchEvent(languageChangedEvent(language));
 };
-DictationLanguageSelector.styles = SelectStyles;
+LanguageSelectorBase.styles = SelectStyles;
 __decorate([
     consume({ context: languagesContext, subscribe: true }),
     state()
-], DictationLanguageSelector.prototype, "_languages", void 0);
+], LanguageSelectorBase.prototype, "_languages", void 0);
 __decorate([
     consume({ context: selectedLanguageContext, subscribe: true }),
     state()
-], DictationLanguageSelector.prototype, "_selectedLanguage", void 0);
+], LanguageSelectorBase.prototype, "_selectedLanguage", void 0);
 __decorate([
     property({ type: Boolean })
-], DictationLanguageSelector.prototype, "disabled", void 0);
-DictationLanguageSelector = __decorate([
-    dualCustomElement("dictation-language-selector", "ambient-language-selector")
-], DictationLanguageSelector);
-export { DictationLanguageSelector };
-//# sourceMappingURL=language-selector.js.map
+], LanguageSelectorBase.prototype, "disabled", void 0);
+//# sourceMappingURL=language-selector-base.js.map

package/dist/core/components/language-selector-base.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"language-selector-base.js","sourceRoot":"","sources":["../../src/components/language-selector-base.ts"],"names":[],"mappings":";;;;;;;;;;;;AACA,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvC,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACvC,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EACL,gBAAgB,EAChB,uBAAuB,GACxB,MAAM,yCAAyC,CAAC;AACjD,OAAO,YAAY,MAAM,qBAAqB,CAAC;AAC/C,OAAO,EACL,oBAAoB,EACpB,qBAAqB,GACtB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAExD,MAAM,OAAO,oBAAqB,SAAQ,UAAU;IAApD;;;QAUE,aAAQ,GAAY,KAAK,CAAC;IAuC5B,CAAC;IA3BC,MAAM;QACJ,OAAO,IAAI,CAAA;;;;;;;;oBAQK,uBAAA,IAAI,mFAAsB;mBAC3B,IAAI,CAAC,iBAAiB,IAAI,EAAE;sBACzB,IAAI,CAAC,QAAQ,IAAI,CAAC,IAAI,CAAC,UAAU,IAAI,IAAI,CAAC,UAAU,CAAC,MAAM,KAAK,CAAC;;YAE3E,IAAI,CAAC,UAAU,EAAE,GAAG,CACpB,CAAC,QAAQ,EAAE,EAAE,CAAC,IAAI,CAAA;;wBAEN,QAAQ;4BACJ,IAAI,CAAC,iBAAiB,KAAK,QAAQ;;kBAE7C,eAAe,CAAC,QAAQ,CAAC;;aAE9B,CACF;;;KAGN,CAAC;IACJ,CAAC;;kJAlCqB,CAAQ;IAC5B,MAAM,QAAQ,GAAI,CAAC,CAAC,MAA4B,CAAC,KAAK,CAAC;IAEvD,IAAI,CAAC,aAAa,CAAC,qBAAqB,CAAC,IAAI,CAAC,UAAU,IAAI,EAAE,EAAE,QAAQ,CAAC,CAAC,CAAC;IAE3E,IAAI,CAAC,aAAa,CAAC,oBAAoB,CAAC,QAAQ,CAAC,CAAC,CAAC;AACrD,CAAC;AARM,2BAAM,GAAG,YAAY,AAAf,CAAgB;AAT7B;IAFC,OAAO,CAAC,EAAE,OAAO,EAAE,gBAAgB,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC;IACvD,KAAK,EAAE;wDACyC;AAIjD;IAFC,OAAO,CAAC,EAAE,OAAO,EAAE,uBAAuB,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC;IAC9D,KAAK,EAAE;+DAC8C;AAGtD;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;sDACF","sourcesContent":["import type { Corti } from \"@corti/sdk\";\nimport { consume } from \"@lit/context\";\nimport { html, LitElement } from \"lit\";\nimport { property, state } from \"lit/decorators.js\";\nimport {\n  languagesContext,\n  selectedLanguageContext,\n} from \"../contexts/mixins/languages-context.js\";\nimport SelectStyles from \"../styles/select.js\";\nimport {\n  languageChangedEvent,\n  languagesChangedEvent,\n} from \"../utils/events.js\";\nimport { getLanguageName } from \"../utils/languages.js\";\n\nexport class LanguageSelectorBase extends LitElement {\n  @consume({ context: languagesContext, subscribe: true })\n  @state()\n  _languages?: Corti.TranscribeSupportedLanguage[];\n\n  @consume({ context: selectedLanguageContext, subscribe: true })\n  @state()\n  _selectedLanguage?: Corti.TranscribeSupportedLanguage;\n\n  @property({ type: Boolean })\n  disabled: boolean = false;\n\n  static styles = SelectStyles;\n\n  #handleSelectLanguage(e: Event): void {\n    const language = (e.target as HTMLSelectElement).value;\n\n    this.dispatchEvent(languagesChangedEvent(this._languages || [], language));\n\n    this.dispatchEvent(languageChangedEvent(language));\n  }\n\n  render() {\n    return html`\n      <div>\n        <label id=\"language-select-label\" for=\"language-select\">\n          Spoken language\n        </label>\n        <select\n          id=\"language-select\"\n          aria-labelledby=\"language-select-label\"\n          @change=${this.#handleSelectLanguage}\n          .value=${this._selectedLanguage ?? \"\"}\n          ?disabled=${this.disabled || !this._languages || this._languages.length === 0}\n        >\n          ${this._languages?.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    `;\n  }\n}\n"]}

package/{components → dist/core/components}/recording-button-base.d.ts

@@ -1,12 +1,17 @@
 import type { CortiAuth } from "@corti/sdk";
+import type { TemplateResult } from "lit";
 import { type CSSResultGroup, LitElement, type PropertyValues } from "lit";
-import type { TranscribeMessage } from "../controllers/dictation-controller.js";
 import type { SocketController, SocketControllerOutboundItem, SocketControllerWebSocket } from "../controllers/socket-controller.js";
-import type { ProxyOptions, RecordingSocketInboundMessage, RecordingState } from "../types.js";
-import "./audio-visualiser.js";
+import type { RecordingSocketInboundMessage } from "../socket-messages.js";
+import type { ProxyOptions, RecordingState } from "../types.js";
 import "../icons/icons.js";
-export declare abstract class RecordingButtonBase<TConfig, TMessage extends RecordingSocketInboundMessage = TranscribeMessage> extends LitElement {
+import "./speech-audio-visualiser.js";
+export declare abstract class RecordingButtonBase<TConfig, TMessage extends RecordingSocketInboundMessage = RecordingSocketInboundMessage> extends LitElement {
     #private;
+    _debug_displayAudio?: boolean;
+    _virtualMode?: boolean;
+    protected get _audioLevel(): number;
+    protected _renderAudioVisualiser(isRecording: boolean): TemplateResult;
     _recordingState: RecordingState;
     _selectedDevice?: MediaDeviceInfo;
     _accessToken?: string;
@@ -15,8 +20,6 @@ export declare abstract class RecordingButtonBase<TConfig, TMessage extends Reco
     _tenantName?: string;
     _socketUrl?: string;
     _socketProxy?: ProxyOptions;
-    _debug_displayAudio?: boolean;
-    _virtualMode?: boolean;
     _pushToTalkKeybinding?: string | null;
     _toggleToTalkKeybinding?: string | null;
     allowButtonFocus: boolean;
@@ -29,5 +32,5 @@ export declare abstract class RecordingButtonBase<TConfig, TMessage extends Reco
     toggleRecording(): void;
     openConnection(): Promise<void>;
     closeConnection(): Promise<void>;
-    render(): import("lit-html").TemplateResult<1>;
+    render(): TemplateResult<1>;
 }

package/{components → dist/core/components}/recording-button-base.js

@@ -20,8 +20,6 @@ import { consume } from "@lit/context";
 import { html, LitElement, } from "lit";
 import { property, state } from "lit/decorators.js";
 import { AUDIO_CHUNK_INTERVAL_MS } from "../constants.js";
-import { virtualModeContext } from "../contexts/ambient-context.js";
-import { debugDisplayAudioContext } from "../contexts/dictation-context.js";
 import { accessTokenContext, authConfigContext, regionContext, tenantNameContext, } from "../contexts/mixins/auth-context.js";
 import { selectedDeviceContext } from "../contexts/mixins/devices-context.js";
 import { pushToTalkKeybindingContext, toggleToTalkKeybindingContext, } from "../contexts/mixins/keybindings-context.js";
@@ -32,8 +30,8 @@ import { MediaController } from "../controllers/media-controller.js";
 import ButtonStyles from "../styles/buttons.js";
 import RecordingButtonStyles from "../styles/recording-button.js";
 import { audioEventEvent, audioLevelChangedEvent, commandEvent, deltaUsageEvent, errorEvent, factsEvent, networkActivityEvent, recordingStateChangedEvent, streamClosedEvent, transcriptEvent, usageEvent, } from "../utils/events.js";
-import "./audio-visualiser.js";
 import "../icons/icons.js";
+import "./speech-audio-visualiser.js";
 export class RecordingButtonBase extends LitElement {
     constructor() {
         super(...arguments);
@@ -109,6 +107,15 @@ export class RecordingButtonBase extends LitElement {
             __classPrivateFieldGet(this, _RecordingButtonBase_instances, "m", _RecordingButtonBase_dispatchRecordingStateChanged).call(this, this._recordingState);
         });
     }
+    get _audioLevel() {
+        return __classPrivateFieldGet(this, _RecordingButtonBase_mediaController, "f").audioLevel;
+    }
+    _renderAudioVisualiser(isRecording) {
+        return html `<speech-audio-visualiser
+      .level=${this._audioLevel}
+      ?active=${isRecording}
+    ></speech-audio-visualiser>`;
+    }
     update(changedProperties) {
         if (changedProperties.has("_recordingState") &&
             this._recordingState === "recording" &&
@@ -207,10 +214,7 @@ export class RecordingButtonBase extends LitElement {
             : isRecording
                 ? html `<icon-recording />`
                 : html `<icon-mic-on />`}
-        <dictation-audio-visualiser
-          .level=${__classPrivateFieldGet(this, _RecordingButtonBase_mediaController, "f").audioLevel}
-          ?active=${isRecording}
-        />
+        ${this._renderAudioVisualiser(isRecording)}
       </button>
     `;
     }
@@ -280,6 +284,12 @@ _RecordingButtonBase_mediaController = new WeakMap(), _RecordingButtonBase_keybi
     __classPrivateFieldGet(this, _RecordingButtonBase_instances, "m", _RecordingButtonBase_dispatchRecordingStateChanged).call(this, "stopped");
 };
 RecordingButtonBase.styles = [RecordingButtonStyles, ButtonStyles];
+__decorate([
+    state()
+], RecordingButtonBase.prototype, "_debug_displayAudio", void 0);
+__decorate([
+    state()
+], RecordingButtonBase.prototype, "_virtualMode", void 0);
 __decorate([
     consume({ context: recordingStateContext, subscribe: true }),
     state()
@@ -312,14 +322,6 @@ __decorate([
     consume({ context: socketProxyContext, subscribe: true }),
     state()
 ], RecordingButtonBase.prototype, "_socketProxy", void 0);
-__decorate([
-    consume({ context: debugDisplayAudioContext, subscribe: true }),
-    state()
-], RecordingButtonBase.prototype, "_debug_displayAudio", void 0);
-__decorate([
-    consume({ context: virtualModeContext, subscribe: true }),
-    state()
-], RecordingButtonBase.prototype, "_virtualMode", void 0);
 __decorate([
     consume({ context: pushToTalkKeybindingContext, subscribe: true }),
     state()

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

@@ -0,0 +1 @@
+{"version":3,"file":"recording-button-base.js","sourceRoot":"","sources":["../../src/components/recording-button-base.ts"],"names":[],"mappings":"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","sourcesContent":["import type { CortiAuth } from \"@corti/sdk\";\nimport { consume } from \"@lit/context\";\nimport type { TemplateResult } from \"lit\";\nimport {\n  type CSSResultGroup,\n  html,\n  LitElement,\n  type PropertyValues,\n} from \"lit\";\nimport { property, state } from \"lit/decorators.js\";\nimport { AUDIO_CHUNK_INTERVAL_MS } from \"../constants.js\";\nimport {\n  accessTokenContext,\n  authConfigContext,\n  regionContext,\n  tenantNameContext,\n} from \"../contexts/mixins/auth-context.js\";\nimport { selectedDeviceContext } from \"../contexts/mixins/devices-context.js\";\nimport {\n  pushToTalkKeybindingContext,\n  toggleToTalkKeybindingContext,\n} from \"../contexts/mixins/keybindings-context.js\";\nimport {\n  socketProxyContext,\n  socketUrlContext,\n} from \"../contexts/mixins/proxy-context.js\";\nimport { recordingStateContext } from \"../contexts/mixins/recording-state-context.js\";\nimport { KeybindingController } from \"../controllers/keybinding-controller.js\";\nimport { MediaController } from \"../controllers/media-controller.js\";\nimport type {\n  SocketController,\n  SocketControllerOutboundItem,\n  SocketControllerWebSocket,\n} from \"../controllers/socket-controller.js\";\nimport type { RecordingSocketInboundMessage } from \"../socket-messages.js\";\nimport ButtonStyles from \"../styles/buttons.js\";\nimport RecordingButtonStyles from \"../styles/recording-button.js\";\nimport type { ProxyOptions, RecordingState } from \"../types.js\";\nimport {\n  audioEventEvent,\n  audioLevelChangedEvent,\n  commandEvent,\n  deltaUsageEvent,\n  errorEvent,\n  factsEvent,\n  networkActivityEvent,\n  type RecordingStateChangedEventDetail,\n  recordingStateChangedEvent,\n  streamClosedEvent,\n  transcriptEvent,\n  usageEvent,\n} from \"../utils/events.js\";\n\nimport \"../icons/icons.js\";\nimport \"./speech-audio-visualiser.js\";\n\nexport abstract class RecordingButtonBase<\n  TConfig,\n  TMessage extends\n    RecordingSocketInboundMessage = RecordingSocketInboundMessage,\n> extends LitElement {\n  @state()\n  _debug_displayAudio?: boolean;\n\n  @state()\n  _virtualMode?: boolean;\n  protected get _audioLevel(): number {\n    return this.#mediaController.audioLevel;\n  }\n\n  protected _renderAudioVisualiser(isRecording: boolean): TemplateResult {\n    return html`<speech-audio-visualiser\n      .level=${this._audioLevel}\n      ?active=${isRecording}\n    ></speech-audio-visualiser>`;\n  }\n\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: socketUrlContext, subscribe: true })\n  @state()\n  _socketUrl?: string;\n\n  @consume({ context: socketProxyContext, subscribe: true })\n  @state()\n  _socketProxy?: ProxyOptions;\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  protected abstract _socketController: SocketController<\n    SocketControllerOutboundItem,\n    TMessage,\n    TConfig,\n    SocketControllerWebSocket\n  >;\n\n  protected abstract _getConnectConfig(): TConfig;\n\n  #mediaController = new MediaController(this);\n  // biome-ignore lint/correctness/noUnusedPrivateClassMembers: Controller self-registers in constructor (addController).\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: TMessage): 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 \"facts\":\n        this.dispatchEvent(factsEvent(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 \"audioEvent\":\n        this.dispatchEvent(audioEventEvent(message));\n        break;\n      case \"error\":\n        this.dispatchEvent(errorEvent(message.error));\n        this.#handleStop();\n        break;\n      case \"ended\":\n      case \"ENDED\":\n        this.#processing = false;\n        this.#dispatchRecordingStateChanged(this._recordingState);\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    if (\n      this._socketController.isConnectionOpen() ||\n      this._socketController.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._socketController.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._socketController.connect(\n        this._getConnectConfig(),\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      await this._socketController.stopRecording();\n    } catch (error) {\n      this.dispatchEvent(errorEvent(error));\n    }\n\n    try {\n      await this.#mediaController.cleanup();\n    } catch (error) {\n      this.dispatchEvent(errorEvent(error));\n    }\n\n    this.#dispatchRecordingStateChanged(\"stopped\");\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._socketController.isConnectionOpen()) {\n      return;\n    }\n\n    try {\n      this.#connection = \"CONNECTING\";\n      this.#dispatchRecordingStateChanged(this._recordingState);\n\n      await this._socketController.connect(this._getConnectConfig(), {\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._socketController.isConnecting()) {\n      await this._socketController.waitForConnection();\n    }\n\n    if (!this._socketController.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._socketController.closeConnection(this.#handleWebSocketClose);\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        ${this._renderAudioVisualiser(isRecording)}\n      </button>\n    `;\n  }\n}\n"]}

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

@@ -0,0 +1,13 @@
+import { type CSSResultGroup, LitElement, nothing, type TemplateResult } from "lit";
+import type { ConfigurableSettings, RecordingState } from "../types.js";
+import "../icons/icons.js";
+export declare abstract class SettingsMenuBase extends LitElement {
+    protected abstract _renderDeviceSelector(isRecording: boolean): TemplateResult | typeof nothing;
+    protected abstract _renderLanguageSelector(isRecording: boolean): TemplateResult | typeof nothing;
+    protected abstract _renderKeybindingSelector(isRecording: boolean): TemplateResult | typeof nothing;
+    protected _renderVirtualModeSelector(_isRecording: boolean): TemplateResult | typeof nothing;
+    _recordingState: RecordingState;
+    settingsEnabled: ConfigurableSettings[];
+    static styles: CSSResultGroup;
+    render(): TemplateResult<1> | typeof nothing;
+}

package/{components/settings-menu.js → dist/core/components/settings-menu-base.js}

@@ -5,25 +5,23 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 import { consume } from "@lit/context";
-import { html, LitElement, nothing } from "lit";
+import { html, LitElement, nothing, } from "lit";
 import { property, state } from "lit/decorators.js";
 import { recordingStateContext } from "../contexts/mixins/recording-state-context.js";
 import ButtonStyles from "../styles/buttons.js";
 import CalloutStyles from "../styles/callout.js";
 import SettingsMenuStyles from "../styles/settings-menu.js";
 import { commaSeparatedConverter } from "../utils/converters.js";
-import { dualCustomElement } from "../utils/custom-elements.js";
-import "./ambient-virtual-mode-selector.js";
-import "./device-selector.js";
-import "./keybinding-selector.js";
-import "./language-selector.js";
 import "../icons/icons.js";
-let DictationSettingsMenu = class DictationSettingsMenu extends LitElement {
+export class SettingsMenuBase extends LitElement {
     constructor() {
         super(...arguments);
         this._recordingState = "stopped";
         this.settingsEnabled = ["device", "language"];
     }
+    _renderVirtualModeSelector(_isRecording) {
+        return nothing;
+    }
     render() {
         if (this.settingsEnabled?.length === 0) {
             return nothing;
@@ -47,33 +45,17 @@ let DictationSettingsMenu = class DictationSettingsMenu extends LitElement {
                   </div>
                 `
             : nothing}
-            ${showDeviceSelector
-            ? html `<dictation-device-selector
-                  ?disabled=${isRecording}
-                />`
-            : nothing}
-            ${showLanguageSelector
-            ? html `<dictation-language-selector
-                  ?disabled=${isRecording}
-                />`
-            : nothing}
-            ${showKeybinding
-            ? html `<dictation-keybinding-selector
-                    ?disabled=${isRecording}
-                  />`
-            : nothing}
-            ${showVirtualMode
-            ? html `<ambient-virtual-mode-selector
-                    ?disabled=${isRecording}
-                  ></ambient-virtual-mode-selector>`
-            : nothing}
+            ${showDeviceSelector ? this._renderDeviceSelector(isRecording) : nothing}
+            ${showLanguageSelector ? this._renderLanguageSelector(isRecording) : nothing}
+            ${showKeybinding ? this._renderKeybindingSelector(isRecording) : nothing}
+            ${showVirtualMode ? this._renderVirtualModeSelector(isRecording) : nothing}
           </div>
         </div>
       </div>
     `;
     }
-};
-DictationSettingsMenu.styles = [
+}
+SettingsMenuBase.styles = [
     SettingsMenuStyles,
     ButtonStyles,
     CalloutStyles,
@@ -81,15 +63,11 @@ DictationSettingsMenu.styles = [
 __decorate([
     consume({ context: recordingStateContext, subscribe: true }),
     state()
-], DictationSettingsMenu.prototype, "_recordingState", void 0);
+], SettingsMenuBase.prototype, "_recordingState", void 0);
 __decorate([
     property({
         converter: commaSeparatedConverter,
         type: Array,
     })
-], DictationSettingsMenu.prototype, "settingsEnabled", void 0);
-DictationSettingsMenu = __decorate([
-    dualCustomElement("dictation-settings-menu", "ambient-settings-menu")
-], DictationSettingsMenu);
-export { DictationSettingsMenu };
-//# sourceMappingURL=settings-menu.js.map
+], SettingsMenuBase.prototype, "settingsEnabled", void 0);
+//# sourceMappingURL=settings-menu-base.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"settings-menu-base.js","sourceRoot":"","sources":["../../src/components/settings-menu-base.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvC,OAAO,EAEL,IAAI,EACJ,UAAU,EACV,OAAO,GAER,MAAM,KAAK,CAAC;AACb,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,qBAAqB,EAAE,MAAM,+CAA+C,CAAC;AACtF,OAAO,YAAY,MAAM,sBAAsB,CAAC;AAChD,OAAO,aAAa,MAAM,sBAAsB,CAAC;AACjD,OAAO,kBAAkB,MAAM,4BAA4B,CAAC;AAE5D,OAAO,EAAE,uBAAuB,EAAE,MAAM,wBAAwB,CAAC;AAEjE,OAAO,mBAAmB,CAAC;AAE3B,MAAM,OAAgB,gBAAiB,SAAQ,UAAU;IAAzD;;QAqBE,oBAAe,GAAmB,SAAS,CAAC;QAM5C,oBAAe,GAA2B,CAAC,QAAQ,EAAE,UAAU,CAAC,CAAC;IA4CnE,CAAC;IA1DW,0BAA0B,CAClC,YAAqB;QAErB,OAAO,OAAO,CAAC;IACjB,CAAC;IAkBD,MAAM;QACJ,IAAI,IAAI,CAAC,eAAe,EAAE,MAAM,KAAK,CAAC,EAAE,CAAC;YACvC,OAAO,OAAO,CAAC;QACjB,CAAC;QAED,MAAM,WAAW,GAAG,IAAI,CAAC,eAAe,KAAK,WAAW,CAAC;QACzD,MAAM,kBAAkB,GAAG,IAAI,CAAC,eAAe,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC;QACnE,MAAM,oBAAoB,GAAG,IAAI,CAAC,eAAe,CAAC,QAAQ,CAAC,UAAU,CAAC,CAAC;QACvE,MAAM,cAAc,GAAG,IAAI,CAAC,eAAe,CAAC,QAAQ,CAAC,YAAY,CAAC,CAAC;QACnE,MAAM,eAAe,GAAG,IAAI,CAAC,eAAe,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAC;QAErE,OAAO,IAAI,CAAA;;;;;;;cAQD,WAAW;YACT,CAAC,CAAC,IAAI,CAAA;;;;iBAIL;YACD,CAAC,CAAC,OACN;cACE,kBAAkB,CAAC,CAAC,CAAC,IAAI,CAAC,qBAAqB,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,OAAO;cACtE,oBAAoB,CAAC,CAAC,CAAC,IAAI,CAAC,uBAAuB,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,OAAO;cAC1E,cAAc,CAAC,CAAC,CAAC,IAAI,CAAC,yBAAyB,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,OAAO;cACtE,eAAe,CAAC,CAAC,CAAC,IAAI,CAAC,0BAA0B,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,OAAO;;;;KAIjF,CAAC;IACJ,CAAC;;AAzCM,uBAAM,GAAmB;IAC9B,kBAAkB;IAClB,YAAY;IACZ,aAAa;CACd,AAJY,CAIX;AAZF;IAFC,OAAO,CAAC,EAAE,OAAO,EAAE,qBAAqB,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC;IAC5D,KAAK,EAAE;yDACoC;AAM5C;IAJC,QAAQ,CAAC;QACR,SAAS,EAAE,uBAAuB;QAClC,IAAI,EAAE,KAAK;KACZ,CAAC;yDAC+D","sourcesContent":["import { consume } from \"@lit/context\";\nimport {\n  type CSSResultGroup,\n  html,\n  LitElement,\n  nothing,\n  type TemplateResult,\n} from \"lit\";\nimport { property, state } from \"lit/decorators.js\";\nimport { recordingStateContext } from \"../contexts/mixins/recording-state-context.js\";\nimport ButtonStyles from \"../styles/buttons.js\";\nimport CalloutStyles from \"../styles/callout.js\";\nimport SettingsMenuStyles from \"../styles/settings-menu.js\";\nimport type { ConfigurableSettings, RecordingState } from \"../types.js\";\nimport { commaSeparatedConverter } from \"../utils/converters.js\";\n\nimport \"../icons/icons.js\";\n\nexport abstract class SettingsMenuBase extends LitElement {\n  protected abstract _renderDeviceSelector(\n    isRecording: boolean,\n  ): TemplateResult | typeof nothing;\n\n  protected abstract _renderLanguageSelector(\n    isRecording: boolean,\n  ): TemplateResult | typeof nothing;\n\n  protected abstract _renderKeybindingSelector(\n    isRecording: boolean,\n  ): TemplateResult | typeof nothing;\n\n  protected _renderVirtualModeSelector(\n    _isRecording: boolean,\n  ): TemplateResult | typeof nothing {\n    return nothing;\n  }\n\n  @consume({ context: recordingStateContext, subscribe: true })\n  @state()\n  _recordingState: RecordingState = \"stopped\";\n\n  @property({\n    converter: commaSeparatedConverter,\n    type: Array,\n  })\n  settingsEnabled: ConfigurableSettings[] = [\"device\", \"language\"];\n\n  static styles: CSSResultGroup = [\n    SettingsMenuStyles,\n    ButtonStyles,\n    CalloutStyles,\n  ];\n\n  render() {\n    if (this.settingsEnabled?.length === 0) {\n      return nothing;\n    }\n\n    const isRecording = this._recordingState === \"recording\";\n    const showDeviceSelector = this.settingsEnabled.includes(\"device\");\n    const showLanguageSelector = this.settingsEnabled.includes(\"language\");\n    const showKeybinding = this.settingsEnabled.includes(\"keybinding\");\n    const showVirtualMode = this.settingsEnabled.includes(\"virtualMode\");\n\n    return html`\n      <div class=\"mic-selector\">\n        <button id=\"settings-popover-button\" popovertarget=\"settings-popover\">\n          <icon-settings />\n        </button>\n        <div id=\"settings-popover\" popover>\n          <div class=\"settings-wrapper\">\n            ${\n              isRecording\n                ? html`\n                  <div class=\"callout warn\">\n                    Recording is in progress. Stop recording to change settings.\n                  </div>\n                `\n                : nothing\n            }\n            ${showDeviceSelector ? this._renderDeviceSelector(isRecording) : nothing}\n            ${showLanguageSelector ? this._renderLanguageSelector(isRecording) : nothing}\n            ${showKeybinding ? this._renderKeybindingSelector(isRecording) : nothing}\n            ${showVirtualMode ? this._renderVirtualModeSelector(isRecording) : nothing}\n          </div>\n        </div>\n      </div>\n    `;\n  }\n}\n"]}

package/{components/audio-visualiser.d.ts → dist/core/components/speech-audio-visualiser.d.ts}

@@ -1,15 +1,14 @@
 import { LitElement, type PropertyValues } from "lit";
-export declare class DictationAudioVisualiser extends LitElement {
+export declare class SpeechAudioVisualiser extends LitElement {
     level: number;
     active: boolean;
     segmentCount: number;
     static styles: import("lit").CSSResult;
     willUpdate(changedProperties: PropertyValues<this>): void;
-    render(): import("lit-html").TemplateResult<1>;
+    render(): import("lit").TemplateResult<1>;
 }
 declare global {
     interface HTMLElementTagNameMap {
-        "ambient-audio-visualiser": DictationAudioVisualiser;
-        "dictation-audio-visualiser": DictationAudioVisualiser;
+        "speech-audio-visualiser": SpeechAudioVisualiser;
     }
 }