@corti/dictation-web 0.6.0 → 0.7.0-ambient

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

@@ -0,0 +1,16 @@
+import { AmbientController, type AmbientStreamSessionConfig, type StreamAmbientMessage } from "../controllers/ambient-controller.js";
+import { RecordingButtonBase } from "./recording-button-base.js";
+export declare class AmbientRecordingButton extends RecordingButtonBase<AmbientStreamSessionConfig, StreamAmbientMessage> {
+    #private;
+    private _ambientConfig?;
+    private _interactionId?;
+    protected _socketController: AmbientController;
+    startRecording(): void;
+    openConnection(): Promise<void>;
+    protected _getConnectConfig(): AmbientStreamSessionConfig;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "ambient-recording-button": AmbientRecordingButton;
+    }
+}

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

@@ -0,0 +1,68 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (receiver, state, kind, f) {
+    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a getter");
+    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 _AmbientRecordingButton_instances, _AmbientRecordingButton_trimmedInteractionId;
+import { consume } from "@lit/context";
+import { customElement, state } from "lit/decorators.js";
+import { DEFAULT_STREAM_CONFIG } from "../constants.js";
+import { ambientConfigContext, interactionIdContext, } from "../contexts/ambient-context.js";
+import { AmbientController, } from "../controllers/ambient-controller.js";
+import { errorEvent } from "../utils/events.js";
+import { RecordingButtonBase } from "./recording-button-base.js";
+const interactionIdRequiredError = () => new Error("interactionId is required. Set interactionId on ambient-root.");
+let AmbientRecordingButton = class AmbientRecordingButton extends RecordingButtonBase {
+    constructor() {
+        super(...arguments);
+        _AmbientRecordingButton_instances.add(this);
+        this._socketController = new AmbientController(this);
+    }
+    startRecording() {
+        if (!__classPrivateFieldGet(this, _AmbientRecordingButton_instances, "m", _AmbientRecordingButton_trimmedInteractionId).call(this)) {
+            this.dispatchEvent(errorEvent(interactionIdRequiredError()));
+            return;
+        }
+        super.startRecording();
+    }
+    async openConnection() {
+        if (!__classPrivateFieldGet(this, _AmbientRecordingButton_instances, "m", _AmbientRecordingButton_trimmedInteractionId).call(this)) {
+            this.dispatchEvent(errorEvent(interactionIdRequiredError()));
+            return;
+        }
+        await super.openConnection();
+    }
+    _getConnectConfig() {
+        const interactionId = __classPrivateFieldGet(this, _AmbientRecordingButton_instances, "m", _AmbientRecordingButton_trimmedInteractionId).call(this);
+        if (!interactionId) {
+            throw interactionIdRequiredError();
+        }
+        return {
+            configuration: this._ambientConfig ?? DEFAULT_STREAM_CONFIG,
+            interactionId,
+        };
+    }
+};
+_AmbientRecordingButton_instances = new WeakSet();
+_AmbientRecordingButton_trimmedInteractionId = function _AmbientRecordingButton_trimmedInteractionId() {
+    return this._interactionId?.trim();
+};
+__decorate([
+    consume({ context: ambientConfigContext, subscribe: true }),
+    state()
+], AmbientRecordingButton.prototype, "_ambientConfig", void 0);
+__decorate([
+    consume({ context: interactionIdContext, subscribe: true }),
+    state()
+], AmbientRecordingButton.prototype, "_interactionId", void 0);
+AmbientRecordingButton = __decorate([
+    customElement("ambient-recording-button")
+], AmbientRecordingButton);
+export { AmbientRecordingButton };
+//# sourceMappingURL=ambient-recording-button.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ambient-recording-button.js","sourceRoot":"","sources":["../../src/components/ambient-recording-button.ts"],"names":[],"mappings":";;;;;;;;;;;;AACA,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvC,OAAO,EAAE,aAAa,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AACzD,OAAO,EAAE,qBAAqB,EAAE,MAAM,iBAAiB,CAAC;AACxD,OAAO,EACL,oBAAoB,EACpB,oBAAoB,GACrB,MAAM,gCAAgC,CAAC;AACxC,OAAO,EACL,iBAAiB,GAGlB,MAAM,sCAAsC,CAAC;AAC9C,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAChD,OAAO,EAAE,mBAAmB,EAAE,MAAM,4BAA4B,CAAC;AAEjE,MAAM,0BAA0B,GAAG,GAAG,EAAE,CACtC,IAAI,KAAK,CAAC,+DAA+D,CAAC,CAAC;AAGtE,IAAM,sBAAsB,GAA5B,MAAM,sBAAuB,SAAQ,mBAG3C;IAHM;;;QAYK,sBAAiB,GAAG,IAAI,iBAAiB,CAAC,IAAI,CAAC,CAAC;IAoC5D,CAAC;IAlCiB,cAAc;QAC5B,IAAI,CAAC,uBAAA,IAAI,uFAAsB,MAA1B,IAAI,CAAwB,EAAE,CAAC;YAClC,IAAI,CAAC,aAAa,CAAC,UAAU,CAAC,0BAA0B,EAAE,CAAC,CAAC,CAAC;YAC7D,OAAO;QACT,CAAC;QAED,KAAK,CAAC,cAAc,EAAE,CAAC;IACzB,CAAC;IAEe,KAAK,CAAC,cAAc;QAClC,IAAI,CAAC,uBAAA,IAAI,uFAAsB,MAA1B,IAAI,CAAwB,EAAE,CAAC;YAClC,IAAI,CAAC,aAAa,CAAC,UAAU,CAAC,0BAA0B,EAAE,CAAC,CAAC,CAAC;YAC7D,OAAO;QACT,CAAC;QAED,MAAM,KAAK,CAAC,cAAc,EAAE,CAAC;IAC/B,CAAC;IAES,iBAAiB;QACzB,MAAM,aAAa,GAAG,uBAAA,IAAI,uFAAsB,MAA1B,IAAI,CAAwB,CAAC;QAEnD,IAAI,CAAC,aAAa,EAAE,CAAC;YACnB,MAAM,0BAA0B,EAAE,CAAC;QACrC,CAAC;QAED,OAAO;YACL,aAAa,EAAE,IAAI,CAAC,cAAc,IAAI,qBAAqB;YAC3D,aAAa;SACd,CAAC;IACJ,CAAC;CAKF,CAAA;;;IAFG,OAAO,IAAI,CAAC,cAAc,EAAE,IAAI,EAAE,CAAC;AACrC,CAAC;AAzCO;IAFP,OAAO,CAAC,EAAE,OAAO,EAAE,oBAAoB,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC;IAC3D,KAAK,EAAE;8DACoC;AAIpC;IAFP,OAAO,CAAC,EAAE,OAAO,EAAE,oBAAoB,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC;IAC3D,KAAK,EAAE;8DACwB;AAVrB,sBAAsB;IADlC,aAAa,CAAC,0BAA0B,CAAC;GAC7B,sBAAsB,CAgDlC","sourcesContent":["import type { Corti } from \"@corti/sdk\";\nimport { consume } from \"@lit/context\";\nimport { customElement, state } from \"lit/decorators.js\";\nimport { DEFAULT_STREAM_CONFIG } from \"../constants.js\";\nimport {\n  ambientConfigContext,\n  interactionIdContext,\n} from \"../contexts/ambient-context.js\";\nimport {\n  AmbientController,\n  type AmbientStreamSessionConfig,\n  type StreamAmbientMessage,\n} from \"../controllers/ambient-controller.js\";\nimport { errorEvent } from \"../utils/events.js\";\nimport { RecordingButtonBase } from \"./recording-button-base.js\";\n\nconst interactionIdRequiredError = () =>\n  new Error(\"interactionId is required. Set interactionId on ambient-root.\");\n\n@customElement(\"ambient-recording-button\")\nexport class AmbientRecordingButton extends RecordingButtonBase<\n  AmbientStreamSessionConfig,\n  StreamAmbientMessage\n> {\n  @consume({ context: ambientConfigContext, subscribe: true })\n  @state()\n  private _ambientConfig?: Corti.StreamConfig;\n\n  @consume({ context: interactionIdContext, subscribe: true })\n  @state()\n  private _interactionId?: string;\n\n  protected _socketController = new AmbientController(this);\n\n  public override startRecording(): void {\n    if (!this.#trimmedInteractionId()) {\n      this.dispatchEvent(errorEvent(interactionIdRequiredError()));\n      return;\n    }\n\n    super.startRecording();\n  }\n\n  public override async openConnection(): Promise<void> {\n    if (!this.#trimmedInteractionId()) {\n      this.dispatchEvent(errorEvent(interactionIdRequiredError()));\n      return;\n    }\n\n    await super.openConnection();\n  }\n\n  protected _getConnectConfig(): AmbientStreamSessionConfig {\n    const interactionId = this.#trimmedInteractionId();\n\n    if (!interactionId) {\n      throw interactionIdRequiredError();\n    }\n\n    return {\n      configuration: this._ambientConfig ?? DEFAULT_STREAM_CONFIG,\n      interactionId,\n    };\n  }\n\n  #trimmedInteractionId(): string | undefined {\n    return this._interactionId?.trim();\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"ambient-recording-button\": AmbientRecordingButton;\n  }\n}\n"]}

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

@@ -0,0 +1,27 @@
+import type { Corti } from "@corti/sdk";
+import type { AmbientRoot } from "../contexts/ambient-context.js";
+import type { AmbientRecordingButton } from "./ambient-recording-button.js";
+import { CortiRoot } from "./corti-root.js";
+import "../contexts/ambient-context.js";
+import "./ambient-recording-button.js";
+import "./settings-menu.js";
+export declare class CortiAmbient extends CortiRoot<AmbientRoot, AmbientRecordingButton> {
+    /**
+     * Stream configuration for ambient capture (modes, transcription, etc.).
+     */
+    set ambientConfig(value: Corti.StreamConfig);
+    get ambientConfig(): Corti.StreamConfig;
+    _ambientConfig: Corti.StreamConfig;
+    /**
+     * Stream interaction id passed to `stream.connect` for this session.
+     */
+    set interactionId(value: string | undefined);
+    get interactionId(): string | undefined;
+    _interactionId?: string;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "corti-ambient": CortiAmbient;
+    }
+}

