@corti/dictation-web 0.6.0 → 0.7.0-ambient

package/dist/bundle.js

@@ -46,20 +46,169 @@ var require_browser = __commonJS({
   }
 });
 
+// node_modules/@lit/context/lib/context-request-event.js
+var s = class extends Event {
+  constructor(s8, t7, e10, o10) {
+    super("context-request", { bubbles: true, composed: true }), this.context = s8, this.contextTarget = t7, this.callback = e10, this.subscribe = o10 ?? false;
+  }
+};
+
+// node_modules/@lit/context/lib/create-context.js
+function n(n8) {
+  return n8;
+}
+
+// node_modules/@lit/context/lib/controllers/context-consumer.js
+var s2 = class {
+  constructor(t7, s8, i7, h5) {
+    if (this.subscribe = false, this.provided = false, this.value = void 0, this.t = (t8, s9) => {
+      this.unsubscribe && (this.unsubscribe !== s9 && (this.provided = false, this.unsubscribe()), this.subscribe || this.unsubscribe()), this.value = t8, this.host.requestUpdate(), this.provided && !this.subscribe || (this.provided = true, this.callback && this.callback(t8, s9)), this.unsubscribe = s9;
+    }, this.host = t7, void 0 !== s8.context) {
+      const t8 = s8;
+      this.context = t8.context, this.callback = t8.callback, this.subscribe = t8.subscribe ?? false;
+    } else this.context = s8, this.callback = i7, this.subscribe = h5 ?? false;
+    this.host.addController(this);
+  }
+  hostConnected() {
+    this.dispatchRequest();
+  }
+  hostDisconnected() {
+    this.unsubscribe && (this.unsubscribe(), this.unsubscribe = void 0);
+  }
+  dispatchRequest() {
+    this.host.dispatchEvent(new s(this.context, this.host, this.t, this.subscribe));
+  }
+};
+
+// node_modules/@lit/context/lib/value-notifier.js
+var s3 = class {
+  get value() {
+    return this.o;
+  }
+  set value(s8) {
+    this.setValue(s8);
+  }
+  setValue(s8, t7 = false) {
+    const i7 = t7 || !Object.is(s8, this.o);
+    this.o = s8, i7 && this.updateObservers();
+  }
+  constructor(s8) {
+    this.subscriptions = /* @__PURE__ */ new Map(), this.updateObservers = () => {
+      for (const [s9, { disposer: t7 }] of this.subscriptions) s9(this.o, t7);
+    }, void 0 !== s8 && (this.value = s8);
+  }
+  addCallback(s8, t7, i7) {
+    if (!i7) return void s8(this.value);
+    this.subscriptions.has(s8) || this.subscriptions.set(s8, { disposer: () => {
+      this.subscriptions.delete(s8);
+    }, consumerHost: t7 });
+    const { disposer: h5 } = this.subscriptions.get(s8);
+    s8(this.value, h5);
+  }
+  clearCallbacks() {
+    this.subscriptions.clear();
+  }
+};
+
+// node_modules/@lit/context/lib/controllers/context-provider.js
+var e = class extends Event {
+  constructor(t7, s8) {
+    super("context-provider", { bubbles: true, composed: true }), this.context = t7, this.contextTarget = s8;
+  }
+};
+var i = class extends s3 {
+  constructor(s8, e10, i7) {
+    super(void 0 !== e10.context ? e10.initialValue : i7), this.onContextRequest = (t7) => {
+      if (t7.context !== this.context) return;
+      const s9 = t7.contextTarget ?? t7.composedPath()[0];
+      s9 !== this.host && (t7.stopPropagation(), this.addCallback(t7.callback, s9, t7.subscribe));
+    }, this.onProviderRequest = (s9) => {
+      if (s9.context !== this.context) return;
+      if ((s9.contextTarget ?? s9.composedPath()[0]) === this.host) return;
+      const e11 = /* @__PURE__ */ new Set();
+      for (const [s10, { consumerHost: i8 }] of this.subscriptions) e11.has(s10) || (e11.add(s10), i8.dispatchEvent(new s(this.context, i8, s10, true)));
+      s9.stopPropagation();
+    }, this.host = s8, void 0 !== e10.context ? this.context = e10.context : this.context = e10, this.attachListeners(), this.host.addController?.(this);
+  }
+  attachListeners() {
+    this.host.addEventListener("context-request", this.onContextRequest), this.host.addEventListener("context-provider", this.onProviderRequest);
+  }
+  hostConnected() {
+    this.host.dispatchEvent(new e(this.context, this.host));
+  }
+};
+
+// node_modules/@lit/context/lib/decorators/provide.js
+function e2({ context: e10 }) {
+  return (n8, i7) => {
+    const r7 = /* @__PURE__ */ new WeakMap();
+    if ("object" == typeof i7) return { get() {
+      return n8.get.call(this);
+    }, set(t7) {
+      return r7.get(this).setValue(t7), n8.set.call(this, t7);
+    }, init(n9) {
+      return r7.set(this, new i(this, { context: e10, initialValue: n9 })), n9;
+    } };
+    {
+      n8.constructor.addInitializer((n9) => {
+        r7.set(n9, new i(n9, { context: e10 }));
+      });
+      const o10 = Object.getOwnPropertyDescriptor(n8, i7);
+      let s8;
+      if (void 0 === o10) {
+        const t7 = /* @__PURE__ */ new WeakMap();
+        s8 = { get() {
+          return t7.get(this);
+        }, set(e11) {
+          r7.get(this).setValue(e11), t7.set(this, e11);
+        }, configurable: true, enumerable: true };
+      } else {
+        const t7 = o10.set;
+        s8 = { ...o10, set(e11) {
+          r7.get(this).setValue(e11), t7?.call(this, e11);
+        } };
+      }
+      return void Object.defineProperty(n8, i7, s8);
+    }
+  };
+}
+
+// node_modules/@lit/context/lib/decorators/consume.js
+function c({ context: c6, subscribe: e10 }) {
+  return (o10, n8) => {
+    "object" == typeof n8 ? n8.addInitializer(function() {
+      new s2(this, { context: c6, callback: (t7) => {
+        o10.set.call(this, t7);
+      }, subscribe: e10 });
+    }) : o10.constructor.addInitializer((o11) => {
+      new s2(o11, { context: c6, callback: (t7) => {
+        o11[n8] = t7;
+      }, subscribe: e10 });
+    });
+  };
+}
+
+// node_modules/@lit/reactive-element/decorators/custom-element.js
+var t2 = (t7) => (e10, o10) => {
+  void 0 !== o10 ? o10.addInitializer(() => {
+    customElements.define(t7, e10);
+  }) : customElements.define(t7, e10);
+};
+
 // node_modules/@lit/reactive-element/css-tag.js