package/dist/components/corti-ambient.js

@@ -0,0 +1,97 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { html, nothing } from "lit";
+import { customElement, property, state } from "lit/decorators.js";
+import { classMap } from "lit/directives/class-map.js";
+import { ref } from "lit/directives/ref.js";
+import { DEFAULT_STREAM_CONFIG } from "../constants.js";
+import { CortiRoot } from "./corti-root.js";
+import "../contexts/ambient-context.js";
+import "./ambient-recording-button.js";
+import "./settings-menu.js";
+let CortiAmbient = class CortiAmbient extends CortiRoot {
+    constructor() {
+        // ─────────────────────────────────────────────────────────────────────────────
+        // Properties
+        // ─────────────────────────────────────────────────────────────────────────────
+        super(...arguments);
+        this._ambientConfig = DEFAULT_STREAM_CONFIG;
+    }
+    /**
+     * Stream configuration for ambient capture (modes, transcription, etc.).
+     */
+    set ambientConfig(value) {
+        this._ambientConfig = value;
+    }
+    get ambientConfig() {
+        return (this._contextProviderRef.value?.ambientConfig ??
+            this._ambientConfig ??
+            DEFAULT_STREAM_CONFIG);
+    }
+    /**
+     * Stream interaction id passed to `stream.connect` for this session.
+     */
+    set interactionId(value) {
+        this._interactionId = value;
+    }
+    get interactionId() {
+        return this._contextProviderRef.value?.interactionId ?? this._interactionId;
+    }
+    // ─────────────────────────────────────────────────────────────────────────────
+    // Render
+    // ─────────────────────────────────────────────────────────────────────────────
+    render() {
+        const isHidden = !this.accessToken &&
+            !this.authConfig &&
+            !this.socketUrl &&
+            !this.socketProxy;
+        return html `
+      <ambient-root
+        ${ref(this._contextProviderRef)}
+        class=${classMap({ hidden: isHidden })}
+        .accessToken=${this.accessToken}
+        .authConfig=${this.authConfig}
+        .socketUrl=${this.socketUrl}
+        .socketProxy=${this.socketProxy}
+        .ambientConfig=${this._ambientConfig}
+        .interactionId=${this._interactionId}
+        .languages=${this._languagesSupported}
+        .devices=${this._devices}
+        .selectedDevice=${this._selectedDevice}
+        .pushToTalkKeybinding=${this._pushToTalkKeybinding}
+        .toggleToTalkKeybinding=${this._toggleToTalkKeybinding}
+      >
+        <ambient-recording-button
+          ${ref(this._recordingButtonRef)}
+          ?allowButtonFocus=${this.allowButtonFocus}
+        ></ambient-recording-button>
+        ${this.settingsEnabled?.length > 0
+            ? html `<dictation-settings-menu
+                .settingsEnabled=${this.settingsEnabled}
+              ></dictation-settings-menu>`
+            : nothing}
+      </ambient-root>
+    `;
+    }
+};
+__decorate([
+    property({ attribute: false, type: Object })
+], CortiAmbient.prototype, "ambientConfig", null);
+__decorate([
+    state()
+], CortiAmbient.prototype, "_ambientConfig", void 0);
+__decorate([
+    property({ type: String })
+], CortiAmbient.prototype, "interactionId", null);
+__decorate([
+    state()
+], CortiAmbient.prototype, "_interactionId", void 0);
+CortiAmbient = __decorate([
+    customElement("corti-ambient")
+], CortiAmbient);
+export { CortiAmbient };
+//# sourceMappingURL=corti-ambient.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"corti-ambient.js","sourceRoot":"","sources":["../../src/components/corti-ambient.ts"],"names":[],"mappings":";;;;;;AACA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,KAAK,CAAC;AACpC,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AACnE,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AACvD,OAAO,EAAE,GAAG,EAAE,MAAM,uBAAuB,CAAC;AAC5C,OAAO,EAAE,qBAAqB,EAAE,MAAM,iBAAiB,CAAC;AAGxD,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAE5C,OAAO,gCAAgC,CAAC;AACxC,OAAO,+BAA+B,CAAC;AACvC,OAAO,oBAAoB,CAAC;AAGrB,IAAM,YAAY,GAAlB,MAAM,YAAa,SAAQ,SAGjC;IAHM;QAIL,gFAAgF;QAChF,aAAa;QACb,gFAAgF;;QAmBhF,mBAAc,GAAuB,qBAAqB,CAAC;IA0D7D,CAAC;IA3EC;;OAEG;IAEH,IAAI,aAAa,CAAC,KAAyB;QACzC,IAAI,CAAC,cAAc,GAAG,KAAK,CAAC;IAC9B,CAAC;IAED,IAAI,aAAa;QACf,OAAO,CACL,IAAI,CAAC,mBAAmB,CAAC,KAAK,EAAE,aAAa;YAC7C,IAAI,CAAC,cAAc;YACnB,qBAAqB,CACtB,CAAC;IACJ,CAAC;IAKD;;OAEG;IAEH,IAAI,aAAa,CAAC,KAAyB;QACzC,IAAI,CAAC,cAAc,GAAG,KAAK,CAAC;IAC9B,CAAC;IAED,IAAI,aAAa;QACf,OAAO,IAAI,CAAC,mBAAmB,CAAC,KAAK,EAAE,aAAa,IAAI,IAAI,CAAC,cAAc,CAAC;IAC9E,CAAC;IAKD,gFAAgF;IAChF,SAAS;IACT,gFAAgF;IAEhF,MAAM;QACJ,MAAM,QAAQ,GACZ,CAAC,IAAI,CAAC,WAAW;YACjB,CAAC,IAAI,CAAC,UAAU;YAChB,CAAC,IAAI,CAAC,SAAS;YACf,CAAC,IAAI,CAAC,WAAW,CAAC;QAEpB,OAAO,IAAI,CAAA;;UAEL,GAAG,CAAC,IAAI,CAAC,mBAAmB,CAAC;gBACvB,QAAQ,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,CAAC;uBACvB,IAAI,CAAC,WAAW;sBACjB,IAAI,CAAC,UAAU;qBAChB,IAAI,CAAC,SAAS;uBACZ,IAAI,CAAC,WAAW;yBACd,IAAI,CAAC,cAAc;yBACnB,IAAI,CAAC,cAAc;qBACvB,IAAI,CAAC,mBAAmB;mBAC1B,IAAI,CAAC,QAAQ;0BACN,IAAI,CAAC,eAAe;gCACd,IAAI,CAAC,qBAAqB;kCACxB,IAAI,CAAC,uBAAuB;;;YAGlD,GAAG,CAAC,IAAI,CAAC,mBAAmB,CAAC;8BACX,IAAI,CAAC,gBAAgB;;UAGzC,IAAI,CAAC,eAAe,EAAE,MAAM,GAAG,CAAC;YAC9B,CAAC,CAAC,IAAI,CAAA;mCACiB,IAAI,CAAC,eAAe;0CACb;YAC9B,CAAC,CAAC,OACN;;KAEH,CAAC;IACJ,CAAC;CACF,CAAA;AAvEC;IADC,QAAQ,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;iDAG5C;AAWD;IADC,KAAK,EAAE;oDACmD;AAM3D;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;iDAG1B;AAOD;IADC,KAAK,EAAE;oDACgB;AAxCb,YAAY;IADxB,aAAa,CAAC,eAAe,CAAC;GAClB,YAAY,CAmFxB","sourcesContent":["import type { Corti } from \"@corti/sdk\";\nimport { html, nothing } from \"lit\";\nimport { customElement, property, state } from \"lit/decorators.js\";\nimport { classMap } from \"lit/directives/class-map.js\";\nimport { ref } from \"lit/directives/ref.js\";\nimport { DEFAULT_STREAM_CONFIG } from \"../constants.js\";\nimport type { AmbientRoot } from \"../contexts/ambient-context.js\";\nimport type { AmbientRecordingButton } from \"./ambient-recording-button.js\";\nimport { CortiRoot } from \"./corti-root.js\";\n\nimport \"../contexts/ambient-context.js\";\nimport \"./ambient-recording-button.js\";\nimport \"./settings-menu.js\";\n\n@customElement(\"corti-ambient\")\nexport class CortiAmbient extends CortiRoot<\n  AmbientRoot,\n  AmbientRecordingButton\n> {\n  // ─────────────────────────────────────────────────────────────────────────────\n  // Properties\n  // ─────────────────────────────────────────────────────────────────────────────\n\n  /**\n   * Stream configuration for ambient capture (modes, transcription, etc.).\n   */\n  @property({ attribute: false, type: Object })\n  set ambientConfig(value: Corti.StreamConfig) {\n    this._ambientConfig = value;\n  }\n\n  get ambientConfig(): Corti.StreamConfig {\n    return (\n      this._contextProviderRef.value?.ambientConfig ??\n      this._ambientConfig ??\n      DEFAULT_STREAM_CONFIG\n    );\n  }\n\n  @state()\n  _ambientConfig: Corti.StreamConfig = DEFAULT_STREAM_CONFIG;\n\n  /**\n   * Stream interaction id passed to `stream.connect` for this session.\n   */\n  @property({ type: String })\n  set interactionId(value: string | undefined) {\n    this._interactionId = value;\n  }\n\n  get interactionId(): string | undefined {\n    return this._contextProviderRef.value?.interactionId ?? this._interactionId;\n  }\n\n  @state()\n  _interactionId?: string;\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      <ambient-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        .ambientConfig=${this._ambientConfig}\n        .interactionId=${this._interactionId}\n        .languages=${this._languagesSupported}\n        .devices=${this._devices}\n        .selectedDevice=${this._selectedDevice}\n        .pushToTalkKeybinding=${this._pushToTalkKeybinding}\n        .toggleToTalkKeybinding=${this._toggleToTalkKeybinding}\n      >\n        <ambient-recording-button\n          ${ref(this._recordingButtonRef)}\n          ?allowButtonFocus=${this.allowButtonFocus}\n        ></ambient-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      </ambient-root>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"corti-ambient\": CortiAmbient;\n  }\n}\n"]}

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