-var t = globalThis;
-var e = t.ShadowRoot && (void 0 === t.ShadyCSS || t.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype;
-var s = Symbol();
+var t3 = globalThis;
+var e3 = t3.ShadowRoot && (void 0 === t3.ShadyCSS || t3.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype;
+var s4 = Symbol();
 var o = /* @__PURE__ */ new WeakMap();
-var n = class {
+var n2 = class {
   constructor(t7, e10, o10) {
-    if (this._$cssResult$ = true, o10 !== s) throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
+    if (this._$cssResult$ = true, o10 !== s4) throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
     this.cssText = t7, this.t = e10;
   }
   get styleSheet() {
     let t7 = this.o;
     const s8 = this.t;
-    if (e && void 0 === t7) {
+    if (e3 && void 0 === t7) {
       const e10 = void 0 !== s8 && 1 === s8.length;
       e10 && (t7 = o.get(s8)), void 0 === t7 && ((this.o = t7 = new CSSStyleSheet()).replaceSync(this.cssText), e10 && o.set(s8, t7));
     }
@@ -69,33 +218,33 @@ var n = class {
     return this.cssText;
   }
 };
-var r = (t7) => new n("string" == typeof t7 ? t7 : t7 + "", void 0, s);
-var i = (t7, ...e10) => {
+var r = (t7) => new n2("string" == typeof t7 ? t7 : t7 + "", void 0, s4);
+var i2 = (t7, ...e10) => {
   const o10 = 1 === t7.length ? t7[0] : e10.reduce((e11, s8, o11) => e11 + ((t8) => {
     if (true === t8._$cssResult$) return t8.cssText;
     if ("number" == typeof t8) return t8;
     throw Error("Value passed to 'css' function must be a 'css' function result: " + t8 + ". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.");
   })(s8) + t7[o11 + 1], t7[0]);
-  return new n(o10, t7, s);
+  return new n2(o10, t7, s4);
 };
 var S = (s8, o10) => {
-  if (e) s8.adoptedStyleSheets = o10.map((t7) => t7 instanceof CSSStyleSheet ? t7 : t7.styleSheet);
+  if (e3) s8.adoptedStyleSheets = o10.map((t7) => t7 instanceof CSSStyleSheet ? t7 : t7.styleSheet);
   else for (const e10 of o10) {
-    const o11 = document.createElement("style"), n8 = t.litNonce;
+    const o11 = document.createElement("style"), n8 = t3.litNonce;
     void 0 !== n8 && o11.setAttribute("nonce", n8), o11.textContent = e10.cssText, s8.appendChild(o11);
   }
 };
-var c = e ? (t7) => t7 : (t7) => t7 instanceof CSSStyleSheet ? ((t8) => {
+var c2 = e3 ? (t7) => t7 : (t7) => t7 instanceof CSSStyleSheet ? ((t8) => {
   let e10 = "";
   for (const s8 of t8.cssRules) e10 += s8.cssText;
   return r(e10);
 })(t7) : t7;
 
 // node_modules/@lit/reactive-element/reactive-element.js
-var { is: i2, defineProperty: e2, getOwnPropertyDescriptor: h, getOwnPropertyNames: r2, getOwnPropertySymbols: o2, getPrototypeOf: n2 } = Object;
+var { is: i3, defineProperty: e4, getOwnPropertyDescriptor: h, getOwnPropertyNames: r2, getOwnPropertySymbols: o2, getPrototypeOf: n3 } = Object;
 var a = globalThis;
-var c2 = a.trustedTypes;
-var l = c2 ? c2.emptyScript : "";
+var c3 = a.trustedTypes;
+var l = c3 ? c3.emptyScript : "";
 var p = a.reactiveElementPolyfillSupport;
 var d = (t7, s8) => t7;
 var u = { toAttribute(t7, s8) {
@@ -127,7 +276,7 @@ var u = { toAttribute(t7, s8) {
   }
   return i7;
 } };
-var f = (t7, s8) => !i2(t7, s8);
+var f = (t7, s8) => !i3(t7, s8);
 var b = { attribute: true, type: String, converter: u, reflect: false, useDefault: false, hasChanged: f };
 Symbol.metadata ??= Symbol("metadata"), a.litPropertyMetadata ??= /* @__PURE__ */ new WeakMap();
 var y = class extends HTMLElement {
@@ -140,7 +289,7 @@ var y = class extends HTMLElement {
   static createProperty(t7, s8 = b) {
     if (s8.state && (s8.attribute = false), this._$Ei(), this.prototype.hasOwnProperty(t7) && ((s8 = Object.create(s8)).wrapped = true), this.elementProperties.set(t7, s8), !s8.noAccessor) {
       const i7 = Symbol(), h5 = this.getPropertyDescriptor(t7, i7, s8);
-      void 0 !== h5 && e2(this.prototype, t7, h5);
+      void 0 !== h5 && e4(this.prototype, t7, h5);
     }
   }
   static getPropertyDescriptor(t7, s8, i7) {
@@ -159,7 +308,7 @@ var y = class extends HTMLElement {
   }
   static _$Ei() {
     if (this.hasOwnProperty(d("elementProperties"))) return;
-    const t7 = n2(this);
+    const t7 = n3(this);
     t7.finalize(), void 0 !== t7.l && (this.l = [...t7.l]), this.elementProperties = new Map(t7.elementProperties);
   }
   static finalize() {
@@ -184,8 +333,8 @@ var y = class extends HTMLElement {
     const i7 = [];
     if (Array.isArray(s8)) {
       const e10 = new Set(s8.flat(1 / 0).reverse());
-      for (const s9 of e10) i7.unshift(c(s9));
-    } else void 0 !== s8 && i7.push(c(s8));
+      for (const s9 of e10) i7.unshift(c2(s9));
+    } else void 0 !== s8 && i7.push(c2(s8));
     return i7;
   }
   static _$Eu(t7, s8) {
@@ -313,17 +462,100 @@ var y = class extends HTMLElement {
 };
 y.elementStyles = [], y.shadowRootOptions = { mode: "open" }, y[d("elementProperties")] = /* @__PURE__ */ new Map(), y[d("finalized")] = /* @__PURE__ */ new Map(), p?.({ ReactiveElement: y }), (a.reactiveElementVersions ??= []).push("2.1.1");
 
+// node_modules/@lit/reactive-element/decorators/property.js
+var o3 = { attribute: true, type: String, converter: u, reflect: false, hasChanged: f };
+var r3 = (t7 = o3, e10, r7) => {
+  const { kind: n8, metadata: i7 } = r7;
+  let s8 = globalThis.litPropertyMetadata.get(i7);
+  if (void 0 === s8 && globalThis.litPropertyMetadata.set(i7, s8 = /* @__PURE__ */ new Map()), "setter" === n8 && ((t7 = Object.create(t7)).wrapped = true), s8.set(r7.name, t7), "accessor" === n8) {
+    const { name: o10 } = r7;
+    return { set(r8) {
+      const n9 = e10.get.call(this);
+      e10.set.call(this, r8), this.requestUpdate(o10, n9, t7);
+    }, init(e11) {
+      return void 0 !== e11 && this.C(o10, void 0, t7, e11), e11;
+    } };
+  }
+  if ("setter" === n8) {
+    const { name: o10 } = r7;
+    return function(r8) {
+      const n9 = this[o10];
+      e10.call(this, r8), this.requestUpdate(o10, n9, t7);
+    };
+  }
+  throw Error("Unsupported decorator location: " + n8);
+};
+function n4(t7) {
+  return (e10, o10) => "object" == typeof o10 ? r3(t7, e10, o10) : ((t8, e11, o11) => {
+    const r7 = e11.hasOwnProperty(o11);
+    return e11.constructor.createProperty(o11, t8), r7 ? Object.getOwnPropertyDescriptor(e11, o11) : void 0;
+  })(t7, e10, o10);
+}
+
+// node_modules/@lit/reactive-element/decorators/state.js
+function r4(r7) {
+  return n4({ ...r7, state: true, attribute: false });
+}
+
+// dist/constants.js
+var LANGUAGES_SUPPORTED_EU = [
+  "da",
+  "de",
+  "de-CH",
+  "en",
+  "en-GB",
+  "es",
+  "fr",
+  "hu",
+  "it",
+  "nl",
+  "no",
+  "pt",
+  "sv",
+  "gsw-CH"
+].sort();
+var LANGUAGES_SUPPORTED_US = [
+  "da",
+  "de",
+  "de-CH",
+  "en",
+  "en-GB",
+  "es",
+  "fr",
+  "hu",
+  "it",
+  "nl",
+  "no",
+  "pt",
+  "sv"
+].sort();
+var DEFAULT_DICTATION_CONFIG = {
+  automaticPunctuation: false,
+  primaryLanguage: "en",
+  spokenPunctuation: true
+};
+var DEFAULT_STREAM_CONFIG = {
+  mode: { outputLocale: "en", type: "facts" },
+  transcription: {
+    isDiarization: true,
+    isMultichannel: false,
+    participants: [],
+    primaryLanguage: "en"
+  }
+};
+var AUDIO_CHUNK_INTERVAL_MS = 250;
+
 // node_modules/lit-html/lit-html.js
-var t2 = globalThis;
-var i3 = t2.trustedTypes;
-var s2 = i3 ? i3.createPolicy("lit-html", { createHTML: (t7) => t7 }) : void 0;
-var e3 = "$lit$";
+var t4 = globalThis;
+var i4 = t4.trustedTypes;
+var s5 = i4 ? i4.createPolicy("lit-html", { createHTML: (t7) => t7 }) : void 0;
+var e6 = "$lit$";
 var h2 = `lit$${Math.random().toFixed(9).slice(2)}$`;
-var o3 = "?" + h2;
-var n3 = `<${o3}>`;
-var r3 = document;
-var l2 = () => r3.createComment("");
-var c3 = (t7) => null === t7 || "object" != typeof t7 && "function" != typeof t7;
+var o4 = "?" + h2;
+var n5 = `<${o4}>`;
+var r5 = document;
+var l2 = () => r5.createComment("");
+var c4 = (t7) => null === t7 || "object" != typeof t7 && "function" != typeof t7;
 var a2 = Array.isArray;
 var u2 = (t7) => a2(t7) || "function" == typeof t7?.[Symbol.iterator];
 var d2 = "[ 	\n\f\r]";
@@ -342,10 +574,10 @@ var w = y2(3);
 var T = Symbol.for("lit-noChange");
 var E = Symbol.for("lit-nothing");
 var A = /* @__PURE__ */ new WeakMap();
-var C = r3.createTreeWalker(r3, 129);
+var C = r5.createTreeWalker(r5, 129);
 function P(t7, i7) {
   if (!a2(t7) || !t7.hasOwnProperty("raw")) throw Error("invalid template strings array");
-  return void 0 !== s2 ? s2.createHTML(i7) : i7;
+  return void 0 !== s5 ? s5.createHTML(i7) : i7;
 }
 var V = (t7, i7) => {
   const s8 = t7.length - 1, o10 = [];
@@ -355,7 +587,7 @@ var V = (t7, i7) => {
     let a3, u3, d3 = -1, y3 = 0;
     for (; y3 < s9.length && (c6.lastIndex = y3, u3 = c6.exec(s9), null !== u3); ) y3 = c6.lastIndex, c6 === f2 ? "!--" === u3[1] ? c6 = v : void 0 !== u3[1] ? c6 = _ : void 0 !== u3[2] ? ($.test(u3[2]) && (r7 = RegExp("</" + u3[2], "g")), c6 = m) : void 0 !== u3[3] && (c6 = m) : c6 === m ? ">" === u3[0] ? (c6 = r7 ?? f2, d3 = -1) : void 0 === u3[1] ? d3 = -2 : (d3 = c6.lastIndex - u3[2].length, a3 = u3[1], c6 = void 0 === u3[3] ? m : '"' === u3[3] ? g : p2) : c6 === g || c6 === p2 ? c6 = m : c6 === v || c6 === _ ? c6 = f2 : (c6 = m, r7 = void 0);
     const x2 = c6 === m && t7[i8 + 1].startsWith("/>") ? " " : "";
-    l3 += c6 === f2 ? s9 + n3 : d3 >= 0 ? (o10.push(a3), s9.slice(0, d3) + e3 + s9.slice(d3) + h2 + x2) : s9 + h2 + (-2 === d3 ? i8 : x2);
+    l3 += c6 === f2 ? s9 + n5 : d3 >= 0 ? (o10.push(a3), s9.slice(0, d3) + e6 + s9.slice(d3) + h2 + x2) : s9 + h2 + (-2 === d3 ? i8 : x2);
   }
   return [P(t7, l3 + (t7[s8] || "<?>") + (2 === i7 ? "</svg>" : 3 === i7 ? "</math>" : "")), o10];
 };
@@ -371,19 +603,19 @@ var N = class _N {
     }
     for (; null !== (r7 = C.nextNode()) && d3.length < u3; ) {
       if (1 === r7.nodeType) {
-        if (r7.hasAttributes()) for (const t8 of r7.getAttributeNames()) if (t8.endsWith(e3)) {
+        if (r7.hasAttributes()) for (const t8 of r7.getAttributeNames()) if (t8.endsWith(e6)) {
           const i7 = v2[a3++], s9 = r7.getAttribute(t8).split(h2), e10 = /([.?@])?(.*)/.exec(i7);
           d3.push({ type: 1, index: c6, name: e10[2], strings: s9, ctor: "." === e10[1] ? H : "?" === e10[1] ? I : "@" === e10[1] ? L : k }), r7.removeAttribute(t8);
         } else t8.startsWith(h2) && (d3.push({ type: 6, index: c6 }), r7.removeAttribute(t8));
         if ($.test(r7.tagName)) {
           const t8 = r7.textContent.split(h2), s9 = t8.length - 1;
           if (s9 > 0) {
-            r7.textContent = i3 ? i3.emptyScript : "";
+            r7.textContent = i4 ? i4.emptyScript : "";
             for (let i7 = 0; i7 < s9; i7++) r7.append(t8[i7], l2()), C.nextNode(), d3.push({ type: 2, index: ++c6 });
             r7.append(t8[s9], l2());
           }
         }
-      } else if (8 === r7.nodeType) if (r7.data === o3) d3.push({ type: 2, index: c6 });
+      } else if (8 === r7.nodeType) if (r7.data === o4) d3.push({ type: 2, index: c6 });
       else {
         let t8 = -1;
         for (; -1 !== (t8 = r7.data.indexOf(h2, t8 + 1)); ) d3.push({ type: 7, index: c6 }), t8 += h2.length - 1;
@@ -392,14 +624,14 @@ var N = class _N {
     }
   }
   static createElement(t7, i7) {
-    const s8 = r3.createElement("template");
+    const s8 = r5.createElement("template");
     return s8.innerHTML = t7, s8;
   }
 };
 function S2(t7, i7, s8 = t7, e10) {
   if (i7 === T) return i7;
   let h5 = void 0 !== e10 ? s8._$Co?.[e10] : s8._$Cl;
-  const o10 = c3(i7) ? void 0 : i7._$litDirective$;
+  const o10 = c4(i7) ? void 0 : i7._$litDirective$;
   return h5?.constructor !== o10 && (h5?._$AO?.(false), void 0 === o10 ? h5 = void 0 : (h5 = new o10(t7), h5._$AT(t7, s8, e10)), void 0 !== e10 ? (s8._$Co ??= [])[e10] = h5 : s8._$Cl = h5), void 0 !== h5 && (i7 = S2(t7, h5._$AS(t7, i7.values), h5, e10)), i7;
 }
 var M = class {
@@ -413,7 +645,7 @@ var M = class {
     return this._$AM._$AU;
   }
   u(t7) {
-    const { el: { content: i7 }, parts: s8 } = this._$AD, e10 = (t7?.creationScope ?? r3).importNode(i7, true);
+    const { el: { content: i7 }, parts: s8 } = this._$AD, e10 = (t7?.creationScope ?? r5).importNode(i7, true);
     C.currentNode = e10;
     let h5 = C.nextNode(), o10 = 0, n8 = 0, l3 = s8[0];
     for (; void 0 !== l3; ) {
@@ -423,7 +655,7 @@ var M = class {
       }
       o10 !== l3?.index && (h5 = C.nextNode(), o10++);
     }
-    return C.currentNode = r3, e10;
+    return C.currentNode = r5, e10;
   }
   p(t7) {
     let i7 = 0;
@@ -449,7 +681,7 @@ var R = class _R {
     return this._$AB;
   }
   _$AI(t7, i7 = this) {
-    t7 = S2(this, t7, i7), c3(t7) ? t7 === E || null == t7 || "" === t7 ? (this._$AH !== E && this._$AR(), this._$AH = E) : t7 !== this._$AH && t7 !== T && this._(t7) : void 0 !== t7._$litType$ ? this.$(t7) : void 0 !== t7.nodeType ? this.T(t7) : u2(t7) ? this.k(t7) : this._(t7);
+    t7 = S2(this, t7, i7), c4(t7) ? t7 === E || null == t7 || "" === t7 ? (this._$AH !== E && this._$AR(), this._$AH = E) : t7 !== this._$AH && t7 !== T && this._(t7) : void 0 !== t7._$litType$ ? this.$(t7) : void 0 !== t7.nodeType ? this.T(t7) : u2(t7) ? this.k(t7) : this._(t7);
   }
   O(t7) {
     return this._$AA.parentNode.insertBefore(t7, this._$AB);
@@ -458,7 +690,7 @@ var R = class _R {
     this._$AH !== t7 && (this._$AR(), this._$AH = this.O(t7));
   }
   _(t7) {
-    this._$AH !== E && c3(this._$AH) ? this._$AA.nextSibling.data = t7 : this.T(r3.createTextNode(t7)), this._$AH = t7;
+    this._$AH !== E && c4(this._$AH) ? this._$AA.nextSibling.data = t7 : this.T(r5.createTextNode(t7)), this._$AH = t7;
   }
   $(t7) {
     const { values: i7, _$litType$: s8 } = t7, e10 = "number" == typeof s8 ? this._$AC(t7) : (void 0 === s8.el && (s8.el = N.createElement(P(s8.h, s8.h[0]), this.options)), s8);
@@ -502,11 +734,11 @@ var k = class {
   _$AI(t7, i7 = this, s8, e10) {
     const h5 = this.strings;
     let o10 = false;
-    if (void 0 === h5) t7 = S2(this, t7, i7, 0), o10 = !c3(t7) || t7 !== this._$AH && t7 !== T, o10 && (this._$AH = t7);
+    if (void 0 === h5) t7 = S2(this, t7, i7, 0), o10 = !c4(t7) || t7 !== this._$AH && t7 !== T, o10 && (this._$AH = t7);
     else {
       const e11 = t7;
       let n8, r7;
-      for (t7 = h5[0], n8 = 0; n8 < h5.length - 1; n8++) r7 = S2(this, e11[s8 + n8], i7, n8), r7 === T && (r7 = this._$AH[n8]), o10 ||= !c3(r7) || r7 !== this._$AH[n8], r7 === E ? t7 = E : t7 !== E && (t7 += (r7 ?? "") + h5[n8 + 1]), this._$AH[n8] = r7;
+      for (t7 = h5[0], n8 = 0; n8 < h5.length - 1; n8++) r7 = S2(this, e11[s8 + n8], i7, n8), r7 === T && (r7 = this._$AH[n8]), o10 ||= !c4(r7) || r7 !== this._$AH[n8], r7 === E ? t7 = E : t7 !== E && (t7 += (r7 ?? "") + h5[n8 + 1]), this._$AH[n8] = r7;
     }
     o10 && !e10 && this.j(t7);
   }
@@ -554,9 +786,9 @@ var z = class {
     S2(this, t7);
   }
 };
-var Z = { M: e3, P: h2, A: o3, C: 1, L: V, R: M, D: u2, V: S2, I: R, H: k, N: I, U: L, B: H, F: z };
-var j = t2.litHtmlPolyfillSupport;
-j?.(N, R), (t2.litHtmlVersions ??= []).push("3.3.1");
+var Z = { M: e6, P: h2, A: o4, C: 1, L: V, R: M, D: u2, V: S2, I: R, H: k, N: I, U: L, B: H, F: z };
+var j = t4.litHtmlPolyfillSupport;
+j?.(N, R), (t4.litHtmlVersions ??= []).push("3.3.1");
 var B = (t7, i7, s8) => {
   const e10 = s8?.renderBefore ?? i7;
   let h5 = e10._$litPart$;
@@ -568,8 +800,8 @@ var B = (t7, i7, s8) => {
 };
 
 // node_modules/lit-element/lit-element.js
-var s3 = globalThis;
-var i4 = class extends y {
+var s6 = globalThis;
+var i5 = class extends y {
   constructor() {
     super(...arguments), this.renderOptions = { host: this }, this._$Do = void 0;
   }
@@ -591,407 +823,56 @@ var i4 = class extends y {
     return T;
   }
 };
-i4._$litElement$ = true, i4["finalized"] = true, s3.litElementHydrateSupport?.({ LitElement: i4 });
-var o4 = s3.litElementPolyfillSupport;
-o4?.({ LitElement: i4 });
-(s3.litElementVersions ??= []).push("4.2.1");
+i5._$litElement$ = true, i5["finalized"] = true, s6.litElementHydrateSupport?.({ LitElement: i5 });
+var o5 = s6.litElementPolyfillSupport;
+o5?.({ LitElement: i5 });
+(s6.litElementVersions ??= []).push("4.2.1");
 
-// node_modules/@lit/reactive-element/decorators/custom-element.js
-var t3 = (t7) => (e10, o10) => {
-  void 0 !== o10 ? o10.addInitializer(() => {
-    customElements.define(t7, e10);
-  }) : customElements.define(t7, e10);
-};
+// dist/styles/component-styles.js
+var ComponentStyles = i2`
+  :host {
+    font-family: var(--component-font-family, -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, Cantarell, Ubuntu, roboto, noto, helvetica, arial, sans-serif);
+  }
 
-// node_modules/@lit/reactive-element/decorators/property.js
-var o5 = { attribute: true, type: String, converter: u, reflect: false, hasChanged: f };
-var r4 = (t7 = o5, e10, r7) => {
-  const { kind: n8, metadata: i7 } = r7;
-  let s8 = globalThis.litPropertyMetadata.get(i7);
-  if (void 0 === s8 && globalThis.litPropertyMetadata.set(i7, s8 = /* @__PURE__ */ new Map()), "setter" === n8 && ((t7 = Object.create(t7)).wrapped = true), s8.set(r7.name, t7), "accessor" === n8) {
-    const { name: o10 } = r7;
-    return { set(r8) {
-      const n9 = e10.get.call(this);
-      e10.set.call(this, r8), this.requestUpdate(o10, n9, t7);
-    }, init(e11) {
-      return void 0 !== e11 && this.C(o10, void 0, t7, e11), e11;
-    } };
+  .wrapper {
+    background-color: var(--card-background, light-dark(#fff, #333));
+    border: 1px solid var(--card-border-color, light-dark(#ddd, #555));
+    border-radius: var(--card-border-radius, 8px);
+    box-shadow: var(--card-box-shadow, 0 2px 5px rgba(0, 0, 0, 0.1));
+    padding: var(--card-padding, 4px);
+    display: flex;
+    gap: 4px;
+    height: 46px;
+    width: fit-content;
+    box-sizing: border-box;
+    overflow: hidden;
   }
-  if ("setter" === n8) {
-    const { name: o10 } = r7;
-    return function(r8) {
-      const n9 = this[o10];
-      e10.call(this, r8), this.requestUpdate(o10, n9, t7);
-    };
+`;
+var LabelStyles = i2`
+  label {
+    display: block;
+    font-size: 0.8rem;
+    padding-bottom: 0.5rem;
+    font-weight: 500;
+    color: var(--component-text-color, light-dark(#333, #eee));
+    pointer-events: none;
   }
-  throw Error("Unsupported decorator location: " + n8);
-};
-function n4(t7) {
-  return (e10, o10) => "object" == typeof o10 ? r4(t7, e10, o10) : ((t8, e11, o11) => {
-    const r7 = e11.hasOwnProperty(o11);
-    return e11.constructor.createProperty(o11, t8), r7 ? Object.getOwnPropertyDescriptor(e11, o11) : void 0;
-  })(t7, e10, o10);
-}
-
-// node_modules/@lit/reactive-element/decorators/state.js
-function r5(r7) {
-  return n4({ ...r7, state: true, attribute: false });
-}
-
-// node_modules/lit-html/directive.js
-var t4 = { ATTRIBUTE: 1, CHILD: 2, PROPERTY: 3, BOOLEAN_ATTRIBUTE: 4, EVENT: 5, ELEMENT: 6 };
-var e5 = (t7) => (...e10) => ({ _$litDirective$: t7, values: e10 });
-var i5 = class {
-  constructor(t7) {
-  }
-  get _$AU() {
-    return this._$AM._$AU;
-  }
-  _$AT(t7, e10, i7) {
-    this._$Ct = t7, this._$AM = e10, this._$Ci = i7;
-  }
-  _$AS(t7, e10) {
-    return this.update(t7, e10);
-  }
-  update(t7, e10) {
-    return this.render(...e10);
-  }
-};
-
-// node_modules/lit-html/directives/class-map.js
-var e6 = e5(class extends i5 {
-  constructor(t7) {
-    if (super(t7), t7.type !== t4.ATTRIBUTE || "class" !== t7.name || t7.strings?.length > 2) throw Error("`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.");
-  }
-  render(t7) {
-    return " " + Object.keys(t7).filter((s8) => t7[s8]).join(" ") + " ";
-  }
-  update(s8, [i7]) {
-    if (void 0 === this.st) {
-      this.st = /* @__PURE__ */ new Set(), void 0 !== s8.strings && (this.nt = new Set(s8.strings.join(" ").split(/\s/).filter((t7) => "" !== t7)));
-      for (const t7 in i7) i7[t7] && !this.nt?.has(t7) && this.st.add(t7);
-      return this.render(i7);
-    }
-    const r7 = s8.element.classList;
-    for (const t7 of this.st) t7 in i7 || (r7.remove(t7), this.st.delete(t7));
-    for (const t7 in i7) {
-      const s9 = !!i7[t7];
-      s9 === this.st.has(t7) || this.nt?.has(t7) || (s9 ? (r7.add(t7), this.st.add(t7)) : (r7.remove(t7), this.st.delete(t7)));
-    }
-    return T;
-  }
-});
-
-// node_modules/lit-html/directive-helpers.js
-var { I: t5 } = Z;
-var f3 = (o10) => void 0 === o10.strings;
-
-// node_modules/lit-html/async-directive.js
-var s4 = (i7, t7) => {
-  const e10 = i7._$AN;
-  if (void 0 === e10) return false;
-  for (const i8 of e10) i8._$AO?.(t7, false), s4(i8, t7);
-  return true;
-};
-var o6 = (i7) => {
-  let t7, e10;
-  do {
-    if (void 0 === (t7 = i7._$AM)) break;
-    e10 = t7._$AN, e10.delete(i7), i7 = t7;
-  } while (0 === e10?.size);
-};
-var r6 = (i7) => {
-  for (let t7; t7 = i7._$AM; i7 = t7) {
-    let e10 = t7._$AN;
-    if (void 0 === e10) t7._$AN = e10 = /* @__PURE__ */ new Set();
-    else if (e10.has(i7)) break;
-    e10.add(i7), c4(t7);
-  }
-};
-function h3(i7) {
-  void 0 !== this._$AN ? (o6(this), this._$AM = i7, r6(this)) : this._$AM = i7;
-}
-function n5(i7, t7 = false, e10 = 0) {
-  const r7 = this._$AH, h5 = this._$AN;
-  if (void 0 !== h5 && 0 !== h5.size) if (t7) if (Array.isArray(r7)) for (let i8 = e10; i8 < r7.length; i8++) s4(r7[i8], false), o6(r7[i8]);
-  else null != r7 && (s4(r7, false), o6(r7));
-  else s4(this, i7);
-}
-var c4 = (i7) => {
-  i7.type == t4.CHILD && (i7._$AP ??= n5, i7._$AQ ??= h3);
-};
-var f4 = class extends i5 {
-  constructor() {
-    super(...arguments), this._$AN = void 0;
-  }
-  _$AT(i7, t7, e10) {
-    super._$AT(i7, t7, e10), r6(this), this.isConnected = i7._$AU;
-  }
-  _$AO(i7, t7 = true) {
-    i7 !== this.isConnected && (this.isConnected = i7, i7 ? this.reconnected?.() : this.disconnected?.()), t7 && (s4(this, i7), o6(this));
-  }
-  setValue(t7) {
-    if (f3(this._$Ct)) this._$Ct._$AI(t7, this);
-    else {
-      const i7 = [...this._$Ct._$AH];
-      i7[this._$Ci] = t7, this._$Ct._$AI(i7, this, 0);
-    }
-  }
-  disconnected() {
-  }
-  reconnected() {
-  }
-};
-
-// node_modules/lit-html/directives/ref.js
-var e7 = () => new h4();
-var h4 = class {
-};
-var o7 = /* @__PURE__ */ new WeakMap();
-var n6 = e5(class extends f4 {
-  render(i7) {
-    return E;
-  }
-  update(i7, [s8]) {
-    const e10 = s8 !== this.G;
-    return e10 && void 0 !== this.G && this.rt(void 0), (e10 || this.lt !== this.ct) && (this.G = s8, this.ht = i7.options?.host, this.rt(this.ct = i7.element)), E;
-  }
-  rt(t7) {
-    if (this.isConnected || (t7 = void 0), "function" == typeof this.G) {
-      const i7 = this.ht ?? globalThis;
-      let s8 = o7.get(i7);
-      void 0 === s8 && (s8 = /* @__PURE__ */ new WeakMap(), o7.set(i7, s8)), void 0 !== s8.get(this.G) && this.G.call(this.ht, void 0), s8.set(this.G, t7), void 0 !== t7 && this.G.call(this.ht, t7);
-    } else this.G.value = t7;
-  }
-  get lt() {
-    return "function" == typeof this.G ? o7.get(this.ht ?? globalThis)?.get(this.G) : this.G?.value;
-  }
-  disconnected() {
-    this.lt === this.ct && this.rt(void 0);
-  }
-  reconnected() {
-    this.rt(this.ct);
-  }
-});
-
-// dist/constants.js
-var LANGUAGES_SUPPORTED_EU = [
-  "da",
-  "de",
-  "de-CH",
-  "en",
-  "en-GB",
-  "es",
-  "fr",
-  "hu",
-  "it",
-  "nl",
-  "no",
-  "pt",
-  "sv",
-  "gsw-CH"
-].sort();
-var LANGUAGES_SUPPORTED_US = [
-  "da",
-  "de",
-  "de-CH",
-  "en",
-  "en-GB",
-  "es",
-  "fr",
-  "hu",
-  "it",
-  "nl",
-  "no",
-  "pt",
-  "sv"
-].sort();
-var DEFAULT_DICTATION_CONFIG = {
-  automaticPunctuation: false,
-  primaryLanguage: "en",
-  spokenPunctuation: true
-};
-var AUDIO_CHUNK_INTERVAL_MS = 250;
-
-// dist/utils/converters.js
-var commaSeparatedConverter = {
-  fromAttribute: (value) => value?.split(",").map((s8) => s8.trim()).filter(Boolean),
-  toAttribute: (value) => value?.join(",")
-};
-
-// node_modules/@lit/context/lib/context-request-event.js
-var s5 = class extends Event {
-  constructor(s8, t7, e10, o10) {
-    super("context-request", { bubbles: true, composed: true }), this.context = s8, this.contextTarget = t7, this.callback = e10, this.subscribe = o10 ?? false;
-  }
-};
-
-// node_modules/@lit/context/lib/create-context.js
-function n7(n8) {
-  return n8;
-}
-
-// node_modules/@lit/context/lib/controllers/context-consumer.js
-var s6 = class {
-  constructor(t7, s8, i7, h5) {
-    if (this.subscribe = false, this.provided = false, this.value = void 0, this.t = (t8, s9) => {
-      this.unsubscribe && (this.unsubscribe !== s9 && (this.provided = false, this.unsubscribe()), this.subscribe || this.unsubscribe()), this.value = t8, this.host.requestUpdate(), this.provided && !this.subscribe || (this.provided = true, this.callback && this.callback(t8, s9)), this.unsubscribe = s9;
-    }, this.host = t7, void 0 !== s8.context) {
-      const t8 = s8;
-      this.context = t8.context, this.callback = t8.callback, this.subscribe = t8.subscribe ?? false;
-    } else this.context = s8, this.callback = i7, this.subscribe = h5 ?? false;
-    this.host.addController(this);
-  }
-  hostConnected() {
-    this.dispatchRequest();
-  }
-  hostDisconnected() {
-    this.unsubscribe && (this.unsubscribe(), this.unsubscribe = void 0);
-  }
-  dispatchRequest() {
-    this.host.dispatchEvent(new s5(this.context, this.host, this.t, this.subscribe));
-  }
-};
-
-// node_modules/@lit/context/lib/value-notifier.js
-var s7 = class {
-  get value() {
-    return this.o;
-  }
-  set value(s8) {
-    this.setValue(s8);
-  }
-  setValue(s8, t7 = false) {
-    const i7 = t7 || !Object.is(s8, this.o);
-    this.o = s8, i7 && this.updateObservers();
-  }
-  constructor(s8) {
-    this.subscriptions = /* @__PURE__ */ new Map(), this.updateObservers = () => {
-      for (const [s9, { disposer: t7 }] of this.subscriptions) s9(this.o, t7);
-    }, void 0 !== s8 && (this.value = s8);
-  }
-  addCallback(s8, t7, i7) {
-    if (!i7) return void s8(this.value);
-    this.subscriptions.has(s8) || this.subscriptions.set(s8, { disposer: () => {
-      this.subscriptions.delete(s8);
-    }, consumerHost: t7 });
-    const { disposer: h5 } = this.subscriptions.get(s8);
-    s8(this.value, h5);
-  }
-  clearCallbacks() {
-    this.subscriptions.clear();
-  }
-};
-
-// node_modules/@lit/context/lib/controllers/context-provider.js
-var e8 = class extends Event {
-  constructor(t7, s8) {
-    super("context-provider", { bubbles: true, composed: true }), this.context = t7, this.contextTarget = s8;
-  }
-};
-var i6 = class extends s7 {
-  constructor(s8, e10, i7) {
-    super(void 0 !== e10.context ? e10.initialValue : i7), this.onContextRequest = (t7) => {
-      if (t7.context !== this.context) return;
-      const s9 = t7.contextTarget ?? t7.composedPath()[0];
-      s9 !== this.host && (t7.stopPropagation(), this.addCallback(t7.callback, s9, t7.subscribe));
-    }, this.onProviderRequest = (s9) => {
-      if (s9.context !== this.context) return;
-      if ((s9.contextTarget ?? s9.composedPath()[0]) === this.host) return;
-      const e11 = /* @__PURE__ */ new Set();
-      for (const [s10, { consumerHost: i8 }] of this.subscriptions) e11.has(s10) || (e11.add(s10), i8.dispatchEvent(new s5(this.context, i8, s10, true)));
-      s9.stopPropagation();
-    }, this.host = s8, void 0 !== e10.context ? this.context = e10.context : this.context = e10, this.attachListeners(), this.host.addController?.(this);
-  }
-  attachListeners() {
-    this.host.addEventListener("context-request", this.onContextRequest), this.host.addEventListener("context-provider", this.onProviderRequest);
-  }
-  hostConnected() {
-    this.host.dispatchEvent(new e8(this.context, this.host));
-  }
-};
-
-// node_modules/@lit/context/lib/decorators/provide.js
-function e9({ context: e10 }) {
-  return (n8, i7) => {
-    const r7 = /* @__PURE__ */ new WeakMap();
-    if ("object" == typeof i7) return { get() {
-      return n8.get.call(this);
-    }, set(t7) {
-      return r7.get(this).setValue(t7), n8.set.call(this, t7);
-    }, init(n9) {
-      return r7.set(this, new i6(this, { context: e10, initialValue: n9 })), n9;
-    } };
-    {
-      n8.constructor.addInitializer((n9) => {
-        r7.set(n9, new i6(n9, { context: e10 }));
-      });
-      const o10 = Object.getOwnPropertyDescriptor(n8, i7);
-      let s8;
-      if (void 0 === o10) {
-        const t7 = /* @__PURE__ */ new WeakMap();
-        s8 = { get() {
-          return t7.get(this);
-        }, set(e11) {
-          r7.get(this).setValue(e11), t7.set(this, e11);
-        }, configurable: true, enumerable: true };
-      } else {
-        const t7 = o10.set;
-        s8 = { ...o10, set(e11) {
-          r7.get(this).setValue(e11), t7?.call(this, e11);
-        } };
-      }
-      return void Object.defineProperty(n8, i7, s8);
-    }
-  };
-}
-
-// node_modules/@lit/context/lib/decorators/consume.js
-function c5({ context: c6, subscribe: e10 }) {
-  return (o10, n8) => {
-    "object" == typeof n8 ? n8.addInitializer(function() {
-      new s6(this, { context: c6, callback: (t7) => {
-        o10.set.call(this, t7);
-      }, subscribe: e10 });
-    }) : o10.constructor.addInitializer((o11) => {
-      new s6(o11, { context: c6, callback: (t7) => {
-        o11[n8] = t7;
-      }, subscribe: e10 });
-    });
-  };
-}
+`;
+var component_styles_default = ComponentStyles;
 
-// dist/utils/devices.js
-async function requestMicAccess() {
-  if (!navigator.permissions) {
-    const stream = await navigator.mediaDevices.getUserMedia({ audio: true });
-    stream.getTracks().forEach((track) => {
-      track.stop();
-    });
-    return;
-  }
-  const permissionStatus = await navigator.permissions.query({
-    name: "microphone"
-  });
-  if (permissionStatus.state === "denied") {
-    throw new Error("Microphone permission is denied");
-  }
-  if (permissionStatus.state === "prompt") {
-    const stream = await navigator.mediaDevices.getUserMedia({ audio: true });
-    stream.getTracks().forEach((track) => {
-      track.stop();
-    });
-  }
-}
-async function getAudioDevices() {
-  if (!navigator.mediaDevices?.enumerateDevices) {
-    throw new Error("MediaDevices API is not available");
+// dist/utils/auth.js
+async function getInitialToken(config) {
+  const initialToken = "accessToken" in config ? {
+    accessToken: config.accessToken,
+    refreshToken: config.refreshToken
+  } : await config.refreshAccessToken();
+  if (!initialToken?.accessToken || typeof initialToken.accessToken !== "string") {
+    throw new Error("Access token is required and must be a string");
   }
-  await requestMicAccess();
-  const devices = await navigator.mediaDevices.enumerateDevices();
-  const audioDevices = devices.filter((device) => device.kind === "audioinput");
-  const defaultDevice = audioDevices.length > 0 ? audioDevices[0] : void 0;
-  return { defaultDevice, devices: audioDevices };
+  return {
+    accessToken: initialToken.accessToken,
+    refreshToken: initialToken.refreshToken
+  };
 }
 
 // dist/utils/events.js
@@ -1055,6 +936,13 @@ function deltaUsageEvent(detail) {
     detail
   });
 }
+function factsEvent(detail) {
+  return new CustomEvent("facts", {
+    bubbles: true,
+    composed: true,
+    detail
+  });
+}
 function errorToMessage(error) {
   if (error instanceof Error) {
     return error.message;
@@ -1119,6 +1007,194 @@ function keybindingActivatedEvent(keyboardEvent) {
   });
 }
 
+// dist/utils/token.js
+function decodeToken(token) {
+  const parts = token.split(".");
+  if (parts.length < 2) {
+    throw new Error("Invalid token format");
+  }
+  const base64Url = parts[1];
+  const base64 = base64Url.replace(/-/g, "+").replace(/_/g, "/");
+  let jsonPayload;
+  try {
+    jsonPayload = decodeURIComponent(atob(base64).split("").map((c6) => "%" + ("00" + c6.charCodeAt(0).toString(16)).slice(-2)).join(""));
+  } catch (error) {
+    throw new Error("Failed to decode token payload");
+  }
+  let tokenDetails;
+  try {
+    tokenDetails = JSON.parse(jsonPayload);
+  } catch (error) {
+    throw new Error("Invalid JSON payload in token");
+  }
+  const issuerUrl = tokenDetails.iss;
+  if (!issuerUrl) {
+    throw new Error("Token payload does not contain an issuer (iss) field");
+  }
+  const regex = /^https:\/\/(keycloak|auth)\.([^.]+)\.corti\.app\/realms\/([^/]+)/;
+  const match = issuerUrl.match(regex);
+  if (!match) {
+    throw new Error("Access token does not match expected format");
+  }
+  const expiresAt = tokenDetails.exp && typeof tokenDetails.exp === "number" ? tokenDetails.exp : void 0;
+  return {
+    accessToken: token,
+    environment: match[2],
+    expiresAt,
+    tenant: match[3]
+  };
+}
+
+// dist/contexts/mixins/auth-context.js
+var __decorate = function(decorators, target, key, desc) {
+  var c6 = arguments.length, r7 = c6 < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d3;
+  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r7 = Reflect.decorate(decorators, target, key, desc);
+  else for (var i7 = decorators.length - 1; i7 >= 0; i7--) if (d3 = decorators[i7]) r7 = (c6 < 3 ? d3(r7) : c6 > 3 ? d3(target, key, r7) : d3(target, key)) || r7;
+  return c6 > 3 && r7 && Object.defineProperty(target, key, r7), r7;
+};
+var regionContext = n(Symbol("region"));
+var tenantNameContext = n(Symbol("tenantName"));
+var accessTokenContext = n(Symbol("accessToken"));
+var authConfigContext = n(Symbol("authConfig"));
+function AuthContextMixin(superclass) {
+  class AuthContextMixinClass extends superclass {
+    set accessToken(token) {
+      this.setAccessToken(token);
+    }
+    get accessToken() {
+      return this._accessToken;
+    }
+    set authConfig(config) {
+      this.setAuthConfig(config);
+    }
+    get authConfig() {
+      return this._authConfig;
+    }
+    // ─────────────────────────────────────────────────────────────────────────────
+    // Public methods
+    // ─────────────────────────────────────────────────────────────────────────────
+    /**
+     * Sets the access token and parses region/tenant from it.
+     * @returns ServerConfig with environment, tenant, and accessToken
+     * @deprecated Use 'accessToken' property instead.
+     */
+    setAccessToken(token) {
+      this._accessToken = token;
+      this.region = void 0;
+      this.tenantName = void 0;
+      if (!token) {
+        return {
+          accessToken: token,
+          environment: void 0,
+          tenant: void 0
+        };
+      }
+      try {
+        const decoded = decodeToken(token);
+        this.region = decoded?.environment;
+        this.tenantName = decoded?.tenant;
+        return {
+          accessToken: token,
+          environment: decoded?.environment,
+          tenant: decoded?.tenant
+        };
+      } catch (error) {
+        this.dispatchEvent(errorEvent(error));
+      }
+      return { accessToken: token, environment: void 0, tenant: void 0 };
+    }
+    /**
+     * Sets the auth config and parses region/tenant from the initial token.
+     * @returns Promise with ServerConfig containing environment, tenant, and accessToken
+     * @deprecated Use 'authConfig' property instead.
+     */
+    async setAuthConfig(config) {
+      this._authConfig = config;
+      if (!config) {
+        return {
+          accessToken: void 0,
+          environment: void 0,
+          tenant: void 0
+        };
+      }
+      try {
+        const { accessToken } = await getInitialToken(config);
+        return this.setAccessToken(accessToken);
+      } catch (error) {
+        this.dispatchEvent(errorEvent(error));
+      }
+      return {
+        accessToken: void 0,
+        environment: void 0,
+        tenant: void 0
+      };
+    }
+  }
+  __decorate([
+    e2({ context: regionContext }),
+    r4()
+  ], AuthContextMixinClass.prototype, "region", void 0);
+  __decorate([
+    e2({ context: tenantNameContext }),
+    r4()
+  ], AuthContextMixinClass.prototype, "tenantName", void 0);
+  __decorate([
+    e2({ context: accessTokenContext }),
+    r4()
+  ], AuthContextMixinClass.prototype, "_accessToken", void 0);
+  __decorate([
+    n4({ type: String })
+  ], AuthContextMixinClass.prototype, "accessToken", null);
+  __decorate([
+    e2({ context: authConfigContext }),
+    r4()
+  ], AuthContextMixinClass.prototype, "_authConfig", void 0);
+  __decorate([
+    n4({ attribute: false, type: Object })
+  ], AuthContextMixinClass.prototype, "authConfig", null);
+  return AuthContextMixinClass;
+}
+
+// dist/utils/devices.js
+async function primeMicStream() {
+  if (navigator.permissions) {
+    const permissionStatus = await navigator.permissions.query({
+      name: "microphone"
+    });
+    if (permissionStatus.state === "denied") {
+      throw new Error("Microphone permission is denied");
+    }
+  }
+  const stream = await navigator.mediaDevices.getUserMedia({ audio: true });
+  stream.getTracks().forEach((track) => {
+    track.stop();
+  });
+}
+async function getAudioDevices() {
+  if (!navigator.mediaDevices?.enumerateDevices) {
+    throw new Error("MediaDevices API is not available");
+  }
+  let audioDevices = await listAudioInputs();
+  if (needsMicPriming(audioDevices)) {
+    await primeMicStream();
+    audioDevices = await listAudioInputs();
+  }
+  return {
+    defaultDevice: audioDevices[0],
+    devices: audioDevices
+  };
+}
+async function listAudioInputs() {
+  const devices = await navigator.mediaDevices.enumerateDevices();
+  return devices.filter((device) => device.kind === "audioinput");
+}
+function needsMicPriming(audioInputs) {
+  if (audioInputs.length === 0) {
+    return false;
+  }
+  return audioInputs.some((d3) => d3.deviceId === "" || d3.label === "");
+}
+
 // dist/controllers/devices-controller.js
 var __classPrivateFieldSet = function(receiver, state, value, kind, f5) {
   if (kind === "m") throw new TypeError("Private method is not writable");
@@ -1212,6 +1288,117 @@ _DevicesController_autoLoadedDevices = /* @__PURE__ */ new WeakMap(), _DevicesCo
   }
 };
 
+// dist/contexts/mixins/devices-context.js
+var __decorate2 = function(decorators, target, key, desc) {
+  var c6 = arguments.length, r7 = c6 < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d3;
+  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r7 = Reflect.decorate(decorators, target, key, desc);
+  else for (var i7 = decorators.length - 1; i7 >= 0; i7--) if (d3 = decorators[i7]) r7 = (c6 < 3 ? d3(r7) : c6 > 3 ? d3(target, key, r7) : d3(target, key)) || r7;
+  return c6 > 3 && r7 && Object.defineProperty(target, key, r7), r7;
+};
+var __classPrivateFieldGet2 = function(receiver, state, kind, f5) {
+  if (kind === "a" && !f5) throw new TypeError("Private accessor was defined without a getter");
+  if (typeof state === "function" ? receiver !== state || !f5 : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
+  return kind === "m" ? f5 : kind === "a" ? f5.call(receiver) : f5 ? f5.value : state.get(receiver);
+};
+var devicesContext = n(Symbol("devices"));
+var selectedDeviceContext = n(Symbol("selectedDevice"));
+function DevicesContextMixin(superclass) {
+  var _DevicesContextMixinClass_devicesController;
+  class DevicesContextMixinClass extends superclass {
+    set devices(value) {
+      this._devices = value;
+      if (value !== void 0) {
+        __classPrivateFieldGet2(this, _DevicesContextMixinClass_devicesController, "f").clearAutoLoadedFlag();
+      }
+    }
+    get devices() {
+      return this._devices;
+    }
+    constructor(...args) {
+      super(...args);
+      _DevicesContextMixinClass_devicesController.set(this, new DevicesController(this));
+      this.addEventListener("recording-devices-changed", (e10) => {
+        const event = e10;
+        this.selectedDevice = event.detail.selectedDevice;
+      });
+      this.addEventListener("context-request", (ev) => {
+        if (ev.context === devicesContext) {
+          __classPrivateFieldGet2(this, _DevicesContextMixinClass_devicesController, "f").initialize();
+        }
+      });
+    }
+  }
+  _DevicesContextMixinClass_devicesController = /* @__PURE__ */ new WeakMap();
+  __decorate2([
+    e2({ context: devicesContext }),
+    r4()
+  ], DevicesContextMixinClass.prototype, "_devices", void 0);
+  __decorate2([
+    n4({ attribute: false, type: Array })
+  ], DevicesContextMixinClass.prototype, "devices", null);
+  __decorate2([
+    e2({ context: selectedDeviceContext }),
+    n4({ attribute: false, type: Object })
+  ], DevicesContextMixinClass.prototype, "selectedDevice", void 0);
+  return DevicesContextMixinClass;
+}
+
+// dist/contexts/mixins/keybindings-context.js
+var __decorate3 = function(decorators, target, key, desc) {
+  var c6 = arguments.length, r7 = c6 < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d3;
+  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r7 = Reflect.decorate(decorators, target, key, desc);
+  else for (var i7 = decorators.length - 1; i7 >= 0; i7--) if (d3 = decorators[i7]) r7 = (c6 < 3 ? d3(r7) : c6 > 3 ? d3(target, key, r7) : d3(target, key)) || r7;
+  return c6 > 3 && r7 && Object.defineProperty(target, key, r7), r7;
+};
+var __classPrivateFieldGet3 = function(receiver, state, kind, f5) {
+  if (kind === "a" && !f5) throw new TypeError("Private accessor was defined without a getter");
+  if (typeof state === "function" ? receiver !== state || !f5 : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
+  return kind === "m" ? f5 : kind === "a" ? f5.call(receiver) : f5 ? f5.value : state.get(receiver);
+};
+var pushToTalkKeybindingContext = n(Symbol("pushToTalkKeybinding"));
+var toggleToTalkKeybindingContext = n(Symbol("toggleToTalkKeybinding"));
+function KeybindingsContextMixin(superclass) {
+  var _KeybindingsContextMixinClass_handleContextRequest, _KeybindingsContextMixinClass_handleKeybindingChanged;
+  class KeybindingsContextMixinClass extends superclass {
+    constructor(...args) {
+      super(...args);
+      _KeybindingsContextMixinClass_handleContextRequest.set(this, (e10) => {
+        if (e10.contextTarget.tagName.toLowerCase() === "dictation-keybinding-selector") {
+          if (e10.context === pushToTalkKeybindingContext && this.pushToTalkKeybinding === void 0) {
+            this.pushToTalkKeybinding = "Space";
+            this.dispatchEvent(keybindingChangedEvent(" ", "Space", "Space", "push-to-talk"));
+          }
+          if (e10.context === toggleToTalkKeybindingContext && this.toggleToTalkKeybinding === void 0) {
+            this.toggleToTalkKeybinding = "Enter";
+            this.dispatchEvent(keybindingChangedEvent("Enter", "Enter", "Enter", "toggle-to-talk"));
+          }
+        }
+      });
+      _KeybindingsContextMixinClass_handleKeybindingChanged.set(this, (e10) => {
+        const event = e10;
+        const keybinding = event.detail.keybinding;
+        if (event.detail.type === "push-to-talk") {
+          this.pushToTalkKeybinding = keybinding;
+        } else if (event.detail.type === "toggle-to-talk") {
+          this.toggleToTalkKeybinding = keybinding;
+        }
+      });
+      this.addEventListener("keybinding-changed", __classPrivateFieldGet3(this, _KeybindingsContextMixinClass_handleKeybindingChanged, "f"));
+      this.addEventListener("context-request", __classPrivateFieldGet3(this, _KeybindingsContextMixinClass_handleContextRequest, "f"));
+    }
+  }
+  _KeybindingsContextMixinClass_handleContextRequest = /* @__PURE__ */ new WeakMap(), _KeybindingsContextMixinClass_handleKeybindingChanged = /* @__PURE__ */ new WeakMap();
+  __decorate3([
+    e2({ context: pushToTalkKeybindingContext }),
+    n4({ type: String })
+  ], KeybindingsContextMixinClass.prototype, "pushToTalkKeybinding", void 0);
+  __decorate3([
+    e2({ context: toggleToTalkKeybindingContext }),
+    n4({ type: String })
+  ], KeybindingsContextMixinClass.prototype, "toggleToTalkKeybinding", void 0);
+  return KeybindingsContextMixinClass;
+}
+
 // dist/utils/languages.js
 var DEFAULT_LANGUAGES_BY_REGION = {
   default: LANGUAGES_SUPPORTED_EU,
@@ -1243,7 +1430,7 @@ var __classPrivateFieldSet2 = function(receiver, state, value, kind, f5) {
   if (typeof state === "function" ? receiver !== state || !f5 : !state.has(receiver)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
   return kind === "a" ? f5.call(receiver, value) : f5 ? f5.value = value : state.set(receiver, value), value;
 };
-var __classPrivateFieldGet2 = function(receiver, state, kind, f5) {
+var __classPrivateFieldGet4 = function(receiver, state, kind, f5) {
   if (kind === "a" && !f5) throw new TypeError("Private accessor was defined without a getter");
   if (typeof state === "function" ? receiver !== state || !f5 : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
   return kind === "m" ? f5 : kind === "a" ? f5.call(receiver) : f5 ? f5.value : state.get(receiver);
@@ -1267,15 +1454,15 @@ var LanguagesController = class {
   initialize() {
     __classPrivateFieldSet2(this, _LanguagesController_initialized, true, "f");
     if (this.host._languages === void 0) {
-      __classPrivateFieldGet2(this, _LanguagesController_instances, "m", _LanguagesController_loadLanguages).call(this);
+      __classPrivateFieldGet4(this, _LanguagesController_instances, "m", _LanguagesController_loadLanguages).call(this);
     }
   }
   hostUpdate() {
-    if (!__classPrivateFieldGet2(this, _LanguagesController_initialized, "f")) {
+    if (!__classPrivateFieldGet4(this, _LanguagesController_initialized, "f")) {
       return;
     }
-    if (__classPrivateFieldGet2(this, _LanguagesController_previousRegion, "f") !== this.host.region && __classPrivateFieldGet2(this, _LanguagesController_autoLoadedLanguages, "f") || this.host._languages === void 0) {
-      __classPrivateFieldGet2(this, _LanguagesController_instances, "m", _LanguagesController_loadLanguages).call(this);
+    if (__classPrivateFieldGet4(this, _LanguagesController_previousRegion, "f") !== this.host.region && __classPrivateFieldGet4(this, _LanguagesController_autoLoadedLanguages, "f") || this.host._languages === void 0) {
+      __classPrivateFieldGet4(this, _LanguagesController_instances, "m", _LanguagesController_loadLanguages).call(this);
     }
     __classPrivateFieldSet2(this, _LanguagesController_previousRegion, this.host.region, "f");
   }
@@ -1287,291 +1474,142 @@ var LanguagesController = class {
   }
 };
 _LanguagesController_autoLoadedLanguages = /* @__PURE__ */ new WeakMap(), _LanguagesController_loadingLanguages = /* @__PURE__ */ new WeakMap(), _LanguagesController_previousRegion = /* @__PURE__ */ new WeakMap(), _LanguagesController_initialized = /* @__PURE__ */ new WeakMap(), _LanguagesController_instances = /* @__PURE__ */ new WeakSet(), _LanguagesController_loadLanguages = async function _LanguagesController_loadLanguages2() {
-  if (__classPrivateFieldGet2(this, _LanguagesController_loadingLanguages, "f")) {
+  if (__classPrivateFieldGet4(this, _LanguagesController_loadingLanguages, "f")) {
     return;
   }
   __classPrivateFieldSet2(this, _LanguagesController_loadingLanguages, true, "f");
   try {
-    const { languages, defaultLanguage } = getLanguagesByRegion(this.host.region);
-    __classPrivateFieldSet2(this, _LanguagesController_autoLoadedLanguages, true, "f");
-    this.host._languages = languages;
-    const previousLanguage = this.host.dictationConfig?.primaryLanguage;
-    const selectedLanguage = previousLanguage && languages.includes(previousLanguage) ? previousLanguage : defaultLanguage;
-    this.host.dictationConfig = {
-      ...this.host.dictationConfig,
-      primaryLanguage: selectedLanguage || "en"
-    };
-    this.host.requestUpdate();
-    this.host.dispatchEvent(languagesChangedEvent(languages, selectedLanguage));
-  } catch (error) {
-    this.host.dispatchEvent(errorEvent(error));
-  } finally {
-    __classPrivateFieldSet2(this, _LanguagesController_loadingLanguages, false, "f");
-  }
-};
-
-// dist/styles/component-styles.js
-var ComponentStyles = i`
-  :host {
-    font-family: var(--component-font-family, -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, Cantarell, Ubuntu, roboto, noto, helvetica, arial, sans-serif);
-  }
-
-  .wrapper {
-    background-color: var(--card-background, light-dark(#fff, #333));
-    border: 1px solid var(--card-border-color, light-dark(#ddd, #555));
-    border-radius: var(--card-border-radius, 8px);
-    box-shadow: var(--card-box-shadow, 0 2px 5px rgba(0, 0, 0, 0.1));
-    padding: var(--card-padding, 4px);
-    display: flex;
-    gap: 4px;
-    height: 46px;
-    width: fit-content;
-    box-sizing: border-box;
-    overflow: hidden;
-  }
-`;
-var LabelStyles = i`
-  label {
-    display: block;
-    font-size: 0.8rem;
-    padding-bottom: 0.5rem;
-    font-weight: 500;
-    color: var(--component-text-color, light-dark(#333, #eee));
-    pointer-events: none;
-  }
-`;
-var component_styles_default = ComponentStyles;
-
-// dist/utils/auth.js
-async function getInitialToken(config) {
-  const initialToken = "accessToken" in config ? {
-    accessToken: config.accessToken,
-    refreshToken: config.refreshToken
-  } : await config.refreshAccessToken();
-  if (!initialToken?.accessToken || typeof initialToken.accessToken !== "string") {
-    throw new Error("Access token is required and must be a string");
-  }
-  return {
-    accessToken: initialToken.accessToken,
-    refreshToken: initialToken.refreshToken
-  };
-}
-
-// dist/utils/token.js
-function decodeToken(token) {
-  const parts = token.split(".");
-  if (parts.length < 2) {
-    throw new Error("Invalid token format");
-  }
-  const base64Url = parts[1];
-  const base64 = base64Url.replace(/-/g, "+").replace(/_/g, "/");
-  let jsonPayload;
-  try {
-    jsonPayload = decodeURIComponent(atob(base64).split("").map((c6) => "%" + ("00" + c6.charCodeAt(0).toString(16)).slice(-2)).join(""));
-  } catch (error) {
-    throw new Error("Failed to decode token payload");
-  }
-  let tokenDetails;
-  try {
-    tokenDetails = JSON.parse(jsonPayload);
-  } catch (error) {
-    throw new Error("Invalid JSON payload in token");
-  }
-  const issuerUrl = tokenDetails.iss;
-  if (!issuerUrl) {
-    throw new Error("Token payload does not contain an issuer (iss) field");
-  }
-  const regex = /^https:\/\/(keycloak|auth)\.([^.]+)\.corti\.app\/realms\/([^/]+)/;
-  const match = issuerUrl.match(regex);
-  if (!match) {
-    throw new Error("Access token does not match expected format");
+    const { languages, defaultLanguage } = getLanguagesByRegion(this.host.region);
+    __classPrivateFieldSet2(this, _LanguagesController_autoLoadedLanguages, true, "f");
+    this.host._languages = languages;
+    const previousLanguage = this.host.dictationConfig?.primaryLanguage;
+    const selectedLanguage = previousLanguage && languages.includes(previousLanguage) ? previousLanguage : defaultLanguage;
+    this.host.requestUpdate();
+    this.host.dispatchEvent(languagesChangedEvent(languages, selectedLanguage));
+  } catch (error) {
+    this.host.dispatchEvent(errorEvent(error));
+  } finally {
+    __classPrivateFieldSet2(this, _LanguagesController_loadingLanguages, false, "f");
   }
-  const expiresAt = tokenDetails.exp && typeof tokenDetails.exp === "number" ? tokenDetails.exp : void 0;
-  return {
-    accessToken: token,
-    environment: match[2],
-    expiresAt,
-    tenant: match[3]
-  };
-}
+};
 
-// dist/contexts/dictation-context.js
-var __decorate = function(decorators, target, key, desc) {
+// dist/utils/converters.js
+var commaSeparatedConverter = {
+  fromAttribute: (value) => value?.split(",").map((s8) => s8.trim()).filter(Boolean),
+  toAttribute: (value) => value?.join(",")
+};
+
+// dist/contexts/mixins/languages-context.js
+var __decorate4 = function(decorators, target, key, desc) {
   var c6 = arguments.length, r7 = c6 < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d3;
   if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r7 = Reflect.decorate(decorators, target, key, desc);
   else for (var i7 = decorators.length - 1; i7 >= 0; i7--) if (d3 = decorators[i7]) r7 = (c6 < 3 ? d3(r7) : c6 > 3 ? d3(target, key, r7) : d3(target, key)) || r7;
   return c6 > 3 && r7 && Object.defineProperty(target, key, r7), r7;
 };
-var __classPrivateFieldGet3 = function(receiver, state, kind, f5) {
+var __classPrivateFieldGet5 = function(receiver, state, kind, f5) {
   if (kind === "a" && !f5) throw new TypeError("Private accessor was defined without a getter");
   if (typeof state === "function" ? receiver !== state || !f5 : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
   return kind === "m" ? f5 : kind === "a" ? f5.call(receiver) : f5 ? f5.value : state.get(receiver);
 };
-var _DictationRoot_languagesController;
-var _DictationRoot_devicesController;
-var _DictationRoot_handleLanguageChanged;
-var _DictationRoot_handleDeviceChanged;
-var _DictationRoot_handleRecordingStateChanged;
-var _DictationRoot_handleContextRequest;
-var _DictationRoot_handleKeybindingChanged;
-var regionContext = n7(Symbol("region"));
-var tenantNameContext = n7(Symbol("tenantName"));
-var languagesContext = n7(Symbol("languages"));
-var devicesContext = n7(Symbol("devices"));
-var selectedDeviceContext = n7(Symbol("selectedDevice"));
-var recordingStateContext = n7(Symbol("recordingState"));
-var accessTokenContext = n7(Symbol("accessToken"));
-var dictationConfigContext = n7(Symbol("dictationConfig"));
-var authConfigContext = n7(Symbol("authConfig"));
-var socketUrlContext = n7(Symbol("socketUrl"));
-var socketProxyContext = n7(Symbol("socketProxy"));
-var debugDisplayAudioContext = n7(Symbol("debugDisplayAudio"));
-var pushToTalkKeybindingContext = n7(Symbol("pushToTalkKeybinding"));
-var toggleToTalkKeybindingContext = n7(Symbol("toggleToTalkKeybinding"));
-var DictationRoot = class DictationRoot2 extends i4 {
-  set accessToken(token) {
-    this.setAccessToken(token);
-  }
-  get accessToken() {
-    return this._accessToken;
-  }
-  set authConfig(config) {
-    this.setAuthConfig(config);
-  }
-  get authConfig() {
-    return this._authConfig;
-  }
-  set languages(value) {
-    this._languages = value;
-    if (value !== void 0) {
-      __classPrivateFieldGet3(this, _DictationRoot_languagesController, "f").clearAutoLoadedFlag();
-    }
-  }
-  get languages() {
-    return this._languages;
-  }
-  set devices(value) {
-    this._devices = value;
-    if (value !== void 0) {
-      __classPrivateFieldGet3(this, _DictationRoot_devicesController, "f").clearAutoLoadedFlag();
+var languagesContext = n(Symbol("languages"));
+function LanguagesContextMixin(superclass) {
+  var _LanguagesContextMixinClass_languagesController;
+  class LanguagesContextMixinClass extends superclass {
+    set languages(value) {
+      this._languages = value;
+      if (value !== void 0) {
+        __classPrivateFieldGet5(this, _LanguagesContextMixinClass_languagesController, "f").clearAutoLoadedFlag();
+      }
+    }
+    get languages() {
+      return this._languages;
+    }
+    constructor(...args) {
+      super(...args);
+      _LanguagesContextMixinClass_languagesController.set(this, new LanguagesController(this));
+      this.addEventListener("context-request", (e10) => {
+        const ev = e10;
+        if (ev.context === languagesContext) {
+          __classPrivateFieldGet5(this, _LanguagesContextMixinClass_languagesController, "f").initialize();
+        }
+      });
     }
   }
-  get devices() {
-    return this._devices;
-  }
-  // ─────────────────────────────────────────────────────────────────────────────
-  // Lifecycle
-  // ─────────────────────────────────────────────────────────────────────────────
-  constructor() {
-    super();
-    this.recordingState = "stopped";
-    _DictationRoot_languagesController.set(this, new LanguagesController(this));
-    _DictationRoot_devicesController.set(this, new DevicesController(this));
-    this.noWrapper = false;
-    _DictationRoot_handleLanguageChanged.set(this, (e10) => {
-      const event = e10;
-      this.dictationConfig = {
-        ...this.dictationConfig,
-        primaryLanguage: event.detail.selectedLanguage
-      };
-    });
-    _DictationRoot_handleDeviceChanged.set(this, (e10) => {
-      const event = e10;
-      this.selectedDevice = event.detail.selectedDevice;
-    });
-    _DictationRoot_handleRecordingStateChanged.set(this, (e10) => {
-      const event = e10;
-      this.recordingState = event.detail.state;
-    });
-    _DictationRoot_handleContextRequest.set(this, (e10) => {
-      if (e10.context === languagesContext) {
-        __classPrivateFieldGet3(this, _DictationRoot_languagesController, "f").initialize();
-      } else if (e10.context === devicesContext) {
-        __classPrivateFieldGet3(this, _DictationRoot_devicesController, "f").initialize();
-      } else if (e10.contextTarget.tagName.toLowerCase() === "dictation-keybinding-selector") {
-        if (e10.context === pushToTalkKeybindingContext && this.pushToTalkKeybinding === void 0) {
-          this.pushToTalkKeybinding = "Space";
-          this.dispatchEvent(keybindingChangedEvent(" ", "Space", "Space", "push-to-talk"));
-        }
-        if (e10.context === toggleToTalkKeybindingContext && this.toggleToTalkKeybinding === void 0) {
-          this.toggleToTalkKeybinding = "Enter";
-          this.dispatchEvent(keybindingChangedEvent("Enter", "Enter", "Enter", "toggle-to-talk"));
-        }
-      }
-    });
-    _DictationRoot_handleKeybindingChanged.set(this, (e10) => {
-      const event = e10;
-      const keybinding = event.detail.keybinding;
-      if (event.detail.type === "push-to-talk") {
-        this.pushToTalkKeybinding = keybinding;
-      } else if (event.detail.type === "toggle-to-talk") {
-        this.toggleToTalkKeybinding = keybinding;
-      }
-    });
-    this.addEventListener("languages-changed", __classPrivateFieldGet3(this, _DictationRoot_handleLanguageChanged, "f"));
-    this.addEventListener("recording-devices-changed", __classPrivateFieldGet3(this, _DictationRoot_handleDeviceChanged, "f"));
-    this.addEventListener("recording-state-changed", __classPrivateFieldGet3(this, _DictationRoot_handleRecordingStateChanged, "f"));
-    this.addEventListener("context-request", __classPrivateFieldGet3(this, _DictationRoot_handleContextRequest, "f"));
-    this.addEventListener("keybinding-changed", __classPrivateFieldGet3(this, _DictationRoot_handleKeybindingChanged, "f"));
+  _LanguagesContextMixinClass_languagesController = /* @__PURE__ */ new WeakMap();
+  __decorate4([
+    e2({ context: languagesContext }),
+    r4()
+  ], LanguagesContextMixinClass.prototype, "_languages", void 0);
+  __decorate4([
+    n4({
+      converter: commaSeparatedConverter,
+      type: Array
+    })
+  ], LanguagesContextMixinClass.prototype, "languages", null);
+  return LanguagesContextMixinClass;
+}
+
+// dist/contexts/mixins/proxy-context.js
+var __decorate5 = function(decorators, target, key, desc) {
+  var c6 = arguments.length, r7 = c6 < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d3;
+  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r7 = Reflect.decorate(decorators, target, key, desc);
+  else for (var i7 = decorators.length - 1; i7 >= 0; i7--) if (d3 = decorators[i7]) r7 = (c6 < 3 ? d3(r7) : c6 > 3 ? d3(target, key, r7) : d3(target, key)) || r7;
+  return c6 > 3 && r7 && Object.defineProperty(target, key, r7), r7;
+};
+var socketUrlContext = n(Symbol("socketUrl"));
+var socketProxyContext = n(Symbol("socketProxy"));
+function ProxyContextMixin(superclass) {
+  class ProxyContextMixinClass extends superclass {
   }
-  // ─────────────────────────────────────────────────────────────────────────────
-  // Public methods
-  // ─────────────────────────────────────────────────────────────────────────────
-  /**
-   * Sets the access token and parses region/tenant from it.
-   * @returns ServerConfig with environment, tenant, and accessToken
-   * @deprecated Use 'accessToken' property instead.
-   */
-  setAccessToken(token) {
-    this._accessToken = token;
-    this.region = void 0;
-    this.tenantName = void 0;
-    if (!token) {
-      return { accessToken: token, environment: void 0, tenant: void 0 };
-    }
-    try {
-      const decoded = decodeToken(token);
-      this.region = decoded?.environment;
-      this.tenantName = decoded?.tenant;
-      return {
-        accessToken: token,
-        environment: decoded?.environment,
-        tenant: decoded?.tenant
-      };
-    } catch (error) {
-      this.dispatchEvent(errorEvent(error));
+  __decorate5([
+    e2({ context: socketUrlContext }),
+    n4({ type: String })
+  ], ProxyContextMixinClass.prototype, "socketUrl", void 0);
+  __decorate5([
+    e2({ context: socketProxyContext }),
+    n4({ attribute: false, type: Object })
+  ], ProxyContextMixinClass.prototype, "socketProxy", void 0);
+  return ProxyContextMixinClass;
+}
+
+// dist/contexts/mixins/recording-state-context.js
+var __decorate6 = function(decorators, target, key, desc) {
+  var c6 = arguments.length, r7 = c6 < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d3;
+  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r7 = Reflect.decorate(decorators, target, key, desc);
+  else for (var i7 = decorators.length - 1; i7 >= 0; i7--) if (d3 = decorators[i7]) r7 = (c6 < 3 ? d3(r7) : c6 > 3 ? d3(target, key, r7) : d3(target, key)) || r7;
+  return c6 > 3 && r7 && Object.defineProperty(target, key, r7), r7;
+};
+var recordingStateContext = n(Symbol("recordingState"));
+function RecordingStateContextMixin(superclass) {
+  class RecordingStateContextMixinClass extends superclass {
+    constructor(...args) {
+      super(...args);
+      this.recordingState = "stopped";
+      this.addEventListener("recording-state-changed", (e10) => {
+        const event = e10;
+        this.recordingState = event.detail.state;
+      });
     }
-    return { accessToken: token, environment: void 0, tenant: void 0 };
   }
-  /**
-   * Sets the auth config and parses region/tenant from the initial token.
-   * @returns Promise with ServerConfig containing environment, tenant, and accessToken
-   * @deprecated Use 'authConfig' property instead.
-   */
-  async setAuthConfig(config) {
-    this._authConfig = config;
-    if (!config) {
-      return {
-        accessToken: void 0,
-        environment: void 0,
-        tenant: void 0
-      };
-    }
-    try {
-      const { accessToken } = await getInitialToken(config);
-      return this.setAccessToken(accessToken);
-    } catch (error) {
-      this.dispatchEvent(errorEvent(error));
-    }
-    return {
-      accessToken: void 0,
-      environment: void 0,
-      tenant: void 0
-    };
+  __decorate6([
+    e2({ context: recordingStateContext }),
+    r4()
+  ], RecordingStateContextMixinClass.prototype, "recordingState", void 0);
+  return RecordingStateContextMixinClass;
+}
+
+// dist/contexts/root-context.js
+var __decorate7 = function(decorators, target, key, desc) {
+  var c6 = arguments.length, r7 = c6 < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d3;
+  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r7 = Reflect.decorate(decorators, target, key, desc);
+  else for (var i7 = decorators.length - 1; i7 >= 0; i7--) if (d3 = decorators[i7]) r7 = (c6 < 3 ? d3(r7) : c6 > 3 ? d3(target, key, r7) : d3(target, key)) || r7;
+  return c6 > 3 && r7 && Object.defineProperty(target, key, r7), r7;
+};
+var RootContext = class extends DevicesContextMixin(RecordingStateContextMixin(KeybindingsContextMixin(LanguagesContextMixin(AuthContextMixin(ProxyContextMixin(i5)))))) {
+  constructor() {
+    super(...arguments);
+    this.noWrapper = false;
   }
-  // ─────────────────────────────────────────────────────────────────────────────
-  // Render
-  // ─────────────────────────────────────────────────────────────────────────────
   render() {
     if (this.noWrapper) {
       return x`<slot></slot>`;
@@ -1581,91 +1619,53 @@ var DictationRoot = class DictationRoot2 extends i4 {
     </div>`;
   }
 };
-_DictationRoot_languagesController = /* @__PURE__ */ new WeakMap();
-_DictationRoot_devicesController = /* @__PURE__ */ new WeakMap();
-_DictationRoot_handleLanguageChanged = /* @__PURE__ */ new WeakMap();
-_DictationRoot_handleDeviceChanged = /* @__PURE__ */ new WeakMap();
-_DictationRoot_handleRecordingStateChanged = /* @__PURE__ */ new WeakMap();
-_DictationRoot_handleContextRequest = /* @__PURE__ */ new WeakMap();
-_DictationRoot_handleKeybindingChanged = /* @__PURE__ */ new WeakMap();
-DictationRoot.styles = [component_styles_default];
-__decorate([
-  e9({ context: regionContext }),
-  r5()
-], DictationRoot.prototype, "region", void 0);
-__decorate([
-  e9({ context: tenantNameContext }),
-  r5()
-], DictationRoot.prototype, "tenantName", void 0);
-__decorate([
-  e9({ context: recordingStateContext }),
-  r5()
-], DictationRoot.prototype, "recordingState", void 0);
-__decorate([
-  e9({ context: accessTokenContext }),
-  r5()
-], DictationRoot.prototype, "_accessToken", void 0);
-__decorate([
-  n4({ type: String })
-], DictationRoot.prototype, "accessToken", null);
-__decorate([
-  e9({ context: authConfigContext }),
-  r5()
-], DictationRoot.prototype, "_authConfig", void 0);
-__decorate([
-  n4({ attribute: false, type: Object })
-], DictationRoot.prototype, "authConfig", null);
-__decorate([
-  e9({ context: socketUrlContext }),
-  n4({ type: String })
-], DictationRoot.prototype, "socketUrl", void 0);
-__decorate([
-  e9({ context: socketProxyContext }),
-  n4({ attribute: false, type: Object })
-], DictationRoot.prototype, "socketProxy", void 0);
-__decorate([
-  e9({ context: dictationConfigContext }),
-  n4({ attribute: false, type: Object })
-], DictationRoot.prototype, "dictationConfig", void 0);
-__decorate([
-  e9({ context: languagesContext }),
-  r5()
-], DictationRoot.prototype, "_languages", void 0);
-__decorate([
-  n4({
-    converter: commaSeparatedConverter,
-    type: Array
-  })
-], DictationRoot.prototype, "languages", null);
-__decorate([
-  e9({ context: devicesContext }),
-  r5()
-], DictationRoot.prototype, "_devices", void 0);
-__decorate([
-  n4({ attribute: false, type: Array })
-], DictationRoot.prototype, "devices", null);
-__decorate([
-  e9({ context: selectedDeviceContext }),
+RootContext.styles = [component_styles_default];
+__decorate7([
+  n4({ type: Boolean })
+], RootContext.prototype, "noWrapper", void 0);
+
+// dist/contexts/ambient-context.js
+var __decorate8 = function(decorators, target, key, desc) {
+  var c6 = arguments.length, r7 = c6 < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d3;
+  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r7 = Reflect.decorate(decorators, target, key, desc);
+  else for (var i7 = decorators.length - 1; i7 >= 0; i7--) if (d3 = decorators[i7]) r7 = (c6 < 3 ? d3(r7) : c6 > 3 ? d3(target, key, r7) : d3(target, key)) || r7;
+  return c6 > 3 && r7 && Object.defineProperty(target, key, r7), r7;
+};
+var ambientConfigContext = n(Symbol("ambientConfig"));
+var interactionIdContext = n(Symbol("interactionId"));
+var AmbientRoot = class AmbientRoot2 extends RootContext {
+  constructor() {
+    super();
+    this.ambientConfig = DEFAULT_STREAM_CONFIG;
+    this.addEventListener("languages-changed", (e10) => {
+      const event = e10;
+      const lang = event.detail.selectedLanguage ?? "en";
+      const base = this.ambientConfig ?? DEFAULT_STREAM_CONFIG;
+      this.ambientConfig = {
+        ...base,
+        mode: {
+          ...base.mode,
+          outputLocale: lang
+        },
+        transcription: {
+          ...base.transcription,
+          primaryLanguage: lang
+        }
+      };
+    });
+  }
+};
+__decorate8([
+  e2({ context: ambientConfigContext }),
   n4({ attribute: false, type: Object })
-], DictationRoot.prototype, "selectedDevice", void 0);
-__decorate([
-  e9({ context: debugDisplayAudioContext }),
-  n4({ attribute: "debug-display-audio", type: Boolean })
-], DictationRoot.prototype, "debug_displayAudio", void 0);
-__decorate([
-  e9({ context: pushToTalkKeybindingContext }),
-  n4({ type: String })
-], DictationRoot.prototype, "pushToTalkKeybinding", void 0);
-__decorate([
-  e9({ context: toggleToTalkKeybindingContext }),
+], AmbientRoot.prototype, "ambientConfig", void 0);
+__decorate8([
+  e2({ context: interactionIdContext }),
   n4({ type: String })
-], DictationRoot.prototype, "toggleToTalkKeybinding", void 0);
-__decorate([
-  n4({ type: Boolean })
-], DictationRoot.prototype, "noWrapper", void 0);
-DictationRoot = __decorate([
-  t3("dictation-root")
-], DictationRoot);
+], AmbientRoot.prototype, "interactionId", void 0);
+AmbientRoot = __decorate8([
+  t2("ambient-root")
+], AmbientRoot);
 
 // node_modules/@corti/sdk/dist/esm/core/json.mjs
 var toJson = (value, replacer, space) => {
@@ -12530,8 +12530,8 @@ var CortiWebSocketProxyClient = class {
 CortiWebSocketProxyClient.stream = new CustomProxyStream();
 CortiWebSocketProxyClient.transcribe = new CustomProxyTranscribe();
 
-// dist/controllers/dictation-controller.js
-var __classPrivateFieldGet4 = function(receiver, state, kind, f5) {
+// dist/controllers/socket-controller.js
+var __classPrivateFieldGet6 = function(receiver, state, kind, f5) {
   if (kind === "a" && !f5) throw new TypeError("Private accessor was defined without a getter");
   if (typeof state === "function" ? receiver !== state || !f5 : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
   return kind === "m" ? f5 : kind === "a" ? f5.call(receiver) : f5 ? f5.value : state.get(receiver);
@@ -12542,121 +12542,126 @@ var __classPrivateFieldSet3 = function(receiver, state, value, kind, f5) {
   if (typeof state === "function" ? receiver !== state || !f5 : !state.has(receiver)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
   return kind === "a" ? f5.call(receiver, value) : f5 ? f5.value = value : state.set(receiver, value), value;
 };
-var _DictationController_instances;
-var _DictationController_cortiClient;
-var _DictationController_webSocket;
-var _DictationController_closeTimeout;
-var _DictationController_callbacks;
-var _DictationController_lastDictationConfig;
-var _DictationController_lastSocketUrl;
-var _DictationController_lastSocketProxy;
-var _DictationController_outboundQueue;
-var _DictationController_socketReady;
-var _DictationController_connectingPromise;
-var _DictationController_connectionGeneration;
-var _DictationController_isConnecting;
-var _DictationController_configHasChanged;
-var _DictationController_doConnect;
-var _DictationController_connectProxy;
-var _DictationController_connectAuth;
-var _DictationController_setupWebSocketHandlers;
-var _DictationController_isSocketOpen;
-var _DictationController_drain;
-var DictationController = class {
+var _SocketController_instances;
+var _SocketController_webSocket;
+var _SocketController_cortiClient;
+var _SocketController_connectionGeneration;
+var _SocketController_socketReady;
+var _SocketController_closeTimeout;
+var _SocketController_outboundQueue;
+var _SocketController_callbacks;
+var _SocketController_lastConfig;
+var _SocketController_lastSocketUrl;
+var _SocketController_lastSocketProxy;
+var _SocketController_connectingPromise;
+var _SocketController_isConnecting;
+var _SocketController_openViaProxy;
+var _SocketController_openViaAuth;
+var _SocketController_doConnect;
+var _SocketController_isSocketOpen;
+var _SocketController_configHasChanged;
+var _SocketController_drain;
+var _SocketController_setupWebSocketHandlers;
+var SocketController = class {
   constructor(host) {
-    _DictationController_instances.add(this);
-    _DictationController_cortiClient.set(this, null);
-    _DictationController_webSocket.set(this, null);
-    _DictationController_closeTimeout.set(this, void 0);
-    _DictationController_callbacks.set(this, void 0);
-    _DictationController_lastDictationConfig.set(this, null);
-    _DictationController_lastSocketUrl.set(this, void 0);
-    _DictationController_lastSocketProxy.set(this, void 0);
-    _DictationController_outboundQueue.set(this, []);
-    _DictationController_socketReady.set(this, false);
-    _DictationController_connectingPromise.set(this, null);
-    _DictationController_connectionGeneration.set(this, 0);
-    _DictationController_isConnecting.set(this, false);
+    _SocketController_instances.add(this);
+    _SocketController_webSocket.set(this, null);
+    _SocketController_cortiClient.set(this, null);
+    _SocketController_connectionGeneration.set(this, 0);
+    _SocketController_socketReady.set(this, false);
+    _SocketController_closeTimeout.set(this, void 0);
+    _SocketController_outboundQueue.set(this, []);
+    _SocketController_callbacks.set(this, void 0);
+    _SocketController_lastConfig.set(this, null);
+    _SocketController_lastSocketUrl.set(this, void 0);
+    _SocketController_lastSocketProxy.set(this, void 0);
+    _SocketController_connectingPromise.set(this, null);
+    _SocketController_isConnecting.set(this, false);
     this.mediaRecorderHandler = (data) => {
-      if (__classPrivateFieldGet4(this, _DictationController_socketReady, "f") && __classPrivateFieldGet4(this, _DictationController_instances, "m", _DictationController_isSocketOpen).call(this)) {
-        __classPrivateFieldGet4(this, _DictationController_webSocket, "f")?.send(data);
-        __classPrivateFieldGet4(this, _DictationController_callbacks, "f")?.onNetworkActivity?.("sent", {
+      if (__classPrivateFieldGet6(this, _SocketController_socketReady, "f") && __classPrivateFieldGet6(this, _SocketController_instances, "m", _SocketController_isSocketOpen).call(this)) {
+        __classPrivateFieldGet6(this, _SocketController_webSocket, "f")?.send(data);
+        __classPrivateFieldGet6(this, _SocketController_callbacks, "f")?.onNetworkActivity?.("sent", {
           size: data.size,
           type: "audio"
         });
         return;
       }
-      __classPrivateFieldGet4(this, _DictationController_outboundQueue, "f").push(data);
+      __classPrivateFieldGet6(this, _SocketController_outboundQueue, "f").push(data);
     };
     this.host = host;
     host.addController(this);
   }
-  hostDisconnected() {
-    this.cleanup();
-  }
-  async connect(dictationConfig = DEFAULT_DICTATION_CONFIG, callbacks = {}) {
-    if (__classPrivateFieldGet4(this, _DictationController_connectingPromise, "f") && !__classPrivateFieldGet4(this, _DictationController_instances, "m", _DictationController_configHasChanged).call(this)) {
-      return __classPrivateFieldGet4(this, _DictationController_connectingPromise, "f");
+  async connect(config, callbacks) {
+    if (__classPrivateFieldGet6(this, _SocketController_connectingPromise, "f") && !__classPrivateFieldGet6(this, _SocketController_instances, "m", _SocketController_configHasChanged).call(this, config)) {
+      return __classPrivateFieldGet6(this, _SocketController_connectingPromise, "f");
     }
-    __classPrivateFieldSet3(this, _DictationController_isConnecting, true, "f");
-    __classPrivateFieldSet3(this, _DictationController_connectingPromise, __classPrivateFieldGet4(this, _DictationController_instances, "m", _DictationController_doConnect).call(this, dictationConfig, callbacks).finally(() => {
-      __classPrivateFieldSet3(this, _DictationController_isConnecting, false, "f");
-      __classPrivateFieldSet3(this, _DictationController_connectingPromise, null, "f");
+    __classPrivateFieldSet3(this, _SocketController_isConnecting, true, "f");
+    __classPrivateFieldSet3(this, _SocketController_connectingPromise, __classPrivateFieldGet6(this, _SocketController_instances, "m", _SocketController_doConnect).call(this, config, callbacks).finally(() => {
+      __classPrivateFieldSet3(this, _SocketController_isConnecting, false, "f");
+      __classPrivateFieldSet3(this, _SocketController_connectingPromise, null, "f");
     }), "f");
-    return __classPrivateFieldGet4(this, _DictationController_connectingPromise, "f");
+    return __classPrivateFieldGet6(this, _SocketController_connectingPromise, "f");
   }
-  async pause() {
-    if (__classPrivateFieldGet4(this, _DictationController_socketReady, "f") && __classPrivateFieldGet4(this, _DictationController_instances, "m", _DictationController_isSocketOpen).call(this)) {
-      __classPrivateFieldGet4(this, _DictationController_webSocket, "f")?.send(JSON.stringify({ type: "flush" }));
-      __classPrivateFieldGet4(this, _DictationController_callbacks, "f")?.onNetworkActivity?.("sent", { type: "flush" });
-      return;
-    }
-    __classPrivateFieldGet4(this, _DictationController_outboundQueue, "f").push({ type: "flush" });
+  hostDisconnected() {
+    this.cleanup();
   }
   isConnectionOpen() {
-    return __classPrivateFieldGet4(this, _DictationController_webSocket, "f") !== null && (__classPrivateFieldGet4(this, _DictationController_webSocket, "f").readyState === WebSocket.OPEN || __classPrivateFieldGet4(this, _DictationController_webSocket, "f").readyState === WebSocket.CONNECTING);
+    return __classPrivateFieldGet6(this, _SocketController_webSocket, "f") !== null && (__classPrivateFieldGet6(this, _SocketController_webSocket, "f").readyState === WebSocket.OPEN || __classPrivateFieldGet6(this, _SocketController_webSocket, "f").readyState === WebSocket.CONNECTING);
   }
   isConnecting() {
-    return __classPrivateFieldGet4(this, _DictationController_isConnecting, "f");
+    return __classPrivateFieldGet6(this, _SocketController_isConnecting, "f");
   }
   async waitForConnection() {
-    await __classPrivateFieldGet4(this, _DictationController_connectingPromise, "f");
+    await __classPrivateFieldGet6(this, _SocketController_connectingPromise, "f");
+  }
+  async pause() {
+    if (__classPrivateFieldGet6(this, _SocketController_socketReady, "f") && __classPrivateFieldGet6(this, _SocketController_instances, "m", _SocketController_isSocketOpen).call(this)) {
+      __classPrivateFieldGet6(this, _SocketController_webSocket, "f")?.send(JSON.stringify({ type: "flush" }));
+      __classPrivateFieldGet6(this, _SocketController_callbacks, "f")?.onNetworkActivity?.("sent", { type: "flush" });
+      return;
+    }
+    __classPrivateFieldGet6(this, _SocketController_outboundQueue, "f").push({ type: "flush" });
+  }
+  async stopRecording() {
+    await this.pause();
   }
   async closeConnection(onClose) {
     await new Promise((resolve, reject) => {
-      const oldSocket = __classPrivateFieldGet4(this, _DictationController_webSocket, "f");
-      __classPrivateFieldSet3(this, _DictationController_webSocket, null, "f");
+      const oldSocket = __classPrivateFieldGet6(this, _SocketController_webSocket, "f");
+      __classPrivateFieldSet3(this, _SocketController_webSocket, null, "f");
       if (!oldSocket || oldSocket.readyState !== WebSocket.OPEN && oldSocket.readyState !== WebSocket.CONNECTING) {
-        __classPrivateFieldSet3(this, _DictationController_socketReady, false, "f");
+        __classPrivateFieldSet3(this, _SocketController_socketReady, false, "f");
         resolve();
         return;
       }
       oldSocket.on("close", (event) => {
-        if (__classPrivateFieldGet4(this, _DictationController_closeTimeout, "f")) {
-          clearTimeout(__classPrivateFieldGet4(this, _DictationController_closeTimeout, "f"));
-          __classPrivateFieldSet3(this, _DictationController_closeTimeout, void 0, "f");
+        if (__classPrivateFieldGet6(this, _SocketController_closeTimeout, "f")) {
+          clearTimeout(__classPrivateFieldGet6(this, _SocketController_closeTimeout, "f"));
+          __classPrivateFieldSet3(this, _SocketController_closeTimeout, void 0, "f");
         }
         if (onClose) {
           onClose(event);
+        } else if (__classPrivateFieldGet6(this, _SocketController_callbacks, "f")?.onClose) {
+          __classPrivateFieldGet6(this, _SocketController_callbacks, "f").onClose(event);
         }
         resolve();
       });
-      const wasReady = __classPrivateFieldGet4(this, _DictationController_socketReady, "f");
-      __classPrivateFieldSet3(this, _DictationController_socketReady, false, "f");
+      const wasReady = __classPrivateFieldGet6(this, _SocketController_socketReady, "f");
+      __classPrivateFieldSet3(this, _SocketController_socketReady, false, "f");
       oldSocket.on("message", (message) => {
-        __classPrivateFieldGet4(this, _DictationController_callbacks, "f")?.onNetworkActivity?.("received", message);
-        if (__classPrivateFieldGet4(this, _DictationController_callbacks, "f")?.onMessage) {
-          __classPrivateFieldGet4(this, _DictationController_callbacks, "f")?.onMessage(message);
+        __classPrivateFieldGet6(this, _SocketController_callbacks, "f")?.onNetworkActivity?.("received", message);
+        if (__classPrivateFieldGet6(this, _SocketController_callbacks, "f")?.onMessage) {
+          __classPrivateFieldGet6(this, _SocketController_callbacks, "f").onMessage(message);
         }
         if (!wasReady && message.type === "CONFIG_ACCEPTED") {
           oldSocket.sendEnd({ type: "end" });
-          __classPrivateFieldGet4(this, _DictationController_callbacks, "f")?.onNetworkActivity?.("sent", { type: "end" });
+          __classPrivateFieldGet6(this, _SocketController_callbacks, "f")?.onNetworkActivity?.("sent", { type: "end" });
           return;
         }
-        if (message.type === "ended") {
-          if (__classPrivateFieldGet4(this, _DictationController_closeTimeout, "f")) {
-            clearTimeout(__classPrivateFieldGet4(this, _DictationController_closeTimeout, "f"));
-            __classPrivateFieldSet3(this, _DictationController_closeTimeout, void 0, "f");
+        if (message.type === "ended" || message.type === "ENDED") {
+          if (__classPrivateFieldGet6(this, _SocketController_closeTimeout, "f")) {
+            clearTimeout(__classPrivateFieldGet6(this, _SocketController_closeTimeout, "f"));
+            __classPrivateFieldSet3(this, _SocketController_closeTimeout, void 0, "f");
           }
           resolve();
           return;
@@ -12664,9 +12669,9 @@ var DictationController = class {
       });
       if (wasReady) {
         oldSocket.sendEnd({ type: "end" });
-        __classPrivateFieldGet4(this, _DictationController_callbacks, "f")?.onNetworkActivity?.("sent", { type: "end" });
+        __classPrivateFieldGet6(this, _SocketController_callbacks, "f")?.onNetworkActivity?.("sent", { type: "end" });
       }
-      __classPrivateFieldSet3(this, _DictationController_closeTimeout, window.setTimeout(() => {
+      __classPrivateFieldSet3(this, _SocketController_closeTimeout, window.setTimeout(() => {
         reject(new Error("Connection close timeout"));
         if (oldSocket?.readyState === WebSocket.OPEN) {
           oldSocket.close();
@@ -12676,68 +12681,35 @@ var DictationController = class {
   }
   cleanup() {
     var _a;
-    __classPrivateFieldSet3(this, _DictationController_connectionGeneration, (_a = __classPrivateFieldGet4(this, _DictationController_connectionGeneration, "f"), _a++, _a), "f");
-    __classPrivateFieldSet3(this, _DictationController_socketReady, false, "f");
-    if (__classPrivateFieldGet4(this, _DictationController_closeTimeout, "f")) {
-      clearTimeout(__classPrivateFieldGet4(this, _DictationController_closeTimeout, "f"));
-      __classPrivateFieldSet3(this, _DictationController_closeTimeout, void 0, "f");
+    __classPrivateFieldSet3(this, _SocketController_connectionGeneration, (_a = __classPrivateFieldGet6(this, _SocketController_connectionGeneration, "f"), _a++, _a), "f");
+    __classPrivateFieldSet3(this, _SocketController_socketReady, false, "f");
+    if (__classPrivateFieldGet6(this, _SocketController_closeTimeout, "f")) {
+      clearTimeout(__classPrivateFieldGet6(this, _SocketController_closeTimeout, "f"));
+      __classPrivateFieldSet3(this, _SocketController_closeTimeout, void 0, "f");
     }
     if (this.isConnectionOpen()) {
-      __classPrivateFieldGet4(this, _DictationController_webSocket, "f")?.close();
+      __classPrivateFieldGet6(this, _SocketController_webSocket, "f")?.close();
     }
-    __classPrivateFieldSet3(this, _DictationController_webSocket, null, "f");
-    __classPrivateFieldSet3(this, _DictationController_cortiClient, null, "f");
-    __classPrivateFieldSet3(this, _DictationController_lastDictationConfig, null, "f");
-    __classPrivateFieldSet3(this, _DictationController_lastSocketUrl, void 0, "f");
-    __classPrivateFieldSet3(this, _DictationController_lastSocketProxy, void 0, "f");
-    if (__classPrivateFieldGet4(this, _DictationController_outboundQueue, "f").length > 0) {
-      this.host.dispatchEvent(errorEvent(`${__classPrivateFieldGet4(this, _DictationController_outboundQueue, "f").length} unsent message(s) were discarded because the configuration changed before the connection was closed`));
+    __classPrivateFieldSet3(this, _SocketController_webSocket, null, "f");
+    __classPrivateFieldSet3(this, _SocketController_cortiClient, null, "f");
+    __classPrivateFieldSet3(this, _SocketController_lastConfig, null, "f");
+    __classPrivateFieldSet3(this, _SocketController_lastSocketUrl, void 0, "f");
+    __classPrivateFieldSet3(this, _SocketController_lastSocketProxy, void 0, "f");
+    if (__classPrivateFieldGet6(this, _SocketController_outboundQueue, "f").length > 0) {
+      this.host.dispatchEvent(errorEvent(`${__classPrivateFieldGet6(this, _SocketController_outboundQueue, "f").length} unsent message(s) were discarded because the configuration changed before the connection was closed`));
     }
-    __classPrivateFieldSet3(this, _DictationController_outboundQueue, [], "f");
+    __classPrivateFieldSet3(this, _SocketController_outboundQueue, [], "f");
   }
 };
-_DictationController_cortiClient = /* @__PURE__ */ new WeakMap(), _DictationController_webSocket = /* @__PURE__ */ new WeakMap(), _DictationController_closeTimeout = /* @__PURE__ */ new WeakMap(), _DictationController_callbacks = /* @__PURE__ */ new WeakMap(), _DictationController_lastDictationConfig = /* @__PURE__ */ new WeakMap(), _DictationController_lastSocketUrl = /* @__PURE__ */ new WeakMap(), _DictationController_lastSocketProxy = /* @__PURE__ */ new WeakMap(), _DictationController_outboundQueue = /* @__PURE__ */ new WeakMap(), _DictationController_socketReady = /* @__PURE__ */ new WeakMap(), _DictationController_connectingPromise = /* @__PURE__ */ new WeakMap(), _DictationController_connectionGeneration = /* @__PURE__ */ new WeakMap(), _DictationController_isConnecting = /* @__PURE__ */ new WeakMap(), _DictationController_instances = /* @__PURE__ */ new WeakSet(), _DictationController_configHasChanged = function _DictationController_configHasChanged2() {
-  return JSON.stringify(this.host._dictationConfig) !== JSON.stringify(__classPrivateFieldGet4(this, _DictationController_lastDictationConfig, "f")) || this.host._socketUrl !== __classPrivateFieldGet4(this, _DictationController_lastSocketUrl, "f") || JSON.stringify(this.host._socketProxy) !== JSON.stringify(__classPrivateFieldGet4(this, _DictationController_lastSocketProxy, "f"));
-}, _DictationController_doConnect = async function _DictationController_doConnect2(dictationConfig, callbacks) {
-  const newConnection = __classPrivateFieldGet4(this, _DictationController_instances, "m", _DictationController_configHasChanged).call(this) || !this.isConnectionOpen();
-  if (newConnection) {
-    this.cleanup();
-    __classPrivateFieldSet3(this, _DictationController_lastDictationConfig, this.host._dictationConfig || null, "f");
-    __classPrivateFieldSet3(this, _DictationController_lastSocketUrl, this.host._socketUrl, "f");
-    __classPrivateFieldSet3(this, _DictationController_lastSocketProxy, this.host._socketProxy, "f");
-    const generation = __classPrivateFieldGet4(this, _DictationController_connectionGeneration, "f");
-    const socket = this.host._socketUrl || this.host._socketProxy ? await __classPrivateFieldGet4(this, _DictationController_instances, "m", _DictationController_connectProxy).call(this, dictationConfig) : await __classPrivateFieldGet4(this, _DictationController_instances, "m", _DictationController_connectAuth).call(this, dictationConfig);
-    if (__classPrivateFieldGet4(this, _DictationController_connectionGeneration, "f") !== generation) {
-      socket.close();
-      return "superseded";
-    }
-    __classPrivateFieldSet3(this, _DictationController_webSocket, socket, "f");
-    __classPrivateFieldGet4(this, _DictationController_callbacks, "f")?.onNetworkActivity?.("sent", {
-      configuration: dictationConfig,
-      type: "config"
-    });
-  }
-  __classPrivateFieldSet3(this, _DictationController_callbacks, callbacks, "f");
-  __classPrivateFieldGet4(this, _DictationController_instances, "m", _DictationController_setupWebSocketHandlers).call(this, callbacks);
-  if (!newConnection && this.isConnectionOpen()) {
-    __classPrivateFieldSet3(this, _DictationController_socketReady, true, "f");
-    __classPrivateFieldGet4(this, _DictationController_instances, "m", _DictationController_drain).call(this);
-  }
-  return newConnection;
-}, _DictationController_connectProxy = async function _DictationController_connectProxy2(dictationConfig) {
+_SocketController_webSocket = /* @__PURE__ */ new WeakMap(), _SocketController_cortiClient = /* @__PURE__ */ new WeakMap(), _SocketController_connectionGeneration = /* @__PURE__ */ new WeakMap(), _SocketController_socketReady = /* @__PURE__ */ new WeakMap(), _SocketController_closeTimeout = /* @__PURE__ */ new WeakMap(), _SocketController_outboundQueue = /* @__PURE__ */ new WeakMap(), _SocketController_callbacks = /* @__PURE__ */ new WeakMap(), _SocketController_lastConfig = /* @__PURE__ */ new WeakMap(), _SocketController_lastSocketUrl = /* @__PURE__ */ new WeakMap(), _SocketController_lastSocketProxy = /* @__PURE__ */ new WeakMap(), _SocketController_connectingPromise = /* @__PURE__ */ new WeakMap(), _SocketController_isConnecting = /* @__PURE__ */ new WeakMap(), _SocketController_instances = /* @__PURE__ */ new WeakSet(), _SocketController_openViaProxy = async function _SocketController_openViaProxy2(config) {
   const proxyOptions = this.host._socketProxy || {
     url: this.host._socketUrl || ""
   };
   if (!proxyOptions.url) {
     throw new Error("Proxy URL is required when using proxy client");
   }
-  return await CortiWebSocketProxyClient.transcribe.connect({
-    // setting to "false" to have CONFIG_* message in network activity events
-    awaitConfiguration: false,
-    configuration: dictationConfig,
-    proxy: proxyOptions
-  });
-}, _DictationController_connectAuth = async function _DictationController_connectAuth2(dictationConfig) {
+  return this._connectThroughProxy(config, proxyOptions);
+}, _SocketController_openViaAuth = async function _SocketController_openViaAuth2(config) {
   if (!this.host._authConfig && !this.host._accessToken) {
     throw new Error("Auth configuration or access token is required to connect");
   }
@@ -12747,67 +12719,150 @@ _DictationController_cortiClient = /* @__PURE__ */ new WeakMap(), _DictationCont
       accessToken: this.host._accessToken || ""
     })
   };
-  __classPrivateFieldSet3(this, _DictationController_cortiClient, new CortiClient2({
+  __classPrivateFieldSet3(this, _SocketController_cortiClient, new CortiClient2({
     auth,
     environment: this.host._region,
     tenantName: this.host._tenantName
   }), "f");
-  return await __classPrivateFieldGet4(this, _DictationController_cortiClient, "f").transcribe.connect({
-    // setting to "false" to have CONFIG_* message in network activity events
-    awaitConfiguration: false,
-    configuration: dictationConfig
-  });
-}, _DictationController_setupWebSocketHandlers = function _DictationController_setupWebSocketHandlers2(callbacks) {
-  if (!__classPrivateFieldGet4(this, _DictationController_webSocket, "f")) {
+  return this._connectThroughAuth(__classPrivateFieldGet6(this, _SocketController_cortiClient, "f"), config);
+}, _SocketController_doConnect = async function _SocketController_doConnect2(config, callbacks) {
+  const newConnection = __classPrivateFieldGet6(this, _SocketController_instances, "m", _SocketController_configHasChanged).call(this, config) || !this.isConnectionOpen();
+  if (newConnection) {
+    this.cleanup();
+    __classPrivateFieldSet3(this, _SocketController_lastConfig, config, "f");
+    __classPrivateFieldSet3(this, _SocketController_lastSocketUrl, this.host._socketUrl, "f");
+    __classPrivateFieldSet3(this, _SocketController_lastSocketProxy, this.host._socketProxy, "f");
+    const generation = __classPrivateFieldGet6(this, _SocketController_connectionGeneration, "f");
+    const socket = this.host._socketUrl || this.host._socketProxy ? await __classPrivateFieldGet6(this, _SocketController_instances, "m", _SocketController_openViaProxy).call(this, config) : await __classPrivateFieldGet6(this, _SocketController_instances, "m", _SocketController_openViaAuth).call(this, config);
+    if (__classPrivateFieldGet6(this, _SocketController_connectionGeneration, "f") !== generation) {
+      socket.close();
+      return "superseded";
+    }
+    __classPrivateFieldSet3(this, _SocketController_webSocket, socket, "f");
+    __classPrivateFieldGet6(this, _SocketController_callbacks, "f")?.onNetworkActivity?.("sent", {
+      configuration: config,
+      type: "config"
+    });
+  }
+  __classPrivateFieldSet3(this, _SocketController_callbacks, callbacks, "f");
+  __classPrivateFieldGet6(this, _SocketController_instances, "m", _SocketController_setupWebSocketHandlers).call(this, callbacks);
+  if (!newConnection && this.isConnectionOpen()) {
+    __classPrivateFieldSet3(this, _SocketController_socketReady, true, "f");
+    __classPrivateFieldGet6(this, _SocketController_instances, "m", _SocketController_drain).call(this);
+  }
+  return newConnection;
+}, _SocketController_isSocketOpen = function _SocketController_isSocketOpen2() {
+  return __classPrivateFieldGet6(this, _SocketController_webSocket, "f") !== null && __classPrivateFieldGet6(this, _SocketController_webSocket, "f").readyState === WebSocket.OPEN;
+}, _SocketController_configHasChanged = function _SocketController_configHasChanged2(nextConfig) {
+  return JSON.stringify(nextConfig) !== JSON.stringify(__classPrivateFieldGet6(this, _SocketController_lastConfig, "f")) || this.host._socketUrl !== __classPrivateFieldGet6(this, _SocketController_lastSocketUrl, "f") || JSON.stringify(this.host._socketProxy) !== JSON.stringify(__classPrivateFieldGet6(this, _SocketController_lastSocketProxy, "f"));
+}, _SocketController_drain = function _SocketController_drain2() {
+  if (!__classPrivateFieldGet6(this, _SocketController_socketReady, "f") || !__classPrivateFieldGet6(this, _SocketController_instances, "m", _SocketController_isSocketOpen).call(this) || __classPrivateFieldGet6(this, _SocketController_outboundQueue, "f").length === 0) {
+    return;
+  }
+  while (__classPrivateFieldGet6(this, _SocketController_outboundQueue, "f").length > 0 && __classPrivateFieldGet6(this, _SocketController_instances, "m", _SocketController_isSocketOpen).call(this)) {
+    const item = __classPrivateFieldGet6(this, _SocketController_outboundQueue, "f").shift();
+    if (item === void 0) {
+      break;
+    }
+    if (item instanceof Blob) {
+      __classPrivateFieldGet6(this, _SocketController_webSocket, "f").send(item);
+      __classPrivateFieldGet6(this, _SocketController_callbacks, "f")?.onNetworkActivity?.("sent", {
+        size: item.size,
+        type: "audio"
+      });
+      continue;
+    }
+    __classPrivateFieldGet6(this, _SocketController_webSocket, "f").send(JSON.stringify(item));
+    __classPrivateFieldGet6(this, _SocketController_callbacks, "f")?.onNetworkActivity?.("sent", {
+      type: item.type
+    });
+  }
+}, _SocketController_setupWebSocketHandlers = function _SocketController_setupWebSocketHandlers2(callbacks) {
+  if (!__classPrivateFieldGet6(this, _SocketController_webSocket, "f")) {
     throw new Error("WebSocket not initialized");
   }
-  __classPrivateFieldGet4(this, _DictationController_webSocket, "f").on("message", (message) => {
+  __classPrivateFieldGet6(this, _SocketController_webSocket, "f").on("message", (message) => {
     if (message.type === "CONFIG_ACCEPTED") {
-      __classPrivateFieldSet3(this, _DictationController_socketReady, true, "f");
-      __classPrivateFieldGet4(this, _DictationController_instances, "m", _DictationController_drain).call(this);
+      __classPrivateFieldSet3(this, _SocketController_socketReady, true, "f");
+      __classPrivateFieldGet6(this, _SocketController_instances, "m", _SocketController_drain).call(this);
     }
     callbacks.onNetworkActivity?.("received", message);
     if (callbacks.onMessage) {
       callbacks.onMessage(message);
     }
   });
-  __classPrivateFieldGet4(this, _DictationController_webSocket, "f").on("error", (event) => {
-    __classPrivateFieldSet3(this, _DictationController_socketReady, false, "f");
+  __classPrivateFieldGet6(this, _SocketController_webSocket, "f").on("error", (event) => {
+    __classPrivateFieldSet3(this, _SocketController_socketReady, false, "f");
     if (callbacks.onError) {
       callbacks.onError(event);
     }
   });
-  __classPrivateFieldGet4(this, _DictationController_webSocket, "f").on("close", (event) => {
-    __classPrivateFieldSet3(this, _DictationController_socketReady, false, "f");
+  __classPrivateFieldGet6(this, _SocketController_webSocket, "f").on("close", (event) => {
+    __classPrivateFieldSet3(this, _SocketController_socketReady, false, "f");
     if (callbacks.onClose) {
       callbacks.onClose(event);
     }
   });
-}, _DictationController_isSocketOpen = function _DictationController_isSocketOpen2() {
-  return __classPrivateFieldGet4(this, _DictationController_webSocket, "f") !== null && __classPrivateFieldGet4(this, _DictationController_webSocket, "f").readyState === WebSocket.OPEN;
-}, _DictationController_drain = function _DictationController_drain2() {
-  if (!__classPrivateFieldGet4(this, _DictationController_socketReady, "f") || !__classPrivateFieldGet4(this, _DictationController_instances, "m", _DictationController_isSocketOpen).call(this) || __classPrivateFieldGet4(this, _DictationController_outboundQueue, "f").length === 0) {
-    return;
+};
+
+// dist/controllers/ambient-controller.js
+var AmbientController = class extends SocketController {
+  async stopRecording() {
+    await this.closeConnection();
   }
-  while (__classPrivateFieldGet4(this, _DictationController_outboundQueue, "f").length > 0 && __classPrivateFieldGet4(this, _DictationController_instances, "m", _DictationController_isSocketOpen).call(this)) {
-    const item = __classPrivateFieldGet4(this, _DictationController_outboundQueue, "f").shift();
-    if (item === void 0) {
-      break;
-    }
-    if (item instanceof Blob) {
-      __classPrivateFieldGet4(this, _DictationController_webSocket, "f").send(item);
-      __classPrivateFieldGet4(this, _DictationController_callbacks, "f")?.onNetworkActivity?.("sent", {
-        size: item.size,
-        type: "audio"
-      });
-      continue;
-    }
-    __classPrivateFieldGet4(this, _DictationController_webSocket, "f").send(JSON.stringify(item));
-    __classPrivateFieldGet4(this, _DictationController_callbacks, "f")?.onNetworkActivity?.("sent", {
-      type: item.type
+  async _connectThroughProxy(session, proxy) {
+    return await CortiWebSocketProxyClient.stream.connect({
+      // awaitConfiguration: false — CONFIG_* appears in network activity before the socket is configured server-side
+      awaitConfiguration: false,
+      configuration: session.configuration,
+      proxy
+    });
+  }
+  async _connectThroughAuth(client, session) {
+    return await client.stream.connect({
+      // awaitConfiguration: false — CONFIG_* appears in network activity before the socket is configured server-side
+      awaitConfiguration: false,
+      configuration: session.configuration,
+      id: session.interactionId
+    });
+  }
+};
+
+// dist/contexts/dictation-context.js
+var __decorate9 = function(decorators, target, key, desc) {
+  var c6 = arguments.length, r7 = c6 < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d3;
+  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r7 = Reflect.decorate(decorators, target, key, desc);
+  else for (var i7 = decorators.length - 1; i7 >= 0; i7--) if (d3 = decorators[i7]) r7 = (c6 < 3 ? d3(r7) : c6 > 3 ? d3(target, key, r7) : d3(target, key)) || r7;
+  return c6 > 3 && r7 && Object.defineProperty(target, key, r7), r7;
+};
+var dictationConfigContext = n(Symbol("dictationConfig"));
+var debugDisplayAudioContext = n(Symbol("debugDisplayAudio"));
+var DictationRoot = class DictationRoot2 extends RootContext {
+  // ─────────────────────────────────────────────────────────────────────────────
+  // Lifecycle
+  // ─────────────────────────────────────────────────────────────────────────────
+  constructor() {
+    super();
+    this.addEventListener("languages-changed", (e10) => {
+      const event = e10;
+      this.dictationConfig = {
+        ...this.dictationConfig,
+        primaryLanguage: event.detail.selectedLanguage ?? "en"
+      };
     });
   }
 };
+__decorate9([
+  e2({ context: dictationConfigContext }),
+  n4({ attribute: false, type: Object })
+], DictationRoot.prototype, "dictationConfig", void 0);
+__decorate9([
+  e2({ context: debugDisplayAudioContext }),
+  n4({ attribute: "debug-display-audio", type: Boolean })
+], DictationRoot.prototype, "debug_displayAudio", void 0);
+DictationRoot = __decorate9([
+  t2("dictation-root")
+], DictationRoot);
 
 // dist/utils/keybinding.js
 function isMac() {
@@ -12845,11 +12900,10 @@ function normalizeKeybinding(keybinding) {
   if (!keybinding) {
     return null;
   }
-  const trimmed = keybinding.trim();
-  if (trimmed === "") {
+  if (keybinding !== " " && keybinding.trim() === "") {
     return null;
   }
-  return normalizeKeyForKeybinding(trimmed);
+  return normalizeKeyForKeybinding(keybinding);
 }
 function matchesKeybinding(event, keybinding) {
   const normalizedKeybinding = normalizeKeybinding(keybinding);
@@ -12875,7 +12929,7 @@ function shouldIgnoreKeybinding(element) {
 }
 
 // dist/controllers/keybinding-controller.js
-var __classPrivateFieldGet5 = function(receiver, state, kind, f5) {
+var __classPrivateFieldGet7 = function(receiver, state, kind, f5) {
   if (kind === "a" && !f5) throw new TypeError("Private accessor was defined without a getter");
   if (typeof state === "function" ? receiver !== state || !f5 : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
   return kind === "m" ? f5 : kind === "a" ? f5.call(receiver) : f5 ? f5.value : state.get(receiver);
@@ -12904,19 +12958,19 @@ var KeybindingController = class {
     host.addController(this);
   }
   hostConnected() {
-    __classPrivateFieldGet5(this, _KeybindingController_instances, "m", _KeybindingController_setupListeners).call(this);
+    __classPrivateFieldGet7(this, _KeybindingController_instances, "m", _KeybindingController_setupListeners).call(this);
   }
   hostDisconnected() {
-    __classPrivateFieldGet5(this, _KeybindingController_instances, "m", _KeybindingController_removeListeners).call(this);
+    __classPrivateFieldGet7(this, _KeybindingController_instances, "m", _KeybindingController_removeListeners).call(this);
   }
 };
 _KeybindingController_keydownHandler = /* @__PURE__ */ new WeakMap(), _KeybindingController_keyupHandler = /* @__PURE__ */ new WeakMap(), _KeybindingController_blurHandler = /* @__PURE__ */ new WeakMap(), _KeybindingController_isPushToTalkKeyPressed = /* @__PURE__ */ new WeakMap(), _KeybindingController_instances = /* @__PURE__ */ new WeakSet(), _KeybindingController_setupListeners = function _KeybindingController_setupListeners2() {
-  __classPrivateFieldGet5(this, _KeybindingController_instances, "m", _KeybindingController_removeListeners).call(this);
+  __classPrivateFieldGet7(this, _KeybindingController_instances, "m", _KeybindingController_removeListeners).call(this);
   __classPrivateFieldSet4(this, _KeybindingController_keydownHandler, (event) => {
     if (shouldIgnoreKeybinding(document.activeElement)) {
       return;
     }
-    if (this.host._toggleToTalkKeybinding && matchesKeybinding(event, this.host._toggleToTalkKeybinding) && !__classPrivateFieldGet5(this, _KeybindingController_isPushToTalkKeyPressed, "f")) {
+    if (this.host._toggleToTalkKeybinding && matchesKeybinding(event, this.host._toggleToTalkKeybinding) && !__classPrivateFieldGet7(this, _KeybindingController_isPushToTalkKeyPressed, "f")) {
       if (!this.host.dispatchEvent(keybindingActivatedEvent(event))) {
         return;
       }
@@ -12941,25 +12995,25 @@ _KeybindingController_keydownHandler = /* @__PURE__ */ new WeakMap(), _Keybindin
     }
   }, "f");
   __classPrivateFieldSet4(this, _KeybindingController_blurHandler, () => {
-    if (__classPrivateFieldGet5(this, _KeybindingController_isPushToTalkKeyPressed, "f")) {
+    if (__classPrivateFieldGet7(this, _KeybindingController_isPushToTalkKeyPressed, "f")) {
       __classPrivateFieldSet4(this, _KeybindingController_isPushToTalkKeyPressed, false, "f");
       this.host.stopRecording();
     }
   }, "f");
-  window.addEventListener("keydown", __classPrivateFieldGet5(this, _KeybindingController_keydownHandler, "f"));
-  window.addEventListener("keyup", __classPrivateFieldGet5(this, _KeybindingController_keyupHandler, "f"));
-  window.addEventListener("blur", __classPrivateFieldGet5(this, _KeybindingController_blurHandler, "f"));
+  window.addEventListener("keydown", __classPrivateFieldGet7(this, _KeybindingController_keydownHandler, "f"));
+  window.addEventListener("keyup", __classPrivateFieldGet7(this, _KeybindingController_keyupHandler, "f"));
+  window.addEventListener("blur", __classPrivateFieldGet7(this, _KeybindingController_blurHandler, "f"));
 }, _KeybindingController_removeListeners = function _KeybindingController_removeListeners2() {
-  if (__classPrivateFieldGet5(this, _KeybindingController_keydownHandler, "f")) {
-    window.removeEventListener("keydown", __classPrivateFieldGet5(this, _KeybindingController_keydownHandler, "f"));
+  if (__classPrivateFieldGet7(this, _KeybindingController_keydownHandler, "f")) {
+    window.removeEventListener("keydown", __classPrivateFieldGet7(this, _KeybindingController_keydownHandler, "f"));
     __classPrivateFieldSet4(this, _KeybindingController_keydownHandler, void 0, "f");
   }
-  if (__classPrivateFieldGet5(this, _KeybindingController_keyupHandler, "f")) {
-    window.removeEventListener("keyup", __classPrivateFieldGet5(this, _KeybindingController_keyupHandler, "f"));
+  if (__classPrivateFieldGet7(this, _KeybindingController_keyupHandler, "f")) {
+    window.removeEventListener("keyup", __classPrivateFieldGet7(this, _KeybindingController_keyupHandler, "f"));
     __classPrivateFieldSet4(this, _KeybindingController_keyupHandler, void 0, "f");
   }
-  if (__classPrivateFieldGet5(this, _KeybindingController_blurHandler, "f")) {
-    window.removeEventListener("blur", __classPrivateFieldGet5(this, _KeybindingController_blurHandler, "f"));
+  if (__classPrivateFieldGet7(this, _KeybindingController_blurHandler, "f")) {
+    window.removeEventListener("blur", __classPrivateFieldGet7(this, _KeybindingController_blurHandler, "f"));
     __classPrivateFieldSet4(this, _KeybindingController_blurHandler, void 0, "f");
   }
 };
@@ -13009,7 +13063,7 @@ var __classPrivateFieldSet5 = function(receiver, state, value, kind, f5) {
   if (typeof state === "function" ? receiver !== state || !f5 : !state.has(receiver)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
   return kind === "a" ? f5.call(receiver, value) : f5 ? f5.value = value : state.set(receiver, value), value;
 };
-var __classPrivateFieldGet6 = function(receiver, state, kind, f5) {
+var __classPrivateFieldGet8 = function(receiver, state, kind, f5) {
   if (kind === "a" && !f5) throw new TypeError("Private accessor was defined without a getter");
   if (typeof state === "function" ? receiver !== state || !f5 : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
   return kind === "m" ? f5 : kind === "a" ? f5.call(receiver) : f5 ? f5.value : state.get(receiver);
@@ -13045,25 +13099,25 @@ var MediaController = class {
     __classPrivateFieldSet5(this, _MediaController_onTrackEnded, onTrackEnded, "f");
     __classPrivateFieldSet5(this, _MediaController_dataHandler, dataHandler, "f");
     __classPrivateFieldSet5(this, _MediaController_mediaStream, await getMediaStream(this.host._selectedDevice?.deviceId, this.host._debug_displayAudio), "f");
-    __classPrivateFieldGet6(this, _MediaController_mediaStream, "f").getTracks().forEach((track) => {
+    __classPrivateFieldGet8(this, _MediaController_mediaStream, "f").getTracks().forEach((track) => {
       track.addEventListener("ended", () => {
-        if (__classPrivateFieldGet6(this, _MediaController_onTrackEnded, "f")) {
-          __classPrivateFieldGet6(this, _MediaController_onTrackEnded, "f").call(this);
+        if (__classPrivateFieldGet8(this, _MediaController_onTrackEnded, "f")) {
+          __classPrivateFieldGet8(this, _MediaController_onTrackEnded, "f").call(this);
         }
       });
     });
-    const { audioContext, analyser } = createAudioAnalyzer(__classPrivateFieldGet6(this, _MediaController_mediaStream, "f"));
+    const { audioContext, analyser } = createAudioAnalyzer(__classPrivateFieldGet8(this, _MediaController_mediaStream, "f"));
     __classPrivateFieldSet5(this, _MediaController_audioContext, audioContext, "f");
     __classPrivateFieldSet5(this, _MediaController_analyser, analyser, "f");
-    __classPrivateFieldSet5(this, _MediaController_mediaRecorder, new MediaRecorder(__classPrivateFieldGet6(this, _MediaController_mediaStream, "f")), "f");
-    __classPrivateFieldGet6(this, _MediaController_mediaRecorder, "f").ondataavailable = (event) => {
-      if (__classPrivateFieldGet6(this, _MediaController_dataHandler, "f")) {
-        __classPrivateFieldGet6(this, _MediaController_dataHandler, "f").call(this, event.data);
+    __classPrivateFieldSet5(this, _MediaController_mediaRecorder, new MediaRecorder(__classPrivateFieldGet8(this, _MediaController_mediaStream, "f")), "f");
+    __classPrivateFieldGet8(this, _MediaController_mediaRecorder, "f").ondataavailable = (event) => {
+      if (__classPrivateFieldGet8(this, _MediaController_dataHandler, "f")) {
+        __classPrivateFieldGet8(this, _MediaController_dataHandler, "f").call(this, event.data);
       }
     };
   }
   getAudioLevel() {
-    return __classPrivateFieldGet6(this, _MediaController_analyser, "f") ? calculateAudioLevel(__classPrivateFieldGet6(this, _MediaController_analyser, "f")) : 0;
+    return __classPrivateFieldGet8(this, _MediaController_analyser, "f") ? calculateAudioLevel(__classPrivateFieldGet8(this, _MediaController_analyser, "f")) : 0;
   }
   startAudioLevelMonitoring(onAudioLevelChange) {
     this.stopAudioLevelMonitoring();
@@ -13071,38 +13125,38 @@ var MediaController = class {
     __classPrivateFieldSet5(this, _MediaController_visualiserInterval, window.setInterval(() => {
       __classPrivateFieldSet5(this, _MediaController_audioLevel, this.getAudioLevel() * 3, "f");
       this.host.requestUpdate();
-      if (__classPrivateFieldGet6(this, _MediaController_onAudioLevelChange, "f")) {
-        __classPrivateFieldGet6(this, _MediaController_onAudioLevelChange, "f").call(this, __classPrivateFieldGet6(this, _MediaController_audioLevel, "f"));
+      if (__classPrivateFieldGet8(this, _MediaController_onAudioLevelChange, "f")) {
+        __classPrivateFieldGet8(this, _MediaController_onAudioLevelChange, "f").call(this, __classPrivateFieldGet8(this, _MediaController_audioLevel, "f"));
       }
     }, 150), "f");
   }
   stopAudioLevelMonitoring() {
-    if (__classPrivateFieldGet6(this, _MediaController_visualiserInterval, "f")) {
-      clearInterval(__classPrivateFieldGet6(this, _MediaController_visualiserInterval, "f"));
+    if (__classPrivateFieldGet8(this, _MediaController_visualiserInterval, "f")) {
+      clearInterval(__classPrivateFieldGet8(this, _MediaController_visualiserInterval, "f"));
       __classPrivateFieldSet5(this, _MediaController_visualiserInterval, void 0, "f");
     }
     __classPrivateFieldSet5(this, _MediaController_audioLevel, 0, "f");
     this.host.requestUpdate();
-    if (__classPrivateFieldGet6(this, _MediaController_onAudioLevelChange, "f")) {
-      __classPrivateFieldGet6(this, _MediaController_onAudioLevelChange, "f").call(this, __classPrivateFieldGet6(this, _MediaController_audioLevel, "f"));
+    if (__classPrivateFieldGet8(this, _MediaController_onAudioLevelChange, "f")) {
+      __classPrivateFieldGet8(this, _MediaController_onAudioLevelChange, "f").call(this, __classPrivateFieldGet8(this, _MediaController_audioLevel, "f"));
     }
   }
   async cleanup() {
     this.stopAudioLevelMonitoring();
-    if (__classPrivateFieldGet6(this, _MediaController_mediaRecorder, "f")?.state === "recording") {
-      __classPrivateFieldGet6(this, _MediaController_mediaRecorder, "f").stop();
+    if (__classPrivateFieldGet8(this, _MediaController_mediaRecorder, "f")?.state === "recording") {
+      __classPrivateFieldGet8(this, _MediaController_mediaRecorder, "f").stop();
     }
-    if (__classPrivateFieldGet6(this, _MediaController_mediaRecorder, "f")) {
-      __classPrivateFieldGet6(this, _MediaController_mediaRecorder, "f").ondataavailable = null;
+    if (__classPrivateFieldGet8(this, _MediaController_mediaRecorder, "f")) {
+      __classPrivateFieldGet8(this, _MediaController_mediaRecorder, "f").ondataavailable = null;
     }
-    if (__classPrivateFieldGet6(this, _MediaController_mediaStream, "f")) {
-      __classPrivateFieldGet6(this, _MediaController_mediaStream, "f").getTracks().forEach((track) => {
+    if (__classPrivateFieldGet8(this, _MediaController_mediaStream, "f")) {
+      __classPrivateFieldGet8(this, _MediaController_mediaStream, "f").getTracks().forEach((track) => {
         track.stop();
       });
       __classPrivateFieldSet5(this, _MediaController_mediaStream, null, "f");
     }
-    if (__classPrivateFieldGet6(this, _MediaController_audioContext, "f") && __classPrivateFieldGet6(this, _MediaController_audioContext, "f").state !== "closed") {
-      await __classPrivateFieldGet6(this, _MediaController_audioContext, "f").close();
+    if (__classPrivateFieldGet8(this, _MediaController_audioContext, "f") && __classPrivateFieldGet8(this, _MediaController_audioContext, "f").state !== "closed") {
+      await __classPrivateFieldGet8(this, _MediaController_audioContext, "f").close();
     }
     __classPrivateFieldSet5(this, _MediaController_audioContext, null, "f");
     __classPrivateFieldSet5(this, _MediaController_analyser, null, "f");
@@ -13117,27 +13171,27 @@ var MediaController = class {
    */
   async stopRecording() {
     return new Promise((resolve) => {
-      if (!__classPrivateFieldGet6(this, _MediaController_mediaRecorder, "f") || __classPrivateFieldGet6(this, _MediaController_mediaRecorder, "f").state !== "recording") {
+      if (!__classPrivateFieldGet8(this, _MediaController_mediaRecorder, "f") || __classPrivateFieldGet8(this, _MediaController_mediaRecorder, "f").state !== "recording") {
         resolve();
         return;
       }
-      __classPrivateFieldGet6(this, _MediaController_mediaRecorder, "f").onstop = () => {
+      __classPrivateFieldGet8(this, _MediaController_mediaRecorder, "f").onstop = () => {
         resolve();
       };
-      __classPrivateFieldGet6(this, _MediaController_mediaRecorder, "f").stop();
+      __classPrivateFieldGet8(this, _MediaController_mediaRecorder, "f").stop();
     });
   }
   get mediaRecorder() {
-    return __classPrivateFieldGet6(this, _MediaController_mediaRecorder, "f");
+    return __classPrivateFieldGet8(this, _MediaController_mediaRecorder, "f");
   }
   get audioLevel() {
-    return __classPrivateFieldGet6(this, _MediaController_audioLevel, "f");
+    return __classPrivateFieldGet8(this, _MediaController_audioLevel, "f");
   }
 };
 _MediaController_mediaStream = /* @__PURE__ */ new WeakMap(), _MediaController_audioContext = /* @__PURE__ */ new WeakMap(), _MediaController_analyser = /* @__PURE__ */ new WeakMap(), _MediaController_mediaRecorder = /* @__PURE__ */ new WeakMap(), _MediaController_visualiserInterval = /* @__PURE__ */ new WeakMap(), _MediaController_audioLevel = /* @__PURE__ */ new WeakMap(), _MediaController_onTrackEnded = /* @__PURE__ */ new WeakMap(), _MediaController_onAudioLevelChange = /* @__PURE__ */ new WeakMap(), _MediaController_dataHandler = /* @__PURE__ */ new WeakMap();
 
 // dist/styles/buttons.js
-var ButtonStyles = i`
+var ButtonStyles = i2`
   /* Default (plain) button styling */
   button {
     background: var(--action-plain-background, transparent);
@@ -13188,15 +13242,59 @@ var ButtonStyles = i`
 var buttons_default = ButtonStyles;
 
 // dist/styles/recording-button.js
-var RecordingButtonStyles = i`
+var RecordingButtonStyles = i2`
   :host {
     display: inline-flex;
   }
 `;
 var recording_button_default = RecordingButtonStyles;
 
+// node_modules/lit-html/directive.js
+var t5 = { ATTRIBUTE: 1, CHILD: 2, PROPERTY: 3, BOOLEAN_ATTRIBUTE: 4, EVENT: 5, ELEMENT: 6 };
+var e7 = (t7) => (...e10) => ({ _$litDirective$: t7, values: e10 });
+var i6 = class {
+  constructor(t7) {
+  }
+  get _$AU() {
+    return this._$AM._$AU;
+  }
+  _$AT(t7, e10, i7) {
+    this._$Ct = t7, this._$AM = e10, this._$Ci = i7;
+  }
+  _$AS(t7, e10) {
+    return this.update(t7, e10);
+  }
+  update(t7, e10) {
+    return this.render(...e10);
+  }
+};
+
+// node_modules/lit-html/directives/class-map.js
+var e8 = e7(class extends i6 {
+  constructor(t7) {
+    if (super(t7), t7.type !== t5.ATTRIBUTE || "class" !== t7.name || t7.strings?.length > 2) throw Error("`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.");
+  }
+  render(t7) {
+    return " " + Object.keys(t7).filter((s8) => t7[s8]).join(" ") + " ";
+  }
+  update(s8, [i7]) {
+    if (void 0 === this.st) {
+      this.st = /* @__PURE__ */ new Set(), void 0 !== s8.strings && (this.nt = new Set(s8.strings.join(" ").split(/\s/).filter((t7) => "" !== t7)));
+      for (const t7 in i7) i7[t7] && !this.nt?.has(t7) && this.st.add(t7);
+      return this.render(i7);
+    }
+    const r7 = s8.element.classList;
+    for (const t7 of this.st) t7 in i7 || (r7.remove(t7), this.st.delete(t7));
+    for (const t7 in i7) {
+      const s9 = !!i7[t7];
+      s9 === this.st.has(t7) || this.nt?.has(t7) || (s9 ? (r7.add(t7), this.st.add(t7)) : (r7.remove(t7), this.st.delete(t7)));
+    }
+    return T;
+  }
+});
+
 // node_modules/lit-html/directives/map.js
-function* o8(o10, f5) {
+function* o6(o10, f5) {
   if (void 0 !== o10) {
     let i7 = 0;
     for (const t7 of o10) yield f5(t7, i7++);
@@ -13204,14 +13302,14 @@ function* o8(o10, f5) {
 }
 
 // node_modules/lit-html/directives/range.js
-function* o9(o10, t7, e10 = 1) {
+function* o7(o10, t7, e10 = 1) {
   const i7 = void 0 === t7 ? 0 : o10;
   t7 ??= o10;
   for (let o11 = i7; e10 > 0 ? o11 < t7 : t7 < o11; o11 += e10) yield o11;
 }
 
 // dist/styles/audio-visualiser.js
-var AudioVisualiserStyles = i`
+var AudioVisualiserStyles = i2`
   :host {
     height: 100%;
   }
@@ -13252,13 +13350,13 @@ function normalizeToRange(value, min = 0, max = 1) {
 }
 
 // dist/components/audio-visualiser.js
-var __decorate2 = function(decorators, target, key, desc) {
+var __decorate10 = function(decorators, target, key, desc) {
   var c6 = arguments.length, r7 = c6 < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d3;
   if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r7 = Reflect.decorate(decorators, target, key, desc);
   else for (var i7 = decorators.length - 1; i7 >= 0; i7--) if (d3 = decorators[i7]) r7 = (c6 < 3 ? d3(r7) : c6 > 3 ? d3(target, key, r7) : d3(target, key)) || r7;
   return c6 > 3 && r7 && Object.defineProperty(target, key, r7), r7;
 };
-var DictationAudioVisualiser = class DictationAudioVisualiser2 extends i4 {
+var DictationAudioVisualiser = class DictationAudioVisualiser2 extends i5 {
   constructor() {
     super(...arguments);
     this.level = 0;
@@ -13272,12 +13370,12 @@ var DictationAudioVisualiser = class DictationAudioVisualiser2 extends i4 {
   }
   render() {
     const activeSegments = Math.round(this.level * this.segmentCount);
-    const segments = o8(o9(this.segmentCount), (i7) => x`<div class=${e6({
+    const segments = o6(o7(this.segmentCount), (i7) => x`<div class=${e8({
       active: i7 < activeSegments,
       segment: true
     })} />`);
     return x`
-      <div class=${e6({
+      <div class=${e8({
       active: this.active,
       container: true
     })}>
@@ -13287,27 +13385,27 @@ var DictationAudioVisualiser = class DictationAudioVisualiser2 extends i4 {
   }
 };
 DictationAudioVisualiser.styles = audio_visualiser_default;
-__decorate2([
+__decorate10([
   n4({ type: Number })
 ], DictationAudioVisualiser.prototype, "level", void 0);
-__decorate2([
+__decorate10([
   n4({ type: Boolean })
 ], DictationAudioVisualiser.prototype, "active", void 0);
-__decorate2([
+__decorate10([
   n4({ type: Number })
 ], DictationAudioVisualiser.prototype, "segmentCount", void 0);
-DictationAudioVisualiser = __decorate2([
-  t3("dictation-audio-visualiser")
+DictationAudioVisualiser = __decorate10([
+  t2("dictation-audio-visualiser")
 ], DictationAudioVisualiser);
 
 // dist/icons/icons.js
-var __decorate3 = function(decorators, target, key, desc) {
+var __decorate11 = function(decorators, target, key, desc) {
   var c6 = arguments.length, r7 = c6 < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d3;
   if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r7 = Reflect.decorate(decorators, target, key, desc);
   else for (var i7 = decorators.length - 1; i7 >= 0; i7--) if (d3 = decorators[i7]) r7 = (c6 < 3 ? d3(r7) : c6 > 3 ? d3(target, key, r7) : d3(target, key)) || r7;
   return c6 > 3 && r7 && Object.defineProperty(target, key, r7), r7;
 };
-var IconMicOn = class IconMicOn2 extends i4 {
+var IconMicOn = class IconMicOn2 extends i5 {
   render() {
     return x`
       <div style="display: flex">
@@ -13331,10 +13429,10 @@ var IconMicOn = class IconMicOn2 extends i4 {
     `;
   }
 };
-IconMicOn = __decorate3([
-  t3("icon-mic-on")
+IconMicOn = __decorate11([
+  t2("icon-mic-on")
 ], IconMicOn);
-var IconMicOff = class IconMicOff2 extends i4 {
+var IconMicOff = class IconMicOff2 extends i5 {
   render() {
     return x` <div style="display: flex">
       <svg
@@ -13359,10 +13457,10 @@ var IconMicOff = class IconMicOff2 extends i4 {
     </div>`;
   }
 };
-IconMicOff = __decorate3([
-  t3("icon-mic-off")
+IconMicOff = __decorate11([
+  t2("icon-mic-off")
 ], IconMicOff);
-var IconRecording = class IconRecording2 extends i4 {
+var IconRecording = class IconRecording2 extends i5 {
   render() {
     return x`
       <div style="display: flex;">
@@ -13385,10 +13483,10 @@ var IconRecording = class IconRecording2 extends i4 {
     `;
   }
 };
-IconRecording = __decorate3([
-  t3("icon-recording")
+IconRecording = __decorate11([
+  t2("icon-recording")
 ], IconRecording);
-var IconSettings = class IconSettings2 extends i4 {
+var IconSettings = class IconSettings2 extends i5 {
   render() {
     return x`<div style="display: flex">
       <svg
@@ -13411,10 +13509,10 @@ var IconSettings = class IconSettings2 extends i4 {
     </div>`;
   }
 };
-IconSettings = __decorate3([
-  t3("icon-settings")
+IconSettings = __decorate11([
+  t2("icon-settings")
 ], IconSettings);
-var IconLoadingSpinner = class IconLoadingSpinner2 extends i4 {
+var IconLoadingSpinner = class IconLoadingSpinner2 extends i5 {
   render() {
     return x`<div style="display: flex">
       <svg
@@ -13434,7 +13532,7 @@ var IconLoadingSpinner = class IconLoadingSpinner2 extends i4 {
     </div>`;
   }
 };
-IconLoadingSpinner.styles = i`
+IconLoadingSpinner.styles = i2`
     @keyframes spin {
       0% {
         transform: rotate(0deg);
@@ -13447,18 +13545,18 @@ IconLoadingSpinner.styles = i`
       animation: spin 1s linear infinite;
     }
   `;
-IconLoadingSpinner = __decorate3([
-  t3("icon-loading-spinner")
+IconLoadingSpinner = __decorate11([
+  t2("icon-loading-spinner")
 ], IconLoadingSpinner);
 
-// dist/components/recording-button.js
-var __decorate4 = function(decorators, target, key, desc) {
+// dist/components/recording-button-base.js
+var __decorate12 = function(decorators, target, key, desc) {
   var c6 = arguments.length, r7 = c6 < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d3;
   if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r7 = Reflect.decorate(decorators, target, key, desc);
   else for (var i7 = decorators.length - 1; i7 >= 0; i7--) if (d3 = decorators[i7]) r7 = (c6 < 3 ? d3(r7) : c6 > 3 ? d3(target, key, r7) : d3(target, key)) || r7;
   return c6 > 3 && r7 && Object.defineProperty(target, key, r7), r7;
 };
-var __classPrivateFieldGet7 = function(receiver, state, kind, f5) {
+var __classPrivateFieldGet9 = function(receiver, state, kind, f5) {
   if (kind === "a" && !f5) throw new TypeError("Private accessor was defined without a getter");
   if (typeof state === "function" ? receiver !== state || !f5 : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
   return kind === "m" ? f5 : kind === "a" ? f5.call(receiver) : f5 ? f5.value : state.get(receiver);
@@ -13469,41 +13567,39 @@ var __classPrivateFieldSet6 = function(receiver, state, value, kind, f5) {
   if (typeof state === "function" ? receiver !== state || !f5 : !state.has(receiver)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
   return kind === "a" ? f5.call(receiver, value) : f5 ? f5.value = value : state.set(receiver, value), value;
 };
-var _DictationRecordingButton_instances;
-var _DictationRecordingButton_mediaController;
-var _DictationRecordingButton_dictationController;
-var _DictationRecordingButton_keybindingController;
-var _DictationRecordingButton_closeConnectionOnInit;
-var _DictationRecordingButton_processing;
-var _DictationRecordingButton_connection;
-var _DictationRecordingButton_handleClick;
-var _DictationRecordingButton_handleWebSocketMessage;
-var _DictationRecordingButton_handleWebSocketError;
-var _DictationRecordingButton_handleWebSocketClose;
-var _DictationRecordingButton_dispatchRecordingStateChanged;
-var _DictationRecordingButton_handleStart;
-var _DictationRecordingButton_handleStop;
-var DictationRecordingButton = class DictationRecordingButton2 extends i4 {
+var _RecordingButtonBase_instances;
+var _RecordingButtonBase_mediaController;
+var _RecordingButtonBase_keybindingController;
+var _RecordingButtonBase_closeConnectionOnInit;
+var _RecordingButtonBase_processing;
+var _RecordingButtonBase_connection;
+var _RecordingButtonBase_handleClick;
+var _RecordingButtonBase_handleWebSocketMessage;
+var _RecordingButtonBase_handleWebSocketError;
+var _RecordingButtonBase_handleWebSocketClose;
+var _RecordingButtonBase_dispatchRecordingStateChanged;
+var _RecordingButtonBase_handleStart;
+var _RecordingButtonBase_handleStop;
+var RecordingButtonBase = class extends i5 {
   constructor() {
     super(...arguments);
-    _DictationRecordingButton_instances.add(this);
+    _RecordingButtonBase_instances.add(this);
     this._recordingState = "stopped";
     this.allowButtonFocus = false;
-    _DictationRecordingButton_mediaController.set(this, new MediaController(this));
-    _DictationRecordingButton_dictationController.set(this, new DictationController(this));
-    _DictationRecordingButton_keybindingController.set(this, new KeybindingController(this));
-    _DictationRecordingButton_closeConnectionOnInit.set(this, false);
-    _DictationRecordingButton_processing.set(this, false);
-    _DictationRecordingButton_connection.set(this, "CLOSED");
-    _DictationRecordingButton_handleWebSocketMessage.set(this, (message) => {
+    _RecordingButtonBase_mediaController.set(this, new MediaController(this));
+    _RecordingButtonBase_keybindingController.set(this, new KeybindingController(this));
+    _RecordingButtonBase_closeConnectionOnInit.set(this, false);
+    _RecordingButtonBase_processing.set(this, false);
+    _RecordingButtonBase_connection.set(this, "CLOSED");
+    _RecordingButtonBase_handleWebSocketMessage.set(this, (message) => {
       switch (message.type) {
         case "CONFIG_DENIED":
           this.dispatchEvent(errorEvent(`Config denied: ${message.reason ?? "Unknown reason"}`));
-          __classPrivateFieldGet7(this, _DictationRecordingButton_instances, "m", _DictationRecordingButton_handleStop).call(this);
+          __classPrivateFieldGet9(this, _RecordingButtonBase_instances, "m", _RecordingButtonBase_handleStop).call(this);
           break;
         case "CONFIG_TIMEOUT":
           this.dispatchEvent(errorEvent("Config timeout"));
-          __classPrivateFieldGet7(this, _DictationRecordingButton_instances, "m", _DictationRecordingButton_handleStop).call(this);
+          __classPrivateFieldGet9(this, _RecordingButtonBase_instances, "m", _RecordingButtonBase_handleStop).call(this);
           break;
         case "transcript":
           this.dispatchEvent(transcriptEvent(message));
@@ -13511,6 +13607,9 @@ var DictationRecordingButton = class DictationRecordingButton2 extends i4 {
         case "command":
           this.dispatchEvent(commandEvent(message));
           break;
+        case "facts":
+          this.dispatchEvent(factsEvent(message));
+          break;
         case "usage":
           this.dispatchEvent(usageEvent(message));
           break;
@@ -13519,36 +13618,41 @@ var DictationRecordingButton = class DictationRecordingButton2 extends i4 {
           break;
         case "error":
           this.dispatchEvent(errorEvent(message.error));
-          __classPrivateFieldGet7(this, _DictationRecordingButton_instances, "m", _DictationRecordingButton_handleStop).call(this);
+          __classPrivateFieldGet9(this, _RecordingButtonBase_instances, "m", _RecordingButtonBase_handleStop).call(this);
+          break;
+        case "ended":
+        case "ENDED":
+          __classPrivateFieldSet6(this, _RecordingButtonBase_processing, false, "f");
+          __classPrivateFieldGet9(this, _RecordingButtonBase_instances, "m", _RecordingButtonBase_dispatchRecordingStateChanged).call(this, this._recordingState);
           break;
         case "flushed":
           if (this._recordingState === "stopped" || this._recordingState === "stopping") {
-            __classPrivateFieldSet6(this, _DictationRecordingButton_processing, false, "f");
-            __classPrivateFieldGet7(this, _DictationRecordingButton_instances, "m", _DictationRecordingButton_dispatchRecordingStateChanged).call(this, this._recordingState);
+            __classPrivateFieldSet6(this, _RecordingButtonBase_processing, false, "f");
+            __classPrivateFieldGet9(this, _RecordingButtonBase_instances, "m", _RecordingButtonBase_dispatchRecordingStateChanged).call(this, this._recordingState);
           }
           break;
       }
     });
-    _DictationRecordingButton_handleWebSocketError.set(this, (error) => {
-      this.dispatchEvent(errorEvent("Socket error: " + error.message));
-      __classPrivateFieldSet6(this, _DictationRecordingButton_processing, false, "f");
-      __classPrivateFieldSet6(this, _DictationRecordingButton_connection, "CLOSED", "f");
-      __classPrivateFieldGet7(this, _DictationRecordingButton_instances, "m", _DictationRecordingButton_handleStop).call(this);
+    _RecordingButtonBase_handleWebSocketError.set(this, (error) => {
+      this.dispatchEvent(errorEvent(`Socket error: ${error.message}`));
+      __classPrivateFieldSet6(this, _RecordingButtonBase_processing, false, "f");
+      __classPrivateFieldSet6(this, _RecordingButtonBase_connection, "CLOSED", "f");
+      __classPrivateFieldGet9(this, _RecordingButtonBase_instances, "m", _RecordingButtonBase_handleStop).call(this);
     });
-    _DictationRecordingButton_handleWebSocketClose.set(this, (event) => {
-      if (__classPrivateFieldGet7(this, _DictationRecordingButton_dictationController, "f").isConnectionOpen() || __classPrivateFieldGet7(this, _DictationRecordingButton_dictationController, "f").isConnecting()) {
+    _RecordingButtonBase_handleWebSocketClose.set(this, (event) => {
+      if (this._socketController.isConnectionOpen() || this._socketController.isConnecting()) {
         return;
       }
-      __classPrivateFieldSet6(this, _DictationRecordingButton_processing, false, "f");
-      __classPrivateFieldSet6(this, _DictationRecordingButton_connection, "CLOSED", "f");
+      __classPrivateFieldSet6(this, _RecordingButtonBase_processing, false, "f");
+      __classPrivateFieldSet6(this, _RecordingButtonBase_connection, "CLOSED", "f");
       this.dispatchEvent(streamClosedEvent(event));
-      __classPrivateFieldGet7(this, _DictationRecordingButton_instances, "m", _DictationRecordingButton_dispatchRecordingStateChanged).call(this, this._recordingState);
+      __classPrivateFieldGet9(this, _RecordingButtonBase_instances, "m", _RecordingButtonBase_dispatchRecordingStateChanged).call(this, this._recordingState);
     });
   }
   update(changedProperties) {
-    if (changedProperties.has("_recordingState") && this._recordingState === "recording" && __classPrivateFieldGet7(this, _DictationRecordingButton_closeConnectionOnInit, "f")) {
-      __classPrivateFieldSet6(this, _DictationRecordingButton_closeConnectionOnInit, false, "f");
-      __classPrivateFieldGet7(this, _DictationRecordingButton_instances, "m", _DictationRecordingButton_handleStop).call(this);
+    if (changedProperties.has("_recordingState") && this._recordingState === "recording" && __classPrivateFieldGet9(this, _RecordingButtonBase_closeConnectionOnInit, "f")) {
+      __classPrivateFieldSet6(this, _RecordingButtonBase_closeConnectionOnInit, false, "f");
+      __classPrivateFieldGet9(this, _RecordingButtonBase_instances, "m", _RecordingButtonBase_handleStop).call(this);
     }
     super.update(changedProperties);
   }
@@ -13556,17 +13660,17 @@ var DictationRecordingButton = class DictationRecordingButton2 extends i4 {
     if (this._recordingState !== "stopped") {
       return;
     }
-    __classPrivateFieldGet7(this, _DictationRecordingButton_instances, "m", _DictationRecordingButton_handleStart).call(this);
+    __classPrivateFieldGet9(this, _RecordingButtonBase_instances, "m", _RecordingButtonBase_handleStart).call(this);
   }
   stopRecording() {
     if (this._recordingState === "stopped" || this._recordingState === "stopping") {
       return;
     }
     if (this._recordingState === "initializing") {
-      __classPrivateFieldSet6(this, _DictationRecordingButton_closeConnectionOnInit, true, "f");
+      __classPrivateFieldSet6(this, _RecordingButtonBase_closeConnectionOnInit, true, "f");
       return;
     }
-    __classPrivateFieldGet7(this, _DictationRecordingButton_instances, "m", _DictationRecordingButton_handleStop).call(this);
+    __classPrivateFieldGet9(this, _RecordingButtonBase_instances, "m", _RecordingButtonBase_handleStop).call(this);
   }
   toggleRecording() {
     if (this._recordingState === "stopped") {
@@ -13576,46 +13680,46 @@ var DictationRecordingButton = class DictationRecordingButton2 extends i4 {
     }
   }
   async openConnection() {
-    if (this._recordingState !== "stopped" || __classPrivateFieldGet7(this, _DictationRecordingButton_processing, "f")) {
+    if (this._recordingState !== "stopped" || __classPrivateFieldGet9(this, _RecordingButtonBase_processing, "f")) {
       return;
     }
-    if (__classPrivateFieldGet7(this, _DictationRecordingButton_dictationController, "f").isConnectionOpen()) {
+    if (this._socketController.isConnectionOpen()) {
       return;
     }
     try {
-      __classPrivateFieldSet6(this, _DictationRecordingButton_connection, "CONNECTING", "f");
-      __classPrivateFieldGet7(this, _DictationRecordingButton_instances, "m", _DictationRecordingButton_dispatchRecordingStateChanged).call(this, this._recordingState);
-      await __classPrivateFieldGet7(this, _DictationRecordingButton_dictationController, "f").connect(this._dictationConfig, {
-        onClose: __classPrivateFieldGet7(this, _DictationRecordingButton_handleWebSocketClose, "f"),
-        onError: __classPrivateFieldGet7(this, _DictationRecordingButton_handleWebSocketError, "f"),
-        onMessage: __classPrivateFieldGet7(this, _DictationRecordingButton_handleWebSocketMessage, "f"),
+      __classPrivateFieldSet6(this, _RecordingButtonBase_connection, "CONNECTING", "f");
+      __classPrivateFieldGet9(this, _RecordingButtonBase_instances, "m", _RecordingButtonBase_dispatchRecordingStateChanged).call(this, this._recordingState);
+      await this._socketController.connect(this._getConnectConfig(), {
+        onClose: __classPrivateFieldGet9(this, _RecordingButtonBase_handleWebSocketClose, "f"),
+        onError: __classPrivateFieldGet9(this, _RecordingButtonBase_handleWebSocketError, "f"),
+        onMessage: __classPrivateFieldGet9(this, _RecordingButtonBase_handleWebSocketMessage, "f"),
         onNetworkActivity: (direction, data) => {
           this.dispatchEvent(networkActivityEvent(direction, data));
         }
       });
-      __classPrivateFieldSet6(this, _DictationRecordingButton_connection, "OPEN", "f");
-      __classPrivateFieldGet7(this, _DictationRecordingButton_instances, "m", _DictationRecordingButton_dispatchRecordingStateChanged).call(this, this._recordingState);
+      __classPrivateFieldSet6(this, _RecordingButtonBase_connection, "OPEN", "f");
+      __classPrivateFieldGet9(this, _RecordingButtonBase_instances, "m", _RecordingButtonBase_dispatchRecordingStateChanged).call(this, this._recordingState);
     } catch (error) {
-      __classPrivateFieldSet6(this, _DictationRecordingButton_connection, "CLOSED", "f");
+      __classPrivateFieldSet6(this, _RecordingButtonBase_connection, "CLOSED", "f");
       this.dispatchEvent(errorEvent(error));
     }
   }
   async closeConnection() {
-    if (this._recordingState !== "stopped" || __classPrivateFieldGet7(this, _DictationRecordingButton_processing, "f")) {
+    if (this._recordingState !== "stopped" || __classPrivateFieldGet9(this, _RecordingButtonBase_processing, "f")) {
       return;
     }
-    if (__classPrivateFieldGet7(this, _DictationRecordingButton_dictationController, "f").isConnecting()) {
-      await __classPrivateFieldGet7(this, _DictationRecordingButton_dictationController, "f").waitForConnection();
+    if (this._socketController.isConnecting()) {
+      await this._socketController.waitForConnection();
     }
-    if (!__classPrivateFieldGet7(this, _DictationRecordingButton_dictationController, "f").isConnectionOpen()) {
-      __classPrivateFieldSet6(this, _DictationRecordingButton_connection, "CLOSED", "f");
-      __classPrivateFieldGet7(this, _DictationRecordingButton_instances, "m", _DictationRecordingButton_dispatchRecordingStateChanged).call(this, "stopped");
+    if (!this._socketController.isConnectionOpen()) {
+      __classPrivateFieldSet6(this, _RecordingButtonBase_connection, "CLOSED", "f");
+      __classPrivateFieldGet9(this, _RecordingButtonBase_instances, "m", _RecordingButtonBase_dispatchRecordingStateChanged).call(this, "stopped");
       return;
     }
     try {
-      __classPrivateFieldSet6(this, _DictationRecordingButton_connection, "CLOSING", "f");
-      __classPrivateFieldGet7(this, _DictationRecordingButton_instances, "m", _DictationRecordingButton_dispatchRecordingStateChanged).call(this, "stopped");
-      await __classPrivateFieldGet7(this, _DictationRecordingButton_dictationController, "f").closeConnection(__classPrivateFieldGet7(this, _DictationRecordingButton_handleWebSocketClose, "f"));
+      __classPrivateFieldSet6(this, _RecordingButtonBase_connection, "CLOSING", "f");
+      __classPrivateFieldGet9(this, _RecordingButtonBase_instances, "m", _RecordingButtonBase_dispatchRecordingStateChanged).call(this, "stopped");
+      await this._socketController.closeConnection(__classPrivateFieldGet9(this, _RecordingButtonBase_handleWebSocketClose, "f"));
     } catch (error) {
       this.dispatchEvent(errorEvent(error));
     }
@@ -13625,7 +13729,7 @@ var DictationRecordingButton = class DictationRecordingButton2 extends i4 {
     const isRecording = this._recordingState === "recording";
     return x`
       <button
-        @click=${__classPrivateFieldGet7(this, _DictationRecordingButton_instances, "m", _DictationRecordingButton_handleClick)}
+        @click=${__classPrivateFieldGet9(this, _RecordingButtonBase_instances, "m", _RecordingButtonBase_handleClick)}
         ?disabled=${isLoading}
         class=${isRecording ? "red" : "accent"}
         aria-label=${isRecording ? "Stop recording" : "Start recording"}
@@ -13633,57 +13737,45 @@ var DictationRecordingButton = class DictationRecordingButton2 extends i4 {
       >
         ${isLoading ? x`<icon-loading-spinner />` : isRecording ? x`<icon-recording />` : x`<icon-mic-on />`}
         <dictation-audio-visualiser
-          .level=${__classPrivateFieldGet7(this, _DictationRecordingButton_mediaController, "f").audioLevel}
+          .level=${__classPrivateFieldGet9(this, _RecordingButtonBase_mediaController, "f").audioLevel}
           ?active=${isRecording}
         />
       </button>
     `;
   }
 };
-_DictationRecordingButton_mediaController = /* @__PURE__ */ new WeakMap();
-_DictationRecordingButton_dictationController = /* @__PURE__ */ new WeakMap();
-_DictationRecordingButton_keybindingController = /* @__PURE__ */ new WeakMap();
-_DictationRecordingButton_closeConnectionOnInit = /* @__PURE__ */ new WeakMap();
-_DictationRecordingButton_processing = /* @__PURE__ */ new WeakMap();
-_DictationRecordingButton_connection = /* @__PURE__ */ new WeakMap();
-_DictationRecordingButton_handleWebSocketMessage = /* @__PURE__ */ new WeakMap();
-_DictationRecordingButton_handleWebSocketError = /* @__PURE__ */ new WeakMap();
-_DictationRecordingButton_handleWebSocketClose = /* @__PURE__ */ new WeakMap();
-_DictationRecordingButton_instances = /* @__PURE__ */ new WeakSet();
-_DictationRecordingButton_handleClick = function _DictationRecordingButton_handleClick2(event) {
+_RecordingButtonBase_mediaController = /* @__PURE__ */ new WeakMap(), _RecordingButtonBase_keybindingController = /* @__PURE__ */ new WeakMap(), _RecordingButtonBase_closeConnectionOnInit = /* @__PURE__ */ new WeakMap(), _RecordingButtonBase_processing = /* @__PURE__ */ new WeakMap(), _RecordingButtonBase_connection = /* @__PURE__ */ new WeakMap(), _RecordingButtonBase_handleWebSocketMessage = /* @__PURE__ */ new WeakMap(), _RecordingButtonBase_handleWebSocketError = /* @__PURE__ */ new WeakMap(), _RecordingButtonBase_handleWebSocketClose = /* @__PURE__ */ new WeakMap(), _RecordingButtonBase_instances = /* @__PURE__ */ new WeakSet(), _RecordingButtonBase_handleClick = function _RecordingButtonBase_handleClick2(event) {
   if (!this.allowButtonFocus) {
     event.preventDefault();
   }
   this.toggleRecording();
-};
-_DictationRecordingButton_dispatchRecordingStateChanged = function _DictationRecordingButton_dispatchRecordingStateChanged2(state) {
+}, _RecordingButtonBase_dispatchRecordingStateChanged = function _RecordingButtonBase_dispatchRecordingStateChanged2(state) {
   this.dispatchEvent(recordingStateChangedEvent(state, {
-    connection: __classPrivateFieldGet7(this, _DictationRecordingButton_connection, "f"),
-    processing: __classPrivateFieldGet7(this, _DictationRecordingButton_processing, "f")
+    connection: __classPrivateFieldGet9(this, _RecordingButtonBase_connection, "f"),
+    processing: __classPrivateFieldGet9(this, _RecordingButtonBase_processing, "f")
   }));
-};
-_DictationRecordingButton_handleStart = async function _DictationRecordingButton_handleStart2() {
-  __classPrivateFieldGet7(this, _DictationRecordingButton_instances, "m", _DictationRecordingButton_dispatchRecordingStateChanged).call(this, "initializing");
+}, _RecordingButtonBase_handleStart = async function _RecordingButtonBase_handleStart2() {
+  __classPrivateFieldGet9(this, _RecordingButtonBase_instances, "m", _RecordingButtonBase_dispatchRecordingStateChanged).call(this, "initializing");
   try {
-    await __classPrivateFieldGet7(this, _DictationRecordingButton_mediaController, "f").initialize(() => {
+    await __classPrivateFieldGet9(this, _RecordingButtonBase_mediaController, "f").initialize(() => {
       if (this._recordingState === "recording") {
         this.dispatchEvent(errorEvent("Recording device access was lost."));
-        __classPrivateFieldGet7(this, _DictationRecordingButton_instances, "m", _DictationRecordingButton_handleStop).call(this);
+        __classPrivateFieldGet9(this, _RecordingButtonBase_instances, "m", _RecordingButtonBase_handleStop).call(this);
       }
-    }, __classPrivateFieldGet7(this, _DictationRecordingButton_dictationController, "f").mediaRecorderHandler);
-    __classPrivateFieldGet7(this, _DictationRecordingButton_mediaController, "f").mediaRecorder?.start(AUDIO_CHUNK_INTERVAL_MS);
-    __classPrivateFieldGet7(this, _DictationRecordingButton_mediaController, "f").startAudioLevelMonitoring((level) => {
+    }, this._socketController.mediaRecorderHandler);
+    __classPrivateFieldGet9(this, _RecordingButtonBase_mediaController, "f").mediaRecorder?.start(AUDIO_CHUNK_INTERVAL_MS);
+    __classPrivateFieldGet9(this, _RecordingButtonBase_mediaController, "f").startAudioLevelMonitoring((level) => {
       this.dispatchEvent(audioLevelChangedEvent(level));
     });
-    __classPrivateFieldSet6(this, _DictationRecordingButton_processing, true, "f");
-    if (__classPrivateFieldGet7(this, _DictationRecordingButton_connection, "f") !== "OPEN") {
-      __classPrivateFieldSet6(this, _DictationRecordingButton_connection, "CONNECTING", "f");
+    __classPrivateFieldSet6(this, _RecordingButtonBase_processing, true, "f");
+    if (__classPrivateFieldGet9(this, _RecordingButtonBase_connection, "f") !== "OPEN") {
+      __classPrivateFieldSet6(this, _RecordingButtonBase_connection, "CONNECTING", "f");
     }
-    __classPrivateFieldGet7(this, _DictationRecordingButton_instances, "m", _DictationRecordingButton_dispatchRecordingStateChanged).call(this, "recording");
-    const isNewConnection = await __classPrivateFieldGet7(this, _DictationRecordingButton_dictationController, "f").connect(this._dictationConfig, {
-      onClose: __classPrivateFieldGet7(this, _DictationRecordingButton_handleWebSocketClose, "f"),
-      onError: __classPrivateFieldGet7(this, _DictationRecordingButton_handleWebSocketError, "f"),
-      onMessage: __classPrivateFieldGet7(this, _DictationRecordingButton_handleWebSocketMessage, "f"),
+    __classPrivateFieldGet9(this, _RecordingButtonBase_instances, "m", _RecordingButtonBase_dispatchRecordingStateChanged).call(this, "recording");
+    const isNewConnection = await this._socketController.connect(this._getConnectConfig(), {
+      onClose: __classPrivateFieldGet9(this, _RecordingButtonBase_handleWebSocketClose, "f"),
+      onError: __classPrivateFieldGet9(this, _RecordingButtonBase_handleWebSocketError, "f"),
+      onMessage: __classPrivateFieldGet9(this, _RecordingButtonBase_handleWebSocketMessage, "f"),
       onNetworkActivity: (direction, data) => {
         this.dispatchEvent(networkActivityEvent(direction, data));
       }
@@ -13691,83 +13783,404 @@ _DictationRecordingButton_handleStart = async function _DictationRecordingButton
     if (isNewConnection === "superseded") {
       return;
     }
-    __classPrivateFieldSet6(this, _DictationRecordingButton_connection, "OPEN", "f");
-    __classPrivateFieldGet7(this, _DictationRecordingButton_instances, "m", _DictationRecordingButton_dispatchRecordingStateChanged).call(this, this._recordingState);
+    __classPrivateFieldSet6(this, _RecordingButtonBase_connection, "OPEN", "f");
+    __classPrivateFieldGet9(this, _RecordingButtonBase_instances, "m", _RecordingButtonBase_dispatchRecordingStateChanged).call(this, this._recordingState);
   } catch (error) {
     this.dispatchEvent(errorEvent(error));
-    await __classPrivateFieldGet7(this, _DictationRecordingButton_instances, "m", _DictationRecordingButton_handleStop).call(this);
+    await __classPrivateFieldGet9(this, _RecordingButtonBase_instances, "m", _RecordingButtonBase_handleStop).call(this);
   }
-};
-_DictationRecordingButton_handleStop = async function _DictationRecordingButton_handleStop2() {
-  __classPrivateFieldGet7(this, _DictationRecordingButton_instances, "m", _DictationRecordingButton_dispatchRecordingStateChanged).call(this, "stopping");
+}, _RecordingButtonBase_handleStop = async function _RecordingButtonBase_handleStop2() {
+  __classPrivateFieldGet9(this, _RecordingButtonBase_instances, "m", _RecordingButtonBase_dispatchRecordingStateChanged).call(this, "stopping");
   try {
-    __classPrivateFieldGet7(this, _DictationRecordingButton_mediaController, "f").stopAudioLevelMonitoring();
-    await __classPrivateFieldGet7(this, _DictationRecordingButton_mediaController, "f").stopRecording();
-    __classPrivateFieldGet7(this, _DictationRecordingButton_instances, "m", _DictationRecordingButton_dispatchRecordingStateChanged).call(this, "stopped");
-    await __classPrivateFieldGet7(this, _DictationRecordingButton_dictationController, "f").pause();
-    await __classPrivateFieldGet7(this, _DictationRecordingButton_mediaController, "f").cleanup();
+    __classPrivateFieldGet9(this, _RecordingButtonBase_mediaController, "f").stopAudioLevelMonitoring();
+    await __classPrivateFieldGet9(this, _RecordingButtonBase_mediaController, "f").stopRecording();
+    await this._socketController.stopRecording();
+    await __classPrivateFieldGet9(this, _RecordingButtonBase_mediaController, "f").cleanup();
   } catch (error) {
     this.dispatchEvent(errorEvent(error));
   }
+  __classPrivateFieldGet9(this, _RecordingButtonBase_instances, "m", _RecordingButtonBase_dispatchRecordingStateChanged).call(this, "stopped");
+};
+RecordingButtonBase.styles = [recording_button_default, buttons_default];
+__decorate12([
+  c({ context: recordingStateContext, subscribe: true }),
+  r4()
+], RecordingButtonBase.prototype, "_recordingState", void 0);
+__decorate12([
+  c({ context: selectedDeviceContext, subscribe: true }),
+  r4()
+], RecordingButtonBase.prototype, "_selectedDevice", void 0);
+__decorate12([
+  c({ context: accessTokenContext, subscribe: true }),
+  r4()
+], RecordingButtonBase.prototype, "_accessToken", void 0);
+__decorate12([
+  c({ context: authConfigContext, subscribe: true }),
+  r4()
+], RecordingButtonBase.prototype, "_authConfig", void 0);
+__decorate12([
+  c({ context: regionContext, subscribe: true }),
+  r4()
+], RecordingButtonBase.prototype, "_region", void 0);
+__decorate12([
+  c({ context: tenantNameContext, subscribe: true }),
+  r4()
+], RecordingButtonBase.prototype, "_tenantName", void 0);
+__decorate12([
+  c({ context: socketUrlContext, subscribe: true }),
+  r4()
+], RecordingButtonBase.prototype, "_socketUrl", void 0);
+__decorate12([
+  c({ context: socketProxyContext, subscribe: true }),
+  r4()
+], RecordingButtonBase.prototype, "_socketProxy", void 0);
+__decorate12([
+  c({ context: debugDisplayAudioContext, subscribe: true }),
+  r4()
+], RecordingButtonBase.prototype, "_debug_displayAudio", void 0);
+__decorate12([
+  c({ context: pushToTalkKeybindingContext, subscribe: true }),
+  r4()
+], RecordingButtonBase.prototype, "_pushToTalkKeybinding", void 0);
+__decorate12([
+  c({ context: toggleToTalkKeybindingContext, subscribe: true }),
+  r4()
+], RecordingButtonBase.prototype, "_toggleToTalkKeybinding", void 0);
+__decorate12([
+  n4({ type: Boolean })
+], RecordingButtonBase.prototype, "allowButtonFocus", void 0);
+
+// dist/components/ambient-recording-button.js
+var __decorate13 = function(decorators, target, key, desc) {
+  var c6 = arguments.length, r7 = c6 < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d3;
+  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r7 = Reflect.decorate(decorators, target, key, desc);
+  else for (var i7 = decorators.length - 1; i7 >= 0; i7--) if (d3 = decorators[i7]) r7 = (c6 < 3 ? d3(r7) : c6 > 3 ? d3(target, key, r7) : d3(target, key)) || r7;
+  return c6 > 3 && r7 && Object.defineProperty(target, key, r7), r7;
+};
+var __classPrivateFieldGet10 = function(receiver, state, kind, f5) {
+  if (kind === "a" && !f5) throw new TypeError("Private accessor was defined without a getter");
+  if (typeof state === "function" ? receiver !== state || !f5 : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
+  return kind === "m" ? f5 : kind === "a" ? f5.call(receiver) : f5 ? f5.value : state.get(receiver);
+};
+var _AmbientRecordingButton_instances;
+var _AmbientRecordingButton_trimmedInteractionId;
+var interactionIdRequiredError = () => new Error("interactionId is required. Set interactionId on ambient-root.");
+var AmbientRecordingButton = class AmbientRecordingButton2 extends RecordingButtonBase {
+  constructor() {
+    super(...arguments);
+    _AmbientRecordingButton_instances.add(this);
+    this._socketController = new AmbientController(this);
+  }
+  startRecording() {
+    if (!__classPrivateFieldGet10(this, _AmbientRecordingButton_instances, "m", _AmbientRecordingButton_trimmedInteractionId).call(this)) {
+      this.dispatchEvent(errorEvent(interactionIdRequiredError()));
+      return;
+    }
+    super.startRecording();
+  }
+  async openConnection() {
+    if (!__classPrivateFieldGet10(this, _AmbientRecordingButton_instances, "m", _AmbientRecordingButton_trimmedInteractionId).call(this)) {
+      this.dispatchEvent(errorEvent(interactionIdRequiredError()));
+      return;
+    }
+    await super.openConnection();
+  }
+  _getConnectConfig() {
+    const interactionId = __classPrivateFieldGet10(this, _AmbientRecordingButton_instances, "m", _AmbientRecordingButton_trimmedInteractionId).call(this);
+    if (!interactionId) {
+      throw interactionIdRequiredError();
+    }
+    return {
+      configuration: this._ambientConfig ?? DEFAULT_STREAM_CONFIG,
+      interactionId
+    };
+  }
+};
+_AmbientRecordingButton_instances = /* @__PURE__ */ new WeakSet();
+_AmbientRecordingButton_trimmedInteractionId = function _AmbientRecordingButton_trimmedInteractionId2() {
+  return this._interactionId?.trim();
+};
+__decorate13([
+  c({ context: ambientConfigContext, subscribe: true }),
+  r4()
+], AmbientRecordingButton.prototype, "_ambientConfig", void 0);
+__decorate13([
+  c({ context: interactionIdContext, subscribe: true }),
+  r4()
+], AmbientRecordingButton.prototype, "_interactionId", void 0);
+AmbientRecordingButton = __decorate13([
+  t2("ambient-recording-button")
+], AmbientRecordingButton);
+
+// node_modules/lit-html/directive-helpers.js
+var { I: t6 } = Z;
+var f3 = (o10) => void 0 === o10.strings;
+
+// node_modules/lit-html/async-directive.js
+var s7 = (i7, t7) => {
+  const e10 = i7._$AN;
+  if (void 0 === e10) return false;
+  for (const i8 of e10) i8._$AO?.(t7, false), s7(i8, t7);
+  return true;
+};
+var o8 = (i7) => {
+  let t7, e10;
+  do {
+    if (void 0 === (t7 = i7._$AM)) break;
+    e10 = t7._$AN, e10.delete(i7), i7 = t7;
+  } while (0 === e10?.size);
+};
+var r6 = (i7) => {
+  for (let t7; t7 = i7._$AM; i7 = t7) {
+    let e10 = t7._$AN;
+    if (void 0 === e10) t7._$AN = e10 = /* @__PURE__ */ new Set();
+    else if (e10.has(i7)) break;
+    e10.add(i7), c5(t7);
+  }
+};
+function h3(i7) {
+  void 0 !== this._$AN ? (o8(this), this._$AM = i7, r6(this)) : this._$AM = i7;
+}
+function n6(i7, t7 = false, e10 = 0) {
+  const r7 = this._$AH, h5 = this._$AN;
+  if (void 0 !== h5 && 0 !== h5.size) if (t7) if (Array.isArray(r7)) for (let i8 = e10; i8 < r7.length; i8++) s7(r7[i8], false), o8(r7[i8]);
+  else null != r7 && (s7(r7, false), o8(r7));
+  else s7(this, i7);
+}
+var c5 = (i7) => {
+  i7.type == t5.CHILD && (i7._$AP ??= n6, i7._$AQ ??= h3);
+};
+var f4 = class extends i6 {
+  constructor() {
+    super(...arguments), this._$AN = void 0;
+  }
+  _$AT(i7, t7, e10) {
+    super._$AT(i7, t7, e10), r6(this), this.isConnected = i7._$AU;
+  }
+  _$AO(i7, t7 = true) {
+    i7 !== this.isConnected && (this.isConnected = i7, i7 ? this.reconnected?.() : this.disconnected?.()), t7 && (s7(this, i7), o8(this));
+  }
+  setValue(t7) {
+    if (f3(this._$Ct)) this._$Ct._$AI(t7, this);
+    else {
+      const i7 = [...this._$Ct._$AH];
+      i7[this._$Ci] = t7, this._$Ct._$AI(i7, this, 0);
+    }
+  }
+  disconnected() {
+  }
+  reconnected() {
+  }
+};
+
+// node_modules/lit-html/directives/ref.js
+var e9 = () => new h4();
+var h4 = class {
+};
+var o9 = /* @__PURE__ */ new WeakMap();
+var n7 = e7(class extends f4 {
+  render(i7) {
+    return E;
+  }
+  update(i7, [s8]) {
+    const e10 = s8 !== this.G;
+    return e10 && void 0 !== this.G && this.rt(void 0), (e10 || this.lt !== this.ct) && (this.G = s8, this.ht = i7.options?.host, this.rt(this.ct = i7.element)), E;
+  }
+  rt(t7) {
+    if (this.isConnected || (t7 = void 0), "function" == typeof this.G) {
+      const i7 = this.ht ?? globalThis;
+      let s8 = o9.get(i7);
+      void 0 === s8 && (s8 = /* @__PURE__ */ new WeakMap(), o9.set(i7, s8)), void 0 !== s8.get(this.G) && this.G.call(this.ht, void 0), s8.set(this.G, t7), void 0 !== t7 && this.G.call(this.ht, t7);
+    } else this.G.value = t7;
+  }
+  get lt() {
+    return "function" == typeof this.G ? o9.get(this.ht ?? globalThis)?.get(this.G) : this.G?.value;
+  }
+  disconnected() {
+    this.lt === this.ct && this.rt(void 0);
+  }
+  reconnected() {
+    this.rt(this.ct);
+  }
+});
+
+// dist/components/corti-root.js
+var __decorate14 = function(decorators, target, key, desc) {
+  var c6 = arguments.length, r7 = c6 < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d3;
+  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r7 = Reflect.decorate(decorators, target, key, desc);
+  else for (var i7 = decorators.length - 1; i7 >= 0; i7--) if (d3 = decorators[i7]) r7 = (c6 < 3 ? d3(r7) : c6 > 3 ? d3(target, key, r7) : d3(target, key)) || r7;
+  return c6 > 3 && r7 && Object.defineProperty(target, key, r7), r7;
+};
+var CortiRoot = class extends i5 {
+  constructor() {
+    super(...arguments);
+    this.settingsEnabled = ["device", "language"];
+    this.allowButtonFocus = false;
+    this._contextProviderRef = e9();
+    this._recordingButtonRef = e9();
+  }
+  /**
+   * 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 this._contextProviderRef.value?.languages || this._languagesSupported || [];
+  }
+  /**
+   * List of available recording devices
+   */
+  set devices(value) {
+    this._devices = value;
+  }
+  get devices() {
+    return this._contextProviderRef.value?.devices || this._devices || [];
+  }
+  /**
+   * The selected device used for recording (MediaDeviceInfo).
+   */
+  set selectedDevice(value) {
+    this._selectedDevice = value;
+  }
+  get selectedDevice() {
+    return this._contextProviderRef.value?.selectedDevice || this._selectedDevice;
+  }
+  /**
+   * 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 this._contextProviderRef.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 this._contextProviderRef.value?.toggleToTalkKeybinding || this._toggleToTalkKeybinding;
+  }
+  // ─────────────────────────────────────────────────────────────────────────────
+  // Public methods
+  // ─────────────────────────────────────────────────────────────────────────────
+  /**
+   * Current state of recording (stopped, recording, initializing and stopping, ).
+   */
+  get recordingState() {
+    return this._contextProviderRef.value?.recordingState ?? "stopped";
+  }
+  /**
+   * Starts a recording.
+   */
+  startRecording() {
+    this._recordingButtonRef.value?.startRecording();
+  }
+  /**
+   * Stops a recording.
+   */
+  stopRecording() {
+    this._recordingButtonRef.value?.stopRecording();
+  }
+  /**
+   * Starts or stops recording. Convenience layer on top of the start/stop methods.
+   */
+  toggleRecording() {
+    this._recordingButtonRef.value?.toggleRecording();
+  }
+  /**
+   * Opens the WebSocket connection without starting recording.
+   * Use this to pre-establish the connection before recording starts.
+   */
+  async openConnection() {
+    await this._recordingButtonRef.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 this._recordingButtonRef.value?.closeConnection();
+  }
+  // ─────────────────────────────────────────────────────────────────────────────
+  // Render
+  // ─────────────────────────────────────────────────────────────────────────────
+  render() {
+    return x``;
+  }
 };
-DictationRecordingButton.styles = [recording_button_default, buttons_default];
-__decorate4([
-  c5({ context: recordingStateContext, subscribe: true }),
-  r5()
-], DictationRecordingButton.prototype, "_recordingState", void 0);
-__decorate4([
-  c5({ context: selectedDeviceContext, subscribe: true }),
-  r5()
-], DictationRecordingButton.prototype, "_selectedDevice", void 0);
-__decorate4([
-  c5({ context: accessTokenContext, subscribe: true }),
-  r5()
-], DictationRecordingButton.prototype, "_accessToken", void 0);
-__decorate4([
-  c5({ context: authConfigContext, subscribe: true }),
-  r5()
-], DictationRecordingButton.prototype, "_authConfig", void 0);
-__decorate4([
-  c5({ context: regionContext, subscribe: true }),
-  r5()
-], DictationRecordingButton.prototype, "_region", void 0);
-__decorate4([
-  c5({ context: tenantNameContext, subscribe: true }),
-  r5()
-], DictationRecordingButton.prototype, "_tenantName", void 0);
-__decorate4([
-  c5({ context: dictationConfigContext, subscribe: true }),
-  r5()
-], DictationRecordingButton.prototype, "_dictationConfig", void 0);
-__decorate4([
-  c5({ context: socketUrlContext, subscribe: true }),
-  r5()
-], DictationRecordingButton.prototype, "_socketUrl", void 0);
-__decorate4([
-  c5({ context: socketProxyContext, subscribe: true }),
-  r5()
-], DictationRecordingButton.prototype, "_socketProxy", void 0);
-__decorate4([
-  c5({ context: debugDisplayAudioContext, subscribe: true }),
-  r5()
-], DictationRecordingButton.prototype, "_debug_displayAudio", void 0);
-__decorate4([
-  c5({ context: pushToTalkKeybindingContext, subscribe: true }),
-  r5()
-], DictationRecordingButton.prototype, "_pushToTalkKeybinding", void 0);
-__decorate4([
-  c5({ context: toggleToTalkKeybindingContext, subscribe: true }),
-  r5()
-], DictationRecordingButton.prototype, "_toggleToTalkKeybinding", void 0);
-__decorate4([
+CortiRoot.styles = i2`
+    .hidden {
+      display: none;
+    }
+  `;
+__decorate14([
+  n4({ type: String })
+], CortiRoot.prototype, "accessToken", void 0);
+__decorate14([
+  n4({ attribute: false, type: Object })
+], CortiRoot.prototype, "authConfig", void 0);
+__decorate14([
+  n4({ type: String })
+], CortiRoot.prototype, "socketUrl", void 0);
+__decorate14([
+  n4({ attribute: false, type: Object })
+], CortiRoot.prototype, "socketProxy", void 0);
+__decorate14([
+  n4({
+    converter: commaSeparatedConverter,
+    type: Array
+  })
+], CortiRoot.prototype, "settingsEnabled", void 0);
+__decorate14([
   n4({ type: Boolean })
-], DictationRecordingButton.prototype, "allowButtonFocus", void 0);
-DictationRecordingButton = __decorate4([
-  t3("dictation-recording-button")
-], DictationRecordingButton);
+], CortiRoot.prototype, "allowButtonFocus", void 0);
+__decorate14([
+  n4({
+    converter: commaSeparatedConverter,
+    type: Array
+  })
+], CortiRoot.prototype, "languagesSupported", null);
+__decorate14([
+  r4()
+], CortiRoot.prototype, "_languagesSupported", void 0);
+__decorate14([
+  n4({ attribute: false, type: Array })
+], CortiRoot.prototype, "devices", null);
+__decorate14([
+  r4()
+], CortiRoot.prototype, "_devices", void 0);
+__decorate14([
+  n4({ attribute: false, type: Object })
+], CortiRoot.prototype, "selectedDevice", null);
+__decorate14([
+  r4()
+], CortiRoot.prototype, "_selectedDevice", void 0);
+__decorate14([
+  n4({ type: String })
+], CortiRoot.prototype, "pushToTalkKeybinding", null);
+__decorate14([
+  r4()
+], CortiRoot.prototype, "_pushToTalkKeybinding", void 0);
+__decorate14([
+  n4({ type: String })
+], CortiRoot.prototype, "toggleToTalkKeybinding", null);
+__decorate14([
+  r4()
+], CortiRoot.prototype, "_toggleToTalkKeybinding", void 0);
 
 // dist/styles/callout.js
-var CalloutStyles = i`
+var CalloutStyles = i2`
   .callout {
     background: var(--callout-info-background, light-dark(#007bff33, #0056b333));
     border: 1px solid var(--callout-info-border, light-dark(#007bff99, #0056b399));
@@ -13790,7 +14203,7 @@ var CalloutStyles = i`
 var callout_default = CalloutStyles;
 
 // dist/styles/settings-menu.js
-var SettingsMenuStyles = i`
+var SettingsMenuStyles = i2`
   :host {
     display: block;
   }
@@ -13826,7 +14239,7 @@ var settings_menu_default = SettingsMenuStyles;
 // dist/styles/select.js
 var SelectStyles = [
   LabelStyles,
-  i`
+  i2`
   select {
     background: var(--card-background, light-dark(#fff, #333));
     color: var(--component-text-color, light-dark(#333, #eee));
@@ -13855,20 +14268,20 @@ var SelectStyles = [
 var select_default = SelectStyles;
 
 // dist/components/device-selector.js
-var __decorate5 = function(decorators, target, key, desc) {
+var __decorate15 = function(decorators, target, key, desc) {
   var c6 = arguments.length, r7 = c6 < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d3;
   if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r7 = Reflect.decorate(decorators, target, key, desc);
   else for (var i7 = decorators.length - 1; i7 >= 0; i7--) if (d3 = decorators[i7]) r7 = (c6 < 3 ? d3(r7) : c6 > 3 ? d3(target, key, r7) : d3(target, key)) || r7;
   return c6 > 3 && r7 && Object.defineProperty(target, key, r7), r7;
 };
-var __classPrivateFieldGet8 = function(receiver, state, kind, f5) {
+var __classPrivateFieldGet11 = function(receiver, state, kind, f5) {
   if (kind === "a" && !f5) throw new TypeError("Private accessor was defined without a getter");
   if (typeof state === "function" ? receiver !== state || !f5 : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
   return kind === "m" ? f5 : kind === "a" ? f5.call(receiver) : f5 ? f5.value : state.get(receiver);
 };
 var _DictationDeviceSelector_instances;
 var _DictationDeviceSelector_handleSelectDevice;
-var DictationDeviceSelector = class DictationDeviceSelector2 extends i4 {
+var DictationDeviceSelector = class DictationDeviceSelector2 extends i5 {
   constructor() {
     super(...arguments);
     _DictationDeviceSelector_instances.add(this);
@@ -13883,7 +14296,7 @@ var DictationDeviceSelector = class DictationDeviceSelector2 extends i4 {
         <select
           id="device-select"
           aria-labelledby="device-select-label"
-          @change=${__classPrivateFieldGet8(this, _DictationDeviceSelector_instances, "m", _DictationDeviceSelector_handleSelectDevice)}
+          @change=${__classPrivateFieldGet11(this, _DictationDeviceSelector_instances, "m", _DictationDeviceSelector_handleSelectDevice)}
           ?disabled=${this.disabled || !this._devices || this._devices.length === 0}
         >
           ${this._devices?.map((device) => x`
@@ -13909,25 +14322,25 @@ _DictationDeviceSelector_handleSelectDevice = function _DictationDeviceSelector_
   this.dispatchEvent(recordingDevicesChangedEvent(this._devices || [], device));
 };
 DictationDeviceSelector.styles = select_default;
-__decorate5([
-  c5({ context: devicesContext, subscribe: true }),
-  r5()
+__decorate15([
+  c({ context: devicesContext, subscribe: true }),
+  r4()
 ], DictationDeviceSelector.prototype, "_devices", void 0);
-__decorate5([
-  c5({ context: selectedDeviceContext, subscribe: true }),
-  r5()
+__decorate15([
+  c({ context: selectedDeviceContext, subscribe: true }),
+  r4()
 ], DictationDeviceSelector.prototype, "_selectedDevice", void 0);
-__decorate5([
+__decorate15([
   n4({ type: Boolean })
 ], DictationDeviceSelector.prototype, "disabled", void 0);
-DictationDeviceSelector = __decorate5([
-  t3("dictation-device-selector")
+DictationDeviceSelector = __decorate15([
+  t2("dictation-device-selector")
 ], DictationDeviceSelector);
 
 // dist/styles/keybinding-selector.js
 var KeybindingSelectorStyles = [
   LabelStyles,
-  i`
+  i2`
   :host {
     display: block;
   }
@@ -14002,13 +14415,13 @@ var KeybindingSelectorStyles = [
 var keybinding_selector_default = KeybindingSelectorStyles;
 
 // dist/components/keybinding-input.js
-var __decorate6 = function(decorators, target, key, desc) {
+var __decorate16 = function(decorators, target, key, desc) {
   var c6 = arguments.length, r7 = c6 < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d3;
   if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r7 = Reflect.decorate(decorators, target, key, desc);
   else for (var i7 = decorators.length - 1; i7 >= 0; i7--) if (d3 = decorators[i7]) r7 = (c6 < 3 ? d3(r7) : c6 > 3 ? d3(target, key, r7) : d3(target, key)) || r7;
   return c6 > 3 && r7 && Object.defineProperty(target, key, r7), r7;
 };
-var __classPrivateFieldGet9 = function(receiver, state, kind, f5) {
+var __classPrivateFieldGet12 = function(receiver, state, kind, f5) {
   if (kind === "a" && !f5) throw new TypeError("Private accessor was defined without a getter");
   if (typeof state === "function" ? receiver !== state || !f5 : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
   return kind === "m" ? f5 : kind === "a" ? f5.call(receiver) : f5 ? f5.value : state.get(receiver);
@@ -14017,7 +14430,7 @@ var _DictationKeybindingInput_instances;
 var _DictationKeybindingInput_handleKeybindingInputFocus;
 var _DictationKeybindingInput_handleKeybindingInputBlur;
 var _DictationKeybindingInput_handleKeybindingKeyDown;
-var DictationKeybindingInput = class DictationKeybindingInput2 extends i4 {
+var DictationKeybindingInput = class DictationKeybindingInput2 extends i5 {
   constructor() {
     super(...arguments);
     _DictationKeybindingInput_instances.add(this);
@@ -14039,9 +14452,9 @@ var DictationKeybindingInput = class DictationKeybindingInput2 extends i4 {
             .value=""
             placeholder="Click and press a key..."
             readonly
-            @focusin=${__classPrivateFieldGet9(this, _DictationKeybindingInput_instances, "m", _DictationKeybindingInput_handleKeybindingInputFocus)}
-            @focusout=${__classPrivateFieldGet9(this, _DictationKeybindingInput_instances, "m", _DictationKeybindingInput_handleKeybindingInputBlur)}
-            @keydown=${__classPrivateFieldGet9(this, _DictationKeybindingInput_instances, "m", _DictationKeybindingInput_handleKeybindingKeyDown)}
+            @focusin=${__classPrivateFieldGet12(this, _DictationKeybindingInput_instances, "m", _DictationKeybindingInput_handleKeybindingInputFocus)}
+            @focusout=${__classPrivateFieldGet12(this, _DictationKeybindingInput_instances, "m", _DictationKeybindingInput_handleKeybindingInputBlur)}
+            @keydown=${__classPrivateFieldGet12(this, _DictationKeybindingInput_instances, "m", _DictationKeybindingInput_handleKeybindingKeyDown)}
             ?disabled=${this.disabled}
           />
         </div>
@@ -14066,35 +14479,35 @@ _DictationKeybindingInput_handleKeybindingKeyDown = function _DictationKeybindin
   this.dispatchEvent(keybindingChangedEvent(event.key, event.code, keybinding, this.keybindingType));
 };
 DictationKeybindingInput.styles = keybinding_selector_default;
-__decorate6([
+__decorate16([
   n4({ type: String })
 ], DictationKeybindingInput.prototype, "keybindingType", void 0);
-__decorate6([
-  c5({ context: pushToTalkKeybindingContext, subscribe: true }),
-  r5()
+__decorate16([
+  c({ context: pushToTalkKeybindingContext, subscribe: true }),
+  r4()
 ], DictationKeybindingInput.prototype, "_pushToTalkKeybinding", void 0);
-__decorate6([
-  c5({ context: toggleToTalkKeybindingContext, subscribe: true }),
-  r5()
+__decorate16([
+  c({ context: toggleToTalkKeybindingContext, subscribe: true }),
+  r4()
 ], DictationKeybindingInput.prototype, "_toggleToTalkKeybinding", void 0);
-__decorate6([
+__decorate16([
   n4({ type: Boolean })
 ], DictationKeybindingInput.prototype, "disabled", void 0);
-__decorate6([
-  r5()
+__decorate16([
+  r4()
 ], DictationKeybindingInput.prototype, "_isCapturingKeybinding", void 0);
-DictationKeybindingInput = __decorate6([
-  t3("dictation-keybinding-input")
+DictationKeybindingInput = __decorate16([
+  t2("dictation-keybinding-input")
 ], DictationKeybindingInput);
 
 // dist/components/keybinding-selector.js
-var __decorate7 = function(decorators, target, key, desc) {
+var __decorate17 = function(decorators, target, key, desc) {
   var c6 = arguments.length, r7 = c6 < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d3;
   if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r7 = Reflect.decorate(decorators, target, key, desc);
   else for (var i7 = decorators.length - 1; i7 >= 0; i7--) if (d3 = decorators[i7]) r7 = (c6 < 3 ? d3(r7) : c6 > 3 ? d3(target, key, r7) : d3(target, key)) || r7;
   return c6 > 3 && r7 && Object.defineProperty(target, key, r7), r7;
 };
-var DictationKeybindingSelector = class DictationKeybindingSelector2 extends i4 {
+var DictationKeybindingSelector = class DictationKeybindingSelector2 extends i5 {
   constructor() {
     super(...arguments);
     this.disabled = false;
@@ -14118,36 +14531,36 @@ var DictationKeybindingSelector = class DictationKeybindingSelector2 extends i4
   }
 };
 DictationKeybindingSelector.styles = keybinding_selector_default;
-__decorate7([
-  c5({ context: pushToTalkKeybindingContext, subscribe: true }),
-  r5()
+__decorate17([
+  c({ context: pushToTalkKeybindingContext, subscribe: true }),
+  r4()
 ], DictationKeybindingSelector.prototype, "_pushToTalkKeybinding", void 0);
-__decorate7([
-  c5({ context: toggleToTalkKeybindingContext, subscribe: true }),
-  r5()
+__decorate17([
+  c({ context: toggleToTalkKeybindingContext, subscribe: true }),
+  r4()
 ], DictationKeybindingSelector.prototype, "_toggleToTalkKeybinding", void 0);
-__decorate7([
+__decorate17([
   n4({ type: Boolean })
 ], DictationKeybindingSelector.prototype, "disabled", void 0);
-DictationKeybindingSelector = __decorate7([
-  t3("dictation-keybinding-selector")
+DictationKeybindingSelector = __decorate17([
+  t2("dictation-keybinding-selector")
 ], DictationKeybindingSelector);
 
 // dist/components/language-selector.js
-var __decorate8 = function(decorators, target, key, desc) {
+var __decorate18 = function(decorators, target, key, desc) {
   var c6 = arguments.length, r7 = c6 < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d3;
   if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r7 = Reflect.decorate(decorators, target, key, desc);
   else for (var i7 = decorators.length - 1; i7 >= 0; i7--) if (d3 = decorators[i7]) r7 = (c6 < 3 ? d3(r7) : c6 > 3 ? d3(target, key, r7) : d3(target, key)) || r7;
   return c6 > 3 && r7 && Object.defineProperty(target, key, r7), r7;
 };
-var __classPrivateFieldGet10 = function(receiver, state, kind, f5) {
+var __classPrivateFieldGet13 = function(receiver, state, kind, f5) {
   if (kind === "a" && !f5) throw new TypeError("Private accessor was defined without a getter");
   if (typeof state === "function" ? receiver !== state || !f5 : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
   return kind === "m" ? f5 : kind === "a" ? f5.call(receiver) : f5 ? f5.value : state.get(receiver);
 };
 var _DictationLanguageSelector_instances;
 var _DictationLanguageSelector_handleSelectLanguage;
-var DictationLanguageSelector = class DictationLanguageSelector2 extends i4 {
+var DictationLanguageSelector = class DictationLanguageSelector2 extends i5 {
   constructor() {
     super(...arguments);
     _DictationLanguageSelector_instances.add(this);
@@ -14162,7 +14575,7 @@ var DictationLanguageSelector = class DictationLanguageSelector2 extends i4 {
         <select
           id="language-select"
           aria-labelledby="language-select-label"
-          @change=${__classPrivateFieldGet10(this, _DictationLanguageSelector_instances, "m", _DictationLanguageSelector_handleSelectLanguage)}
+          @change=${__classPrivateFieldGet13(this, _DictationLanguageSelector_instances, "m", _DictationLanguageSelector_handleSelectLanguage)}
           ?disabled=${this.disabled || !this._languages || this._languages.length === 0}
         >
           ${this._languages?.map((language) => x`
@@ -14185,29 +14598,29 @@ _DictationLanguageSelector_handleSelectLanguage = function _DictationLanguageSel
   this.dispatchEvent(languageChangedEvent(language));
 };
 DictationLanguageSelector.styles = select_default;
-__decorate8([
-  c5({ context: languagesContext, subscribe: true }),
-  r5()
+__decorate18([
+  c({ context: languagesContext, subscribe: true }),
+  r4()
 ], DictationLanguageSelector.prototype, "_languages", void 0);
-__decorate8([
-  c5({ context: dictationConfigContext, subscribe: true }),
-  r5()
+__decorate18([
+  c({ context: dictationConfigContext, subscribe: true }),
+  r4()
 ], DictationLanguageSelector.prototype, "_dictationConfig", void 0);
-__decorate8([
+__decorate18([
   n4({ type: Boolean })
 ], DictationLanguageSelector.prototype, "disabled", void 0);
-DictationLanguageSelector = __decorate8([
-  t3("dictation-language-selector")
+DictationLanguageSelector = __decorate18([
+  t2("dictation-language-selector")
 ], DictationLanguageSelector);
 
 // dist/components/settings-menu.js
-var __decorate9 = function(decorators, target, key, desc) {
+var __decorate19 = function(decorators, target, key, desc) {
   var c6 = arguments.length, r7 = c6 < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d3;
   if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r7 = Reflect.decorate(decorators, target, key, desc);
   else for (var i7 = decorators.length - 1; i7 >= 0; i7--) if (d3 = decorators[i7]) r7 = (c6 < 3 ? d3(r7) : c6 > 3 ? d3(target, key, r7) : d3(target, key)) || r7;
   return c6 > 3 && r7 && Object.defineProperty(target, key, r7), r7;
 };
-var DictationSettingsMenu = class DictationSettingsMenu2 extends i4 {
+var DictationSettingsMenu = class DictationSettingsMenu2 extends i5 {
   constructor() {
     super(...arguments);
     this._recordingState = "stopped";
@@ -14253,110 +14666,165 @@ DictationSettingsMenu.styles = [
   buttons_default,
   callout_default
 ];
-__decorate9([
-  c5({ context: recordingStateContext, subscribe: true }),
-  r5()
+__decorate19([
+  c({ context: recordingStateContext, subscribe: true }),
+  r4()
 ], DictationSettingsMenu.prototype, "_recordingState", void 0);
-__decorate9([
+__decorate19([
   n4({
     converter: commaSeparatedConverter,
     type: Array
   })
 ], DictationSettingsMenu.prototype, "settingsEnabled", void 0);
-DictationSettingsMenu = __decorate9([
-  t3("dictation-settings-menu")
+DictationSettingsMenu = __decorate19([
+  t2("dictation-settings-menu")
 ], DictationSettingsMenu);
 
-// dist/components/corti-dictation.js
-var __decorate10 = function(decorators, target, key, desc) {
+// dist/components/corti-ambient.js
+var __decorate20 = function(decorators, target, key, desc) {
   var c6 = arguments.length, r7 = c6 < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d3;
   if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r7 = Reflect.decorate(decorators, target, key, desc);
   else for (var i7 = decorators.length - 1; i7 >= 0; i7--) if (d3 = decorators[i7]) r7 = (c6 < 3 ? d3(r7) : c6 > 3 ? d3(target, key, r7) : d3(target, key)) || r7;
   return c6 > 3 && r7 && Object.defineProperty(target, key, r7), r7;
 };
-var __classPrivateFieldGet11 = function(receiver, state, kind, f5) {
-  if (kind === "a" && !f5) throw new TypeError("Private accessor was defined without a getter");
-  if (typeof state === "function" ? receiver !== state || !f5 : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
-  return kind === "m" ? f5 : kind === "a" ? f5.call(receiver) : f5 ? f5.value : state.get(receiver);
-};
-var _CortiDictation_recordingButtonRef;
-var _CortiDictation_contextProviderRef;
-var CortiDictation = class CortiDictation2 extends i4 {
+var CortiAmbient = class CortiAmbient2 extends CortiRoot {
   constructor() {
     super(...arguments);
-    _CortiDictation_recordingButtonRef.set(this, e7());
-    _CortiDictation_contextProviderRef.set(this, e7());
-    this.settingsEnabled = ["device", "language"];
-    this.allowButtonFocus = false;
-    this.debug_displayAudio = false;
-    this._dictationConfig = DEFAULT_DICTATION_CONFIG;
+    this._ambientConfig = DEFAULT_STREAM_CONFIG;
   }
   /**
-   * List of all language codes available for use with the Web Component.
-   *  Default list depends on the accessToken
+   * Stream configuration for ambient capture (modes, transcription, etc.).
    */
-  set languagesSupported(value) {
-    this._languagesSupported = value;
+  set ambientConfig(value) {
+    this._ambientConfig = value;
   }
-  get languagesSupported() {
-    return __classPrivateFieldGet11(this, _CortiDictation_contextProviderRef, "f").value?.languages || this._languagesSupported || [];
+  get ambientConfig() {
+    return this._contextProviderRef.value?.ambientConfig ?? this._ambientConfig ?? DEFAULT_STREAM_CONFIG;
   }
   /**
-   * Configuration settings for dictation
+   * Stream interaction id passed to `stream.connect` for this session.
    */
-  set dictationConfig(value) {
-    this._dictationConfig = value;
+  set interactionId(value) {
+    this._interactionId = value;
   }
-  get dictationConfig() {
-    return __classPrivateFieldGet11(this, _CortiDictation_contextProviderRef, "f").value?.dictationConfig || this._dictationConfig;
+  get interactionId() {
+    return this._contextProviderRef.value?.interactionId ?? this._interactionId;
   }
-  /**
-   * List of available recording devices
-   */
-  set devices(value) {
-    this._devices = value;
+  // ─────────────────────────────────────────────────────────────────────────────
+  // Render
+  // ─────────────────────────────────────────────────────────────────────────────
+  render() {
+    const isHidden = !this.accessToken && !this.authConfig && !this.socketUrl && !this.socketProxy;
+    return x`
+      <ambient-root
+        ${n7(this._contextProviderRef)}
+        class=${e8({ 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
+          ${n7(this._recordingButtonRef)}
+          ?allowButtonFocus=${this.allowButtonFocus}
+        ></ambient-recording-button>
+        ${this.settingsEnabled?.length > 0 ? x`<dictation-settings-menu
+                .settingsEnabled=${this.settingsEnabled}
+              ></dictation-settings-menu>` : E}
+      </ambient-root>
+    `;
   }
-  get devices() {
-    return __classPrivateFieldGet11(this, _CortiDictation_contextProviderRef, "f").value?.devices || this._devices || [];
+};
+__decorate20([
+  n4({ attribute: false, type: Object })
+], CortiAmbient.prototype, "ambientConfig", null);
+__decorate20([
+  r4()
+], CortiAmbient.prototype, "_ambientConfig", void 0);
+__decorate20([
+  n4({ type: String })
+], CortiAmbient.prototype, "interactionId", null);
+__decorate20([
+  r4()
+], CortiAmbient.prototype, "_interactionId", void 0);
+CortiAmbient = __decorate20([
+  t2("corti-ambient")
+], CortiAmbient);
+
+// dist/controllers/dictation-controller.js
+var DictationController = class extends SocketController {
+  async stopRecording() {
+    await this.pause();
   }
-  /**
-   * The selected device used for recording (MediaDeviceInfo).
-   */
-  set selectedDevice(value) {
-    this._selectedDevice = value;
+  async _connectThroughProxy(dictationConfig, proxy) {
+    return await CortiWebSocketProxyClient.transcribe.connect({
+      // awaitConfiguration: false — CONFIG_* appears in network activity before the socket is configured server-side
+      awaitConfiguration: false,
+      configuration: dictationConfig,
+      proxy
+    });
   }
-  get selectedDevice() {
-    return __classPrivateFieldGet11(this, _CortiDictation_contextProviderRef, "f").value?.selectedDevice || this._selectedDevice;
+  async _connectThroughAuth(client, dictationConfig) {
+    return await client.transcribe.connect({
+      // awaitConfiguration: false — CONFIG_* appears in network activity before the socket is configured server-side
+      awaitConfiguration: false,
+      configuration: dictationConfig
+    });
   }
-  /**
-   * Current state of recording (stopped, recording, initializing and stopping, ).
-   */
-  get recordingState() {
-    return __classPrivateFieldGet11(this, _CortiDictation_contextProviderRef, "f").value?.recordingState || "stopped";
+};
+
+// dist/components/dictation-recording-button.js
+var __decorate21 = function(decorators, target, key, desc) {
+  var c6 = arguments.length, r7 = c6 < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d3;
+  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r7 = Reflect.decorate(decorators, target, key, desc);
+  else for (var i7 = decorators.length - 1; i7 >= 0; i7--) if (d3 = decorators[i7]) r7 = (c6 < 3 ? d3(r7) : c6 > 3 ? d3(target, key, r7) : d3(target, key)) || r7;
+  return c6 > 3 && r7 && Object.defineProperty(target, key, r7), r7;
+};
+var DictationRecordingButton = class DictationRecordingButton2 extends RecordingButtonBase {
+  constructor() {
+    super(...arguments);
+    this._socketController = new DictationController(this);
   }
-  /**
-   * 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;
+  _getConnectConfig() {
+    return this._dictationConfig ?? DEFAULT_DICTATION_CONFIG;
   }
-  get pushToTalkKeybinding() {
-    return __classPrivateFieldGet11(this, _CortiDictation_contextProviderRef, "f").value?.pushToTalkKeybinding || this._pushToTalkKeybinding;
+};
+__decorate21([
+  c({ context: dictationConfigContext, subscribe: true }),
+  r4()
+], DictationRecordingButton.prototype, "_dictationConfig", void 0);
+DictationRecordingButton = __decorate21([
+  t2("dictation-recording-button")
+], DictationRecordingButton);
+
+// dist/components/corti-dictation.js
+var __decorate22 = function(decorators, target, key, desc) {
+  var c6 = arguments.length, r7 = c6 < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d3;
+  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r7 = Reflect.decorate(decorators, target, key, desc);
+  else for (var i7 = decorators.length - 1; i7 >= 0; i7--) if (d3 = decorators[i7]) r7 = (c6 < 3 ? d3(r7) : c6 > 3 ? d3(target, key, r7) : d3(target, key)) || r7;
+  return c6 > 3 && r7 && Object.defineProperty(target, key, r7), r7;
+};
+var CortiDictation = class CortiDictation2 extends CortiRoot {
+  constructor() {
+    super(...arguments);
+    this.debug_displayAudio = false;
+    this._dictationConfig = DEFAULT_DICTATION_CONFIG;
   }
   /**
-   * 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
+   * Configuration settings for dictation
    */
-  set toggleToTalkKeybinding(value) {
-    this._toggleToTalkKeybinding = value;
+  set dictationConfig(value) {
+    this._dictationConfig = value;
   }
-  get toggleToTalkKeybinding() {
-    return __classPrivateFieldGet11(this, _CortiDictation_contextProviderRef, "f").value?.toggleToTalkKeybinding || this._toggleToTalkKeybinding;
+  get dictationConfig() {
+    return this._contextProviderRef.value?.dictationConfig || this._dictationConfig;
   }
   // ─────────────────────────────────────────────────────────────────────────────
   // Public methods
@@ -14368,7 +14836,7 @@ var CortiDictation = class CortiDictation2 extends i4 {
    */
   setAccessToken(token) {
     this.accessToken = token;
-    return __classPrivateFieldGet11(this, _CortiDictation_contextProviderRef, "f").value?.setAccessToken(token) ?? {
+    return this._contextProviderRef.value?.setAccessToken(token) ?? {
       accessToken: token,
       environment: void 0,
       tenant: void 0
@@ -14381,44 +14849,12 @@ var CortiDictation = class CortiDictation2 extends i4 {
    */
   async setAuthConfig(config) {
     this.authConfig = config;
-    return __classPrivateFieldGet11(this, _CortiDictation_contextProviderRef, "f").value?.setAuthConfig(config) ?? {
+    return this._contextProviderRef.value?.setAuthConfig(config) ?? {
       accessToken: void 0,
       environment: void 0,
       tenant: void 0
     };
   }
-  /**
-   * Starts a recording.
-   */
-  startRecording() {
-    __classPrivateFieldGet11(this, _CortiDictation_recordingButtonRef, "f").value?.startRecording();
-  }
-  /**
-   * Stops a recording.
-   */
-  stopRecording() {
-    __classPrivateFieldGet11(this, _CortiDictation_recordingButtonRef, "f").value?.stopRecording();
-  }
-  /**
-   * Starts or stops recording. Convenience layer on top of the start/stop methods.
-   */
-  toggleRecording() {
-    __classPrivateFieldGet11(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 __classPrivateFieldGet11(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 __classPrivateFieldGet11(this, _CortiDictation_recordingButtonRef, "f").value?.closeConnection();
-  }
   // ─────────────────────────────────────────────────────────────────────────────
   // Render
   // ─────────────────────────────────────────────────────────────────────────────
@@ -14426,8 +14862,8 @@ var CortiDictation = class CortiDictation2 extends i4 {
     const isHidden = !this.accessToken && !this.authConfig && !this.socketUrl && !this.socketProxy;
     return x`
       <dictation-root
-        ${n6(__classPrivateFieldGet11(this, _CortiDictation_contextProviderRef, "f"))}
-        class=${e6({ hidden: isHidden })}
+        ${n7(this._contextProviderRef)}
+        class=${e8({ hidden: isHidden })}
         .accessToken=${this.accessToken}
         .authConfig=${this.authConfig}
         .socketUrl=${this.socketUrl}
@@ -14441,7 +14877,7 @@ var CortiDictation = class CortiDictation2 extends i4 {
         .toggleToTalkKeybinding=${this._toggleToTalkKeybinding}
       >
         <dictation-recording-button
-          ${n6(__classPrivateFieldGet11(this, _CortiDictation_recordingButtonRef, "f"))}
+          ${n7(this._recordingButtonRef)}
           ?allowButtonFocus=${this.allowButtonFocus}
         ></dictation-recording-button>
         ${this.settingsEnabled?.length > 0 ? x`<dictation-settings-menu
@@ -14451,81 +14887,26 @@ var CortiDictation = class CortiDictation2 extends i4 {
     `;
   }
 };
-_CortiDictation_recordingButtonRef = /* @__PURE__ */ new WeakMap();
-_CortiDictation_contextProviderRef = /* @__PURE__ */ new WeakMap();
-CortiDictation.styles = i`
-    .hidden {
-      display: none;
-    }
-  `;
-__decorate10([
-  n4({ type: String })
-], CortiDictation.prototype, "accessToken", void 0);
-__decorate10([
-  n4({ attribute: false, type: Object })
-], CortiDictation.prototype, "authConfig", void 0);
-__decorate10([
-  n4({ type: String })
-], CortiDictation.prototype, "socketUrl", void 0);
-__decorate10([
-  n4({ attribute: false, type: Object })
-], CortiDictation.prototype, "socketProxy", void 0);
-__decorate10([
-  n4({
-    converter: commaSeparatedConverter,
-    type: Array
-  })
-], CortiDictation.prototype, "languagesSupported", null);
-__decorate10([
-  r5()
-], CortiDictation.prototype, "_languagesSupported", void 0);
-__decorate10([
-  n4({
-    converter: commaSeparatedConverter,
-    type: Array
-  })
-], CortiDictation.prototype, "settingsEnabled", void 0);
-__decorate10([
-  n4({ type: Boolean })
-], CortiDictation.prototype, "allowButtonFocus", void 0);
-__decorate10([
+__decorate22([
   n4({ attribute: "debug-display-audio", type: Boolean })
 ], CortiDictation.prototype, "debug_displayAudio", void 0);
-__decorate10([
+__decorate22([
   n4({ attribute: false, type: Object })
 ], CortiDictation.prototype, "dictationConfig", null);
-__decorate10([
-  r5()
+__decorate22([
+  r4()
 ], CortiDictation.prototype, "_dictationConfig", void 0);
-__decorate10([
-  n4({ attribute: false, type: Array })
-], CortiDictation.prototype, "devices", null);
-__decorate10([
-  r5()
-], CortiDictation.prototype, "_devices", void 0);
-__decorate10([
-  n4({ attribute: false, type: Object })
-], CortiDictation.prototype, "selectedDevice", null);
-__decorate10([
-  r5()
-], CortiDictation.prototype, "_selectedDevice", void 0);
-__decorate10([
-  n4({ type: String })
-], CortiDictation.prototype, "pushToTalkKeybinding", null);
-__decorate10([
-  r5()
-], CortiDictation.prototype, "_pushToTalkKeybinding", void 0);
-__decorate10([
-  n4({ type: String })
-], CortiDictation.prototype, "toggleToTalkKeybinding", null);
-__decorate10([
-  r5()
-], CortiDictation.prototype, "_toggleToTalkKeybinding", void 0);
-CortiDictation = __decorate10([
-  t3("corti-dictation")
+CortiDictation = __decorate22([
+  t2("corti-dictation")
 ], CortiDictation);
 
 // dist/index.js
+if (!customElements.get("ambient-recording-button")) {
+  customElements.define("ambient-recording-button", AmbientRecordingButton);
+}
+if (!customElements.get("corti-ambient")) {
+  customElements.define("corti-ambient", CortiAmbient);
+}
 if (!customElements.get("corti-dictation")) {
   customElements.define("corti-dictation", CortiDictation);
 }
@@ -14549,6 +14930,8 @@ if (!customElements.get("dictation-root")) {
 }
 var index_default = CortiDictation;
 export {
+  AmbientRecordingButton,
+  CortiAmbient,
   CortiDictation,
   DictationDeviceSelector,
   DictationKeybindingSelector,
@@ -14560,17 +14943,24 @@ export {
 };
 /*! Bundled license information:
 
-@lit/reactive-element/css-tag.js:
+@lit/context/lib/context-request-event.js:
+@lit/context/lib/create-context.js:
+@lit/context/lib/controllers/context-consumer.js:
+@lit/context/lib/value-notifier.js:
+@lit/context/lib/controllers/context-provider.js:
+@lit/context/lib/context-root.js:
+@lit/reactive-element/decorators/query-assigned-elements.js:
+lit-html/directives/map.js:
+lit-html/directives/range.js:
   (**
    * @license
-   * Copyright 2019 Google LLC
+   * Copyright 2021 Google LLC
    * SPDX-License-Identifier: BSD-3-Clause
    *)
 
-@lit/reactive-element/reactive-element.js:
-lit-html/lit-html.js:
-lit-element/lit-element.js:
+@lit/context/lib/decorators/provide.js:
 @lit/reactive-element/decorators/custom-element.js:
+@lit/reactive-element/reactive-element.js:
 @lit/reactive-element/decorators/property.js:
 @lit/reactive-element/decorators/state.js:
 @lit/reactive-element/decorators/event-options.js:
@@ -14579,35 +14969,28 @@ lit-element/lit-element.js:
 @lit/reactive-element/decorators/query-all.js:
 @lit/reactive-element/decorators/query-async.js:
 @lit/reactive-element/decorators/query-assigned-nodes.js:
+lit-html/lit-html.js:
+lit-element/lit-element.js:
 lit-html/directive.js:
 lit-html/async-directive.js:
-@lit/context/lib/decorators/provide.js:
   (**
    * @license
    * Copyright 2017 Google LLC
    * SPDX-License-Identifier: BSD-3-Clause
    *)
 
-lit-html/is-server.js:
 @lit/context/lib/decorators/consume.js:
+lit-html/is-server.js:
   (**
    * @license
    * Copyright 2022 Google LLC
    * SPDX-License-Identifier: BSD-3-Clause
    *)
 
-@lit/reactive-element/decorators/query-assigned-elements.js:
-@lit/context/lib/context-request-event.js:
-@lit/context/lib/create-context.js:
-@lit/context/lib/controllers/context-consumer.js:
-@lit/context/lib/value-notifier.js:
-@lit/context/lib/controllers/context-provider.js:
-@lit/context/lib/context-root.js:
-lit-html/directives/map.js:
-lit-html/directives/range.js:
+@lit/reactive-element/css-tag.js:
   (**
    * @license
-   * Copyright 2021 Google LLC
+   * Copyright 2019 Google LLC
    * SPDX-License-Identifier: BSD-3-Clause
    *)