@@ -1,47 +1,11 @@
 import type { Corti, CortiAuth } from "@corti/sdk";
-import { LitElement } from "lit";
-import type { ConfigurableSettings, ProxyOptions, RecordingState } from "../types.js";
+import type { DictationRoot } from "../contexts/dictation-context.js";
+import { CortiRoot } from "./corti-root.js";
+import type { DictationRecordingButton } from "./dictation-recording-button.js";
 import "../contexts/dictation-context.js";
-import "./recording-button.js";
+import "./dictation-recording-button.js";
 import "./settings-menu.js";
-export declare class CortiDictation extends LitElement {
-    #private;
-    static styles: import("lit").CSSResult;
-    /**
-     * Latest access token
-     */
-    accessToken?: string;
-    /**
-     * Authentication configuration with optional refresh mechanism.
-     */
-    authConfig?: CortiAuth.AuthTokenDerivable;
-    /**
-     * WebSocket URL for proxy connection. When provided, uses CortiWebSocketProxyClient instead of CortiClient.
-     */
-    socketUrl?: string;
-    /**
-     * Socket proxy configuration object. When provided, uses CortiWebSocketProxyClient instead of CortiClient.
-     */
-    socketProxy?: ProxyOptions;
-    /**
-     * List of all language codes available for use with the Web Component.
-     *  Default list depends on the accessToken
-     */
-    set languagesSupported(value: Corti.TranscribeSupportedLanguage[] | undefined);
-    get languagesSupported(): Corti.TranscribeSupportedLanguage[];
-    _languagesSupported?: Corti.TranscribeSupportedLanguage[];
-    /**
-     * Which settings should be available in the UI.
-     *  If an empty array is passed, the settings will be disabled entirely.
-     *  Options are language and devices
-     */
-    settingsEnabled: ConfigurableSettings[];
-    /**
-     * When false (default), allows the start/stop button from taking focus when clicked,
-     *  disabling textareas or other input elements to maintain focus.
-     *  Set to "true" to allow the button to receive focus on click.
-     */
-    allowButtonFocus: boolean;
+export declare class CortiDictation extends CortiRoot<DictationRoot, DictationRecordingButton> {
     /**
      * Overrides any device selection and instead uses getDisplayMedia to stream system audio.
      * Should only be used for debugging.
@@ -53,40 +17,6 @@ export declare class CortiDictation extends LitElement {
     set dictationConfig(value: Corti.TranscribeConfig);
     get dictationConfig(): Corti.TranscribeConfig;
     _dictationConfig: Corti.TranscribeConfig;
-    /**
-     * List of available recording devices
-     */
-    set devices(value: MediaDeviceInfo[] | undefined);
-    get devices(): MediaDeviceInfo[];
-    _devices?: MediaDeviceInfo[];
-    /**
-     * The selected device used for recording (MediaDeviceInfo).
-     */
-    set selectedDevice(value: MediaDeviceInfo | undefined);
-    get selectedDevice(): MediaDeviceInfo | undefined;
-    _selectedDevice?: MediaDeviceInfo;
-    /**
-     * Current state of recording (stopped, recording, initializing and stopping, ).
-     */
-    get recordingState(): RecordingState;
-    /**
-     * Push-to-talk keybinding for keyboard shortcut. Single key only (e.g., "Space", "k", "meta", "ctrl").
-     * Combinations with "+" are not supported.
-     * Keydown starts recording, keyup stops recording.
-     * Defaults to "Space" if keybinding is in settingsEnabled, otherwise undefined
-     */
-    set pushToTalkKeybinding(value: string | null | undefined);
-    get pushToTalkKeybinding(): string | null | undefined;
-    _pushToTalkKeybinding?: string | null;
-    /**
-     * Toggle-to-talk keybinding for keyboard shortcut. Single key only (e.g., "`", "k", "meta", "ctrl").
-     * Combinations with "+" are not supported.
-     * Pressing the key toggles recording on/off.
-     * Defaults to "`" if keybinding is in settingsEnabled, otherwise undefined
-     */
-    set toggleToTalkKeybinding(value: string | null | undefined);
-    get toggleToTalkKeybinding(): string | null | undefined;
-    _toggleToTalkKeybinding?: string | null;
     /**
      * Set the latest access token.
      * @returns ServerConfig with environment, tenant, and accessToken
@@ -94,12 +24,8 @@ export declare class CortiDictation extends LitElement {
      */
     setAccessToken(token: string): {
         accessToken: string | undefined;
-        environment: undefined;
-        tenant: undefined;
-    } | {
-        accessToken: string;
-        environment: string;
-        tenant: string;
+        environment: string | undefined;
+        tenant: string | undefined;
     };
     /**
      * Set the auth configuration for OAuth flows.
@@ -108,39 +34,13 @@ export declare class CortiDictation extends LitElement {
      */
     setAuthConfig(config: CortiAuth.AuthTokenDerivable): Promise<{
         accessToken: string | undefined;
-        environment: undefined;
-        tenant: undefined;
-    } | {
-        accessToken: string;
-        environment: string;
-        tenant: string;
+        environment: string | undefined;
+        tenant: string | undefined;
     } | {
         accessToken: undefined;
         environment: undefined;
         tenant: undefined;
     }>;
-    /**
-     * Starts a recording.
-     */
-    startRecording(): void;
-    /**
-     * Stops a recording.
-     */
-    stopRecording(): void;
-    /**
-     * Starts or stops recording. Convenience layer on top of the start/stop methods.
-     */
-    toggleRecording(): void;
-    /**
-     * Opens the WebSocket connection without starting recording.
-     * Use this to pre-establish the connection before recording starts.
-     */
-    openConnection(): Promise<void>;
-    /**
-     * Closes the WebSocket connection by sending "end" and waiting for "ended".
-     * Call this to receive "usage" statistics or when done with the connection.
-     */
-    closeConnection(): Promise<void>;
     render(): import("lit-html").TemplateResult<1>;
 }
 declare global {

package/dist/components/corti-dictation.js

@@ -4,41 +4,21 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (receiver, state, kind, f) {
-    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a getter");
-    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 _CortiDictation_recordingButtonRef, _CortiDictation_contextProviderRef;
-import { css, html, LitElement, nothing } from "lit";
+import { html, nothing } from "lit";
 import { customElement, property, state } from "lit/decorators.js";
 import { classMap } from "lit/directives/class-map.js";
-import { createRef, ref } from "lit/directives/ref.js";
+import { ref } from "lit/directives/ref.js";
 import { DEFAULT_DICTATION_CONFIG } from "../constants.js";
-import { commaSeparatedConverter } from "../utils/converters.js";
+import { CortiRoot } from "./corti-root.js";
 import "../contexts/dictation-context.js";
-import "./recording-button.js";
+import "./dictation-recording-button.js";
 import "./settings-menu.js";
-let CortiDictation = class CortiDictation extends LitElement {
+let CortiDictation = class CortiDictation extends CortiRoot {
     constructor() {
-        super(...arguments);
         // ─────────────────────────────────────────────────────────────────────────────
-        // Private refs
+        // Properties
         // ─────────────────────────────────────────────────────────────────────────────
-        _CortiDictation_recordingButtonRef.set(this, createRef());
-        _CortiDictation_contextProviderRef.set(this, createRef());
-        /**
-         * Which settings should be available in the UI.
-         *  If an empty array is passed, the settings will be disabled entirely.
-         *  Options are language and devices
-         */
-        this.settingsEnabled = ["device", "language"];
-        /**
-         * When false (default), allows the start/stop button from taking focus when clicked,
-         *  disabling textareas or other input elements to maintain focus.
-         *  Set to "true" to allow the button to receive focus on click.
-         */
-        this.allowButtonFocus = false;
+        super(...arguments);
         /**
          * Overrides any device selection and instead uses getDisplayMedia to stream system audio.
          * Should only be used for debugging.
@@ -46,18 +26,6 @@ let CortiDictation = class CortiDictation extends LitElement {
         this.debug_displayAudio = false;
         this._dictationConfig = DEFAULT_DICTATION_CONFIG;
     }
-    /**
-     * List of all language codes available for use with the Web Component.
-     *  Default list depends on the accessToken
-     */
-    set languagesSupported(value) {
-        this._languagesSupported = value;
-    }
-    get languagesSupported() {
-        return (__classPrivateFieldGet(this, _CortiDictation_contextProviderRef, "f").value?.languages ||
-            this._languagesSupported ||
-            []);
-    }
     /**
      * Configuration settings for dictation
      */
@@ -65,57 +33,7 @@ let CortiDictation = class CortiDictation extends LitElement {
         this._dictationConfig = value;
     }
     get dictationConfig() {
-        return (__classPrivateFieldGet(this, _CortiDictation_contextProviderRef, "f").value?.dictationConfig || this._dictationConfig);
-    }
-    /**
-     * List of available recording devices
-     */
-    set devices(value) {
-        this._devices = value;
-    }
-    get devices() {
-        return __classPrivateFieldGet(this, _CortiDictation_contextProviderRef, "f").value?.devices || this._devices || [];
-    }
-    /**
-     * The selected device used for recording (MediaDeviceInfo).
-     */
-    set selectedDevice(value) {
-        this._selectedDevice = value;
-    }
-    get selectedDevice() {
-        return (__classPrivateFieldGet(this, _CortiDictation_contextProviderRef, "f").value?.selectedDevice || this._selectedDevice);
-    }
-    /**
-     * Current state of recording (stopped, recording, initializing and stopping, ).
-     */
-    get recordingState() {
-        return __classPrivateFieldGet(this, _CortiDictation_contextProviderRef, "f").value?.recordingState || "stopped";
-    }
-    /**
-     * Push-to-talk keybinding for keyboard shortcut. Single key only (e.g., "Space", "k", "meta", "ctrl").
-     * Combinations with "+" are not supported.
-     * Keydown starts recording, keyup stops recording.
-     * Defaults to "Space" if keybinding is in settingsEnabled, otherwise undefined
-     */
-    set pushToTalkKeybinding(value) {
-        this._pushToTalkKeybinding = value;
-    }
-    get pushToTalkKeybinding() {
-        return (__classPrivateFieldGet(this, _CortiDictation_contextProviderRef, "f").value?.pushToTalkKeybinding ||
-            this._pushToTalkKeybinding);
-    }
-    /**
-     * Toggle-to-talk keybinding for keyboard shortcut. Single key only (e.g., "`", "k", "meta", "ctrl").
-     * Combinations with "+" are not supported.
-     * Pressing the key toggles recording on/off.
-     * Defaults to "`" if keybinding is in settingsEnabled, otherwise undefined
-     */
-    set toggleToTalkKeybinding(value) {
-        this._toggleToTalkKeybinding = value;
-    }
-    get toggleToTalkKeybinding() {
-        return (__classPrivateFieldGet(this, _CortiDictation_contextProviderRef, "f").value?.toggleToTalkKeybinding ||
-            this._toggleToTalkKeybinding);
+        return (this._contextProviderRef.value?.dictationConfig || this._dictationConfig);
     }
     // ─────────────────────────────────────────────────────────────────────────────
     // Public methods
@@ -127,7 +45,7 @@ let CortiDictation = class CortiDictation extends LitElement {
      */
     setAccessToken(token) {
         this.accessToken = token;
-        return (__classPrivateFieldGet(this, _CortiDictation_contextProviderRef, "f").value?.setAccessToken(token) ?? {
+        return (this._contextProviderRef.value?.setAccessToken(token) ?? {
             accessToken: token,
             environment: undefined,
             tenant: undefined,
@@ -140,44 +58,12 @@ let CortiDictation = class CortiDictation extends LitElement {
      */
     async setAuthConfig(config) {
         this.authConfig = config;
-        return (__classPrivateFieldGet(this, _CortiDictation_contextProviderRef, "f").value?.setAuthConfig(config) ?? {
+        return (this._contextProviderRef.value?.setAuthConfig(config) ?? {
             accessToken: undefined,
             environment: undefined,
             tenant: undefined,
         });
     }
-    /**
-     * Starts a recording.
-     */
-    startRecording() {
-        __classPrivateFieldGet(this, _CortiDictation_recordingButtonRef, "f").value?.startRecording();
-    }
-    /**
-     * Stops a recording.
-     */
-    stopRecording() {
-        __classPrivateFieldGet(this, _CortiDictation_recordingButtonRef, "f").value?.stopRecording();
-    }
-    /**
-     * Starts or stops recording. Convenience layer on top of the start/stop methods.
-     */
-    toggleRecording() {
-        __classPrivateFieldGet(this, _CortiDictation_recordingButtonRef, "f").value?.toggleRecording();
-    }
-    /**
-     * Opens the WebSocket connection without starting recording.
-     * Use this to pre-establish the connection before recording starts.
-     */
-    async openConnection() {
-        await __classPrivateFieldGet(this, _CortiDictation_recordingButtonRef, "f").value?.openConnection();
-    }
-    /**
-     * Closes the WebSocket connection by sending "end" and waiting for "ended".
-     * Call this to receive "usage" statistics or when done with the connection.
-     */
-    async closeConnection() {
-        await __classPrivateFieldGet(this, _CortiDictation_recordingButtonRef, "f").value?.closeConnection();
-    }
     // ─────────────────────────────────────────────────────────────────────────────
     // Render
     // ─────────────────────────────────────────────────────────────────────────────
@@ -188,7 +74,7 @@ let CortiDictation = class CortiDictation extends LitElement {
             !this.socketProxy;
         return html `
       <dictation-root
-        ${ref(__classPrivateFieldGet(this, _CortiDictation_contextProviderRef, "f"))}
+        ${ref(this._contextProviderRef)}
         class=${classMap({ hidden: isHidden })}
         .accessToken=${this.accessToken}
         .authConfig=${this.authConfig}
@@ -203,7 +89,7 @@ let CortiDictation = class CortiDictation extends LitElement {
         .toggleToTalkKeybinding=${this._toggleToTalkKeybinding}
       >
         <dictation-recording-button
-          ${ref(__classPrivateFieldGet(this, _CortiDictation_recordingButtonRef, "f"))}
+          ${ref(this._recordingButtonRef)}
           ?allowButtonFocus=${this.allowButtonFocus}
         ></dictation-recording-button>
         ${this.settingsEnabled?.length > 0
@@ -215,43 +101,6 @@ let CortiDictation = class CortiDictation extends LitElement {
     `;
     }
 };
-_CortiDictation_recordingButtonRef = new WeakMap();
-_CortiDictation_contextProviderRef = new WeakMap();
-CortiDictation.styles = css `
-    .hidden {
-      display: none;
-    }
-  `;
-__decorate([
-    property({ type: String })
-], CortiDictation.prototype, "accessToken", void 0);
-__decorate([
-    property({ attribute: false, type: Object })
-], CortiDictation.prototype, "authConfig", void 0);
-__decorate([
-    property({ type: String })
-], CortiDictation.prototype, "socketUrl", void 0);
-__decorate([
-    property({ attribute: false, type: Object })
-], CortiDictation.prototype, "socketProxy", void 0);
-__decorate([
-    property({
-        converter: commaSeparatedConverter,
-        type: Array,
-    })
-], CortiDictation.prototype, "languagesSupported", null);
-__decorate([
-    state()
-], CortiDictation.prototype, "_languagesSupported", void 0);
-__decorate([
-    property({
-        converter: commaSeparatedConverter,
-        type: Array,
-    })
-], CortiDictation.prototype, "settingsEnabled", void 0);
-__decorate([
-    property({ type: Boolean })
-], CortiDictation.prototype, "allowButtonFocus", void 0);
 __decorate([
     property({ attribute: "debug-display-audio", type: Boolean })
 ], CortiDictation.prototype, "debug_displayAudio", void 0);
@@ -261,30 +110,6 @@ __decorate([
 __decorate([
     state()
 ], CortiDictation.prototype, "_dictationConfig", void 0);
-__decorate([
-    property({ attribute: false, type: Array })
-], CortiDictation.prototype, "devices", null);
-__decorate([
-    state()
-], CortiDictation.prototype, "_devices", void 0);
-__decorate([
-    property({ attribute: false, type: Object })
-], CortiDictation.prototype, "selectedDevice", null);
-__decorate([
-    state()
-], CortiDictation.prototype, "_selectedDevice", void 0);
-__decorate([
-    property({ type: String })
-], CortiDictation.prototype, "pushToTalkKeybinding", null);
-__decorate([
-    state()
-], CortiDictation.prototype, "_pushToTalkKeybinding", void 0);
-__decorate([
-    property({ type: String })
-], CortiDictation.prototype, "toggleToTalkKeybinding", null);
-__decorate([
-    state()
-], CortiDictation.prototype, "_toggleToTalkKeybinding", void 0);
 CortiDictation = __decorate([
     customElement("corti-dictation")
 ], CortiDictation);