@corti/dictation-web 0.4.0-rc.2 → 0.5.0-rc

package/dist/bundle.js

@@ -1079,6 +1079,28 @@ function networkActivityEvent(direction, data) {
     detail: { data, direction }
   });
 }
+function modeChangedEvent(mode) {
+  return new CustomEvent("mode-changed", {
+    bubbles: true,
+    composed: true,
+    detail: { mode }
+  });
+}
+function keybindingChangedEvent(key, code) {
+  return new CustomEvent("keybinding-changed", {
+    bubbles: true,
+    composed: true,
+    detail: { code, key }
+  });
+}
+function keybindingActivatedEvent(keyboardEvent) {
+  return new CustomEvent("keybinding-activated", {
+    bubbles: true,
+    cancelable: true,
+    composed: true,
+    detail: { keyboardEvent }
+  });
+}
 
 // dist/controllers/devices-controller.js
 var __classPrivateFieldSet = function(receiver, state, value, kind, f5) {
@@ -1291,6 +1313,16 @@ var ComponentStyles = i`
     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
@@ -1308,6 +1340,71 @@ async function getInitialToken(config) {
   };
 }
 
+// dist/utils/keybinding.js
+function isMac() {
+  if (typeof navigator === "undefined") {
+    return false;
+  }
+  return /Mac|iPhone|iPad|iPod/.test(navigator.userAgent);
+}
+function capitalize(str) {
+  if (str.length === 0) {
+    return str;
+  }
+  return str.charAt(0).toUpperCase() + str.slice(1);
+}
+function normalizeKeyForKeybinding(key) {
+  if (key === " ") {
+    return "Space";
+  }
+  const normalized = key.trim().toLowerCase();
+  if (normalized === "control") {
+    return "Ctrl";
+  }
+  if (normalized === "meta" || normalized === "cmd") {
+    return isMac() ? "Cmd" : "Meta";
+  }
+  if (normalized === "alt" || normalized === "opt") {
+    return isMac() ? "Opt" : "Alt";
+  }
+  if (normalized === "space") {
+    return "Space";
+  }
+  return normalized.length > 1 ? capitalize(normalized) : normalized;
+}
+function normalizeKeybinding(keybinding) {
+  if (!keybinding) {
+    return null;
+  }
+  const trimmed = keybinding.trim();
+  if (trimmed === "") {
+    return null;
+  }
+  return normalizeKeyForKeybinding(trimmed);
+}
+function matchesKeybinding(event, keybinding) {
+  const normalizedKeybinding = normalizeKeybinding(keybinding);
+  if (!normalizedKeybinding) {
+    return false;
+  }
+  const normalizedKey = normalizeKeyForKeybinding(event.key);
+  const normalizedCode = normalizeKeyForKeybinding(event.code);
+  return normalizedKey === normalizedKeybinding || normalizedCode === normalizedKeybinding;
+}
+function shouldIgnoreKeybinding(element) {
+  if (!element) {
+    return false;
+  }
+  const tagName = element.tagName.toLowerCase();
+  if (tagName === "input" || tagName === "textarea") {
+    return true;
+  }
+  if (element instanceof HTMLElement && element.contentEditable === "true") {
+    return true;
+  }
+  return false;
+}
+
 // dist/utils/token.js
 function decodeToken(token) {
   const parts = token.split(".");
@@ -1364,6 +1461,8 @@ var _DictationRoot_handleLanguageChanged;
 var _DictationRoot_handleDeviceChanged;
 var _DictationRoot_handleRecordingStateChanged;
 var _DictationRoot_handleContextRequest;
+var _DictationRoot_handleModeChanged;
+var _DictationRoot_handleKeybindingChanged;
 var regionContext = n7(Symbol("region"));
 var tenantNameContext = n7(Symbol("tenantName"));
 var languagesContext = n7(Symbol("languages"));
@@ -1376,6 +1475,8 @@ var authConfigContext = n7(Symbol("authConfig"));
 var socketUrlContext = n7(Symbol("socketUrl"));
 var socketProxyContext = n7(Symbol("socketProxy"));
 var debugDisplayAudioContext = n7(Symbol("debugDisplayAudio"));
+var modeContext = n7(Symbol("mode"));
+var keybindingContext = n7(Symbol("keybinding"));
 var DictationRoot = class DictationRoot2 extends i4 {
   set accessToken(token) {
     this.setAccessToken(token);
@@ -1415,6 +1516,7 @@ var DictationRoot = class DictationRoot2 extends i4 {
     this.recordingState = "stopped";
     _DictationRoot_languagesController.set(this, new LanguagesController(this));
     _DictationRoot_devicesController.set(this, new DevicesController(this));
+    this.mode = "toggle-to-talk";
     this.noWrapper = false;
     _DictationRoot_handleLanguageChanged.set(this, (e10) => {
       const event = e10;
@@ -1436,12 +1538,28 @@ var DictationRoot = class DictationRoot2 extends i4 {
         __classPrivateFieldGet3(this, _DictationRoot_languagesController, "f").initialize();
       } else if (e10.context === devicesContext) {
         __classPrivateFieldGet3(this, _DictationRoot_devicesController, "f").initialize();
+      } else if (e10.context === keybindingContext && e10.contextTarget.tagName.toLowerCase() === "dictation-keybinding-selector") {
+        if (this.keybinding === void 0) {
+          this.keybinding = "`";
+          this.dispatchEvent(keybindingChangedEvent("`", "Backquote"));
+        }
       }
     });
+    _DictationRoot_handleModeChanged.set(this, (e10) => {
+      const event = e10;
+      this.mode = event.detail.mode;
+    });
+    _DictationRoot_handleKeybindingChanged.set(this, (e10) => {
+      const event = e10;
+      const normalizedKeybinding = normalizeKeybinding(event.detail.key);
+      this.keybinding = normalizedKeybinding;
+    });
     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("mode-changed", __classPrivateFieldGet3(this, _DictationRoot_handleModeChanged, "f"));
+    this.addEventListener("keybinding-changed", __classPrivateFieldGet3(this, _DictationRoot_handleKeybindingChanged, "f"));
   }
   // ─────────────────────────────────────────────────────────────────────────────
   // Public methods
@@ -1516,6 +1634,8 @@ _DictationRoot_handleLanguageChanged = /* @__PURE__ */ new WeakMap();
 _DictationRoot_handleDeviceChanged = /* @__PURE__ */ new WeakMap();
 _DictationRoot_handleRecordingStateChanged = /* @__PURE__ */ new WeakMap();
 _DictationRoot_handleContextRequest = /* @__PURE__ */ new WeakMap();
+_DictationRoot_handleModeChanged = /* @__PURE__ */ new WeakMap();
+_DictationRoot_handleKeybindingChanged = /* @__PURE__ */ new WeakMap();
 DictationRoot.styles = [component_styles_default];
 __decorate([
   e9({ context: regionContext }),
@@ -1580,6 +1700,14 @@ __decorate([
   e9({ context: debugDisplayAudioContext }),
   n4({ attribute: "debug-display-audio", type: Boolean })
 ], DictationRoot.prototype, "debug_displayAudio", void 0);
+__decorate([
+  e9({ context: modeContext }),
+  n4({ type: String })
+], DictationRoot.prototype, "mode", void 0);
+__decorate([
+  e9({ context: keybindingContext }),
+  n4({ type: String })
+], DictationRoot.prototype, "keybinding", void 0);
 __decorate([
   n4({ type: Boolean })
 ], DictationRoot.prototype, "noWrapper", void 0);
@@ -6118,7 +6246,7 @@ var Auth = class {
 function getEnvironment(environment = "eu") {
   return typeof environment === "string" ? {
     base: `https://api.${environment}.corti.app/v2`,
-    wss: `wss://api.${environment}.corti.app`,
+    wss: `wss://api.${environment}.corti.app/audio-bridge/v2`,
     login: `https://auth.${environment}.corti.app/realms`,
     agents: `https://api.${environment}.corti.app`
   } : environment;
@@ -10332,7 +10460,7 @@ var Stream = class {
       _queryParams["token"] = token;
       let _headers = Object.assign({}, headers);
       const socket = new ReconnectingWebSocket({
-        url: url_exports.join((_a = yield Supplier.get(this._options["baseUrl"])) !== null && _a !== void 0 ? _a : (yield Supplier.get(this._options["environment"])).wss, `/audio-bridge/v2/interactions/${encodeURIComponent(id)}/streams`),
+        url: url_exports.join((_a = yield Supplier.get(this._options["baseUrl"])) !== null && _a !== void 0 ? _a : (yield Supplier.get(this._options["environment"])).wss, `/interactions/${encodeURIComponent(id)}/streams`),
         protocols: [],
         queryParameters: _queryParams,
         headers: _headers,
@@ -10711,7 +10839,7 @@ var Transcribe = class {
       _queryParams["token"] = token;
       let _headers = Object.assign({}, headers);
       const socket = new ReconnectingWebSocket({
-        url: url_exports.join((_a = yield Supplier.get(this._options["baseUrl"])) !== null && _a !== void 0 ? _a : (yield Supplier.get(this._options["environment"])).wss, "/audio-bridge/v2/transcribe"),
+        url: url_exports.join((_a = yield Supplier.get(this._options["baseUrl"])) !== null && _a !== void 0 ? _a : (yield Supplier.get(this._options["environment"])).wss, "/transcribe"),
         protocols: [],
         queryParameters: _queryParams,
         headers: _headers,
@@ -10874,7 +11002,7 @@ var Transcribe2 = class extends Transcribe {
 };
 
 // node_modules/@corti/sdk/dist/esm/version.mjs
-var SDK_VERSION = "0.8.0-rc";
+var SDK_VERSION = "0.8.0";
 
 // node_modules/@corti/sdk/dist/esm/custom/utils/resolveClientOptions.mjs
 var __awaiter30 = function(thisArg, _arguments, P2, generator) {
@@ -11080,13 +11208,13 @@ var CortiClient = class {
 var CortiEnvironment = {
   Eu: {
     base: "https://api.eu.corti.app/v2",
-    wss: "wss://api.eu.corti.app",
+    wss: "wss://api.eu.corti.app/audio-bridge/v2",
     login: "https://auth.eu.corti.app/realms",
     agents: "https://api.eu.corti.app"
   },
   Us: {
     base: "https://api.us.corti.app/v2",
-    wss: "wss://api.us.corti.app",
+    wss: "wss://api.us.corti.app/audio-bridge/v2",
     login: "https://auth.us.corti.app/realms",
     agents: "https://api.us.corti.app"
   }
@@ -11146,7 +11274,11 @@ var _DictationController_instances;
 var _DictationController_cortiClient;
 var _DictationController_webSocket;
 var _DictationController_closeTimeout;
-var _DictationController_onNetworkActivity;
+var _DictationController_callbacks;
+var _DictationController_lastDictationConfig;
+var _DictationController_lastSocketUrl;
+var _DictationController_lastSocketProxy;
+var _DictationController_configHasChanged;
 var _DictationController_connectProxy;
 var _DictationController_connectAuth;
 var _DictationController_setupWebSocketHandlers;
@@ -11157,7 +11289,10 @@ var DictationController = class {
     _DictationController_cortiClient.set(this, null);
     _DictationController_webSocket.set(this, null);
     _DictationController_closeTimeout.set(this, void 0);
-    _DictationController_onNetworkActivity.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);
     this.host = host;
     host.addController(this);
   }
@@ -11168,17 +11303,25 @@ var DictationController = class {
     if (!mediaRecorder) {
       throw new Error("MediaRecorder is required to connect");
     }
-    if (__classPrivateFieldGet4(this, _DictationController_webSocket, "f")?.readyState === WebSocket.OPEN) {
-      throw new Error("Already connected. Disconnect before reconnecting.");
+    const newConnection = __classPrivateFieldGet4(this, _DictationController_instances, "m", _DictationController_configHasChanged).call(this) || __classPrivateFieldGet4(this, _DictationController_webSocket, "f")?.readyState !== WebSocket.OPEN;
+    if (newConnection) {
+      this.cleanup();
+      if (__classPrivateFieldGet4(this, _DictationController_webSocket, "f")?.readyState === WebSocket.OPEN) {
+        throw new Error("Already connected. Disconnect before reconnecting.");
+      }
+      __classPrivateFieldSet3(this, _DictationController_webSocket, 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), "f");
+      __classPrivateFieldGet4(this, _DictationController_callbacks, "f")?.onNetworkActivity?.("sent", {
+        configuration: dictationConfig,
+        type: "config"
+      });
+      __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");
     }
-    __classPrivateFieldSet3(this, _DictationController_webSocket, 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), "f");
-    __classPrivateFieldSet3(this, _DictationController_onNetworkActivity, callbacks.onNetworkActivity, "f");
-    __classPrivateFieldGet4(this, _DictationController_onNetworkActivity, "f")?.call(this, "sent", {
-      configuration: dictationConfig,
-      type: "config"
-    });
+    __classPrivateFieldSet3(this, _DictationController_callbacks, callbacks, "f");
     __classPrivateFieldGet4(this, _DictationController_instances, "m", _DictationController_setupMediaRecorder).call(this, mediaRecorder);
     __classPrivateFieldGet4(this, _DictationController_instances, "m", _DictationController_setupWebSocketHandlers).call(this, callbacks);
+    return newConnection;
   }
   async disconnect(onClose) {
     await new Promise((resolve, reject) => {
@@ -11196,16 +11339,29 @@ var DictationController = class {
         }
         resolve();
       });
-      __classPrivateFieldGet4(this, _DictationController_webSocket, "f").sendEnd({ type: "end" });
-      __classPrivateFieldGet4(this, _DictationController_onNetworkActivity, "f")?.call(this, "sent", { type: "end" });
+      __classPrivateFieldGet4(this, _DictationController_webSocket, "f").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);
+        }
+        if (message.type === "flushed") {
+          if (__classPrivateFieldGet4(this, _DictationController_closeTimeout, "f")) {
+            clearTimeout(__classPrivateFieldGet4(this, _DictationController_closeTimeout, "f"));
+            __classPrivateFieldSet3(this, _DictationController_closeTimeout, void 0, "f");
+          }
+          resolve();
+          return;
+        }
+      });
+      __classPrivateFieldGet4(this, _DictationController_webSocket, "f").sendFlush({ type: "flush" });
+      __classPrivateFieldGet4(this, _DictationController_callbacks, "f")?.onNetworkActivity?.("sent", { type: "flush" });
       __classPrivateFieldSet3(this, _DictationController_closeTimeout, window.setTimeout(() => {
-        reject(new Error("WebSocket close timeout"));
+        reject(new Error("Audio processing timeout"));
         if (__classPrivateFieldGet4(this, _DictationController_webSocket, "f")?.readyState === WebSocket.OPEN) {
           __classPrivateFieldGet4(this, _DictationController_webSocket, "f").close();
         }
       }, 1e4), "f");
     });
-    this.cleanup();
   }
   cleanup() {
     if (__classPrivateFieldGet4(this, _DictationController_closeTimeout, "f")) {
@@ -11217,9 +11373,14 @@ var DictationController = class {
     }
     __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");
   }
 };
-_DictationController_cortiClient = /* @__PURE__ */ new WeakMap(), _DictationController_webSocket = /* @__PURE__ */ new WeakMap(), _DictationController_closeTimeout = /* @__PURE__ */ new WeakMap(), _DictationController_onNetworkActivity = /* @__PURE__ */ new WeakMap(), _DictationController_instances = /* @__PURE__ */ new WeakSet(), _DictationController_connectProxy = async function _DictationController_connectProxy2(dictationConfig) {
+_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_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_connectProxy = async function _DictationController_connectProxy2(dictationConfig) {
   const proxyOptions = this.host._socketProxy || {
     url: this.host._socketUrl || ""
   };
@@ -11253,7 +11414,7 @@ _DictationController_cortiClient = /* @__PURE__ */ new WeakMap(), _DictationCont
     throw new Error("WebSocket not initialized");
   }
   __classPrivateFieldGet4(this, _DictationController_webSocket, "f").on("message", (message) => {
-    __classPrivateFieldGet4(this, _DictationController_onNetworkActivity, "f")?.call(this, "received", message);
+    callbacks.onNetworkActivity?.("received", message);
     if (callbacks.onMessage) {
       callbacks.onMessage(message);
     }
@@ -11271,13 +11432,102 @@ _DictationController_cortiClient = /* @__PURE__ */ new WeakMap(), _DictationCont
 }, _DictationController_setupMediaRecorder = function _DictationController_setupMediaRecorder2(mediaRecorder) {
   mediaRecorder.ondataavailable = (event) => {
     __classPrivateFieldGet4(this, _DictationController_webSocket, "f")?.sendAudio(event.data);
-    __classPrivateFieldGet4(this, _DictationController_onNetworkActivity, "f")?.call(this, "sent", {
+    __classPrivateFieldGet4(this, _DictationController_callbacks, "f")?.onNetworkActivity?.("sent", {
       size: event.data.size,
       type: "audio"
     });
   };
 };
 
+// dist/controllers/keybinding-controller.js
+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 __classPrivateFieldSet4 = function(receiver, state, value, kind, f5) {
+  if (kind === "m") throw new TypeError("Private method is not writable");
+  if (kind === "a" && !f5) throw new TypeError("Private accessor was defined without a setter");
+  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 _KeybindingController_instances;
+var _KeybindingController_keydownHandler;
+var _KeybindingController_keyupHandler;
+var _KeybindingController_blurHandler;
+var _KeybindingController_setupListeners;
+var _KeybindingController_removeListeners;
+var KeybindingController = class {
+  constructor(host) {
+    _KeybindingController_instances.add(this);
+    _KeybindingController_keydownHandler.set(this, void 0);
+    _KeybindingController_keyupHandler.set(this, void 0);
+    _KeybindingController_blurHandler.set(this, void 0);
+    this.host = host;
+    host.addController(this);
+  }
+  hostConnected() {
+    __classPrivateFieldGet5(this, _KeybindingController_instances, "m", _KeybindingController_setupListeners).call(this);
+  }
+  hostDisconnected() {
+    __classPrivateFieldGet5(this, _KeybindingController_instances, "m", _KeybindingController_removeListeners).call(this);
+  }
+};
+_KeybindingController_keydownHandler = /* @__PURE__ */ new WeakMap(), _KeybindingController_keyupHandler = /* @__PURE__ */ new WeakMap(), _KeybindingController_blurHandler = /* @__PURE__ */ new WeakMap(), _KeybindingController_instances = /* @__PURE__ */ new WeakSet(), _KeybindingController_setupListeners = function _KeybindingController_setupListeners2() {
+  __classPrivateFieldGet5(this, _KeybindingController_instances, "m", _KeybindingController_removeListeners).call(this);
+  __classPrivateFieldSet4(this, _KeybindingController_keydownHandler, (event) => {
+    if (!this.host._keybinding) {
+      return;
+    }
+    if (shouldIgnoreKeybinding(document.activeElement)) {
+      return;
+    }
+    if (matchesKeybinding(event, this.host._keybinding)) {
+      if (!this.host.dispatchEvent(keybindingActivatedEvent(event))) {
+        return;
+      }
+      if (this.host._mode === "push-to-talk") {
+        this.host.startRecording();
+      }
+      if (this.host._mode === "toggle-to-talk") {
+        this.host.toggleRecording();
+      }
+    }
+  }, "f");
+  __classPrivateFieldSet4(this, _KeybindingController_keyupHandler, (event) => {
+    if (!this.host._keybinding) {
+      return;
+    }
+    if (this.host._mode === "push-to-talk" && matchesKeybinding(event, this.host._keybinding)) {
+      if (!this.host.dispatchEvent(keybindingActivatedEvent(event))) {
+        return;
+      }
+      this.host.stopRecording();
+    }
+  }, "f");
+  __classPrivateFieldSet4(this, _KeybindingController_blurHandler, () => {
+    if (this.host._mode === "push-to-talk") {
+      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"));
+}, _KeybindingController_removeListeners = function _KeybindingController_removeListeners2() {
+  if (__classPrivateFieldGet5(this, _KeybindingController_keydownHandler, "f")) {
+    window.removeEventListener("keydown", __classPrivateFieldGet5(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"));
+    __classPrivateFieldSet4(this, _KeybindingController_keyupHandler, void 0, "f");
+  }
+  if (__classPrivateFieldGet5(this, _KeybindingController_blurHandler, "f")) {
+    window.removeEventListener("blur", __classPrivateFieldGet5(this, _KeybindingController_blurHandler, "f"));
+    __classPrivateFieldSet4(this, _KeybindingController_blurHandler, void 0, "f");
+  }
+};
+
 // dist/utils/media.js
 async function getMediaStream(deviceId, debug_displayAudio) {
   if (debug_displayAudio) {
@@ -11317,13 +11567,13 @@ function calculateAudioLevel(analyser) {
 }
 
 // dist/controllers/media-controller.js
-var __classPrivateFieldSet4 = function(receiver, state, value, kind, f5) {
+var __classPrivateFieldSet5 = function(receiver, state, value, kind, f5) {
   if (kind === "m") throw new TypeError("Private method is not writable");
   if (kind === "a" && !f5) throw new TypeError("Private accessor was defined without a setter");
   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 __classPrivateFieldGet5 = function(receiver, state, kind, f5) {
+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);
@@ -11354,64 +11604,64 @@ var MediaController = class {
   }
   async initialize(onTrackEnded) {
     await this.cleanup();
-    __classPrivateFieldSet4(this, _MediaController_onTrackEnded, onTrackEnded, "f");
-    __classPrivateFieldSet4(this, _MediaController_mediaStream, await getMediaStream(this.host._selectedDevice?.deviceId, this.host._debug_displayAudio), "f");
-    __classPrivateFieldGet5(this, _MediaController_mediaStream, "f").getTracks().forEach((track) => {
+    __classPrivateFieldSet5(this, _MediaController_onTrackEnded, onTrackEnded, "f");
+    __classPrivateFieldSet5(this, _MediaController_mediaStream, await getMediaStream(this.host._selectedDevice?.deviceId, this.host._debug_displayAudio), "f");
+    __classPrivateFieldGet6(this, _MediaController_mediaStream, "f").getTracks().forEach((track) => {
       track.addEventListener("ended", () => {
-        if (__classPrivateFieldGet5(this, _MediaController_onTrackEnded, "f")) {
-          __classPrivateFieldGet5(this, _MediaController_onTrackEnded, "f").call(this);
+        if (__classPrivateFieldGet6(this, _MediaController_onTrackEnded, "f")) {
+          __classPrivateFieldGet6(this, _MediaController_onTrackEnded, "f").call(this);
         }
       });
     });
-    const { audioContext, analyser } = createAudioAnalyzer(__classPrivateFieldGet5(this, _MediaController_mediaStream, "f"));
-    __classPrivateFieldSet4(this, _MediaController_audioContext, audioContext, "f");
-    __classPrivateFieldSet4(this, _MediaController_analyser, analyser, "f");
-    __classPrivateFieldSet4(this, _MediaController_mediaRecorder, new MediaRecorder(__classPrivateFieldGet5(this, _MediaController_mediaStream, "f")), "f");
+    const { audioContext, analyser } = createAudioAnalyzer(__classPrivateFieldGet6(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");
   }
   getAudioLevel() {
-    return __classPrivateFieldGet5(this, _MediaController_analyser, "f") ? calculateAudioLevel(__classPrivateFieldGet5(this, _MediaController_analyser, "f")) : 0;
+    return __classPrivateFieldGet6(this, _MediaController_analyser, "f") ? calculateAudioLevel(__classPrivateFieldGet6(this, _MediaController_analyser, "f")) : 0;
   }
   startAudioLevelMonitoring(onAudioLevelChange) {
     this.stopAudioLevelMonitoring();
-    __classPrivateFieldSet4(this, _MediaController_onAudioLevelChange, onAudioLevelChange, "f");
-    __classPrivateFieldSet4(this, _MediaController_visualiserInterval, window.setInterval(() => {
-      __classPrivateFieldSet4(this, _MediaController_audioLevel, this.getAudioLevel() * 3, "f");
+    __classPrivateFieldSet5(this, _MediaController_onAudioLevelChange, onAudioLevelChange, "f");
+    __classPrivateFieldSet5(this, _MediaController_visualiserInterval, window.setInterval(() => {
+      __classPrivateFieldSet5(this, _MediaController_audioLevel, this.getAudioLevel() * 3, "f");
       this.host.requestUpdate();
-      if (__classPrivateFieldGet5(this, _MediaController_onAudioLevelChange, "f")) {
-        __classPrivateFieldGet5(this, _MediaController_onAudioLevelChange, "f").call(this, __classPrivateFieldGet5(this, _MediaController_audioLevel, "f"));
+      if (__classPrivateFieldGet6(this, _MediaController_onAudioLevelChange, "f")) {
+        __classPrivateFieldGet6(this, _MediaController_onAudioLevelChange, "f").call(this, __classPrivateFieldGet6(this, _MediaController_audioLevel, "f"));
       }
     }, 150), "f");
   }
   stopAudioLevelMonitoring() {
-    if (__classPrivateFieldGet5(this, _MediaController_visualiserInterval, "f")) {
-      clearInterval(__classPrivateFieldGet5(this, _MediaController_visualiserInterval, "f"));
-      __classPrivateFieldSet4(this, _MediaController_visualiserInterval, void 0, "f");
+    if (__classPrivateFieldGet6(this, _MediaController_visualiserInterval, "f")) {
+      clearInterval(__classPrivateFieldGet6(this, _MediaController_visualiserInterval, "f"));
+      __classPrivateFieldSet5(this, _MediaController_visualiserInterval, void 0, "f");
     }
-    __classPrivateFieldSet4(this, _MediaController_audioLevel, 0, "f");
+    __classPrivateFieldSet5(this, _MediaController_audioLevel, 0, "f");
     this.host.requestUpdate();
-    if (__classPrivateFieldGet5(this, _MediaController_onAudioLevelChange, "f")) {
-      __classPrivateFieldGet5(this, _MediaController_onAudioLevelChange, "f").call(this, __classPrivateFieldGet5(this, _MediaController_audioLevel, "f"));
+    if (__classPrivateFieldGet6(this, _MediaController_onAudioLevelChange, "f")) {
+      __classPrivateFieldGet6(this, _MediaController_onAudioLevelChange, "f").call(this, __classPrivateFieldGet6(this, _MediaController_audioLevel, "f"));
     }
   }
   async cleanup() {
     this.stopAudioLevelMonitoring();
-    if (__classPrivateFieldGet5(this, _MediaController_mediaRecorder, "f")?.state === "recording") {
-      __classPrivateFieldGet5(this, _MediaController_mediaRecorder, "f").stop();
+    if (__classPrivateFieldGet6(this, _MediaController_mediaRecorder, "f")?.state === "recording") {
+      __classPrivateFieldGet6(this, _MediaController_mediaRecorder, "f").stop();
     }
-    if (__classPrivateFieldGet5(this, _MediaController_mediaStream, "f")) {
-      __classPrivateFieldGet5(this, _MediaController_mediaStream, "f").getTracks().forEach((track) => {
+    if (__classPrivateFieldGet6(this, _MediaController_mediaStream, "f")) {
+      __classPrivateFieldGet6(this, _MediaController_mediaStream, "f").getTracks().forEach((track) => {
         track.stop();
       });
-      __classPrivateFieldSet4(this, _MediaController_mediaStream, null, "f");
+      __classPrivateFieldSet5(this, _MediaController_mediaStream, null, "f");
     }
-    if (__classPrivateFieldGet5(this, _MediaController_audioContext, "f") && __classPrivateFieldGet5(this, _MediaController_audioContext, "f").state !== "closed") {
-      await __classPrivateFieldGet5(this, _MediaController_audioContext, "f").close();
+    if (__classPrivateFieldGet6(this, _MediaController_audioContext, "f") && __classPrivateFieldGet6(this, _MediaController_audioContext, "f").state !== "closed") {
+      await __classPrivateFieldGet6(this, _MediaController_audioContext, "f").close();
     }
-    __classPrivateFieldSet4(this, _MediaController_audioContext, null, "f");
-    __classPrivateFieldSet4(this, _MediaController_analyser, null, "f");
-    __classPrivateFieldSet4(this, _MediaController_mediaRecorder, null, "f");
-    __classPrivateFieldSet4(this, _MediaController_onTrackEnded, void 0, "f");
-    __classPrivateFieldSet4(this, _MediaController_onAudioLevelChange, void 0, "f");
+    __classPrivateFieldSet5(this, _MediaController_audioContext, null, "f");
+    __classPrivateFieldSet5(this, _MediaController_analyser, null, "f");
+    __classPrivateFieldSet5(this, _MediaController_mediaRecorder, null, "f");
+    __classPrivateFieldSet5(this, _MediaController_onTrackEnded, void 0, "f");
+    __classPrivateFieldSet5(this, _MediaController_onAudioLevelChange, void 0, "f");
   }
   /**
    * Stops the media recorder and waits for all buffered data to be flushed.
@@ -11419,21 +11669,21 @@ var MediaController = class {
    */
   async stopRecording() {
     return new Promise((resolve) => {
-      if (!__classPrivateFieldGet5(this, _MediaController_mediaRecorder, "f") || __classPrivateFieldGet5(this, _MediaController_mediaRecorder, "f").state !== "recording") {
+      if (!__classPrivateFieldGet6(this, _MediaController_mediaRecorder, "f") || __classPrivateFieldGet6(this, _MediaController_mediaRecorder, "f").state !== "recording") {
         resolve();
         return;
       }
-      __classPrivateFieldGet5(this, _MediaController_mediaRecorder, "f").onstop = () => {
+      __classPrivateFieldGet6(this, _MediaController_mediaRecorder, "f").onstop = () => {
         resolve();
       };
-      __classPrivateFieldGet5(this, _MediaController_mediaRecorder, "f").stop();
+      __classPrivateFieldGet6(this, _MediaController_mediaRecorder, "f").stop();
     });
   }
   get mediaRecorder() {
-    return __classPrivateFieldGet5(this, _MediaController_mediaRecorder, "f");
+    return __classPrivateFieldGet6(this, _MediaController_mediaRecorder, "f");
   }
   get audioLevel() {
-    return __classPrivateFieldGet5(this, _MediaController_audioLevel, "f");
+    return __classPrivateFieldGet6(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();
@@ -11760,21 +12010,30 @@ var __decorate4 = function(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 __classPrivateFieldGet6 = 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);
 };
+var __classPrivateFieldSet6 = function(receiver, state, value, kind, f5) {
+  if (kind === "m") throw new TypeError("Private method is not writable");
+  if (kind === "a" && !f5) throw new TypeError("Private accessor was defined without a setter");
+  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_handleMouseDown;
+var _DictationRecordingButton_keybindingController;
+var _DictationRecordingButton_closeConnectionOnInit;
+var _DictationRecordingButton_handlePointerDown;
+var _DictationRecordingButton_handlePointerUp;
+var _DictationRecordingButton_handlePointerLeave;
 var _DictationRecordingButton_handleWebSocketMessage;
 var _DictationRecordingButton_handleWebSocketError;
 var _DictationRecordingButton_handleWebSocketClose;
 var _DictationRecordingButton_handleStart;
 var _DictationRecordingButton_handleStop;
-var _DictationRecordingButton_handleClick;
 var DictationRecordingButton = class DictationRecordingButton2 extends i4 {
   constructor() {
     super(...arguments);
@@ -11783,22 +12042,24 @@ var DictationRecordingButton = class DictationRecordingButton2 extends i4 {
     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_handleWebSocketMessage.set(this, (message) => {
       switch (message.type) {
         case "CONFIG_ACCEPTED":
-          __classPrivateFieldGet6(this, _DictationRecordingButton_mediaController, "f").mediaRecorder?.start(AUDIO_CHUNK_INTERVAL_MS);
-          __classPrivateFieldGet6(this, _DictationRecordingButton_mediaController, "f").startAudioLevelMonitoring((level) => {
+          __classPrivateFieldGet7(this, _DictationRecordingButton_mediaController, "f").mediaRecorder?.start(AUDIO_CHUNK_INTERVAL_MS);
+          __classPrivateFieldGet7(this, _DictationRecordingButton_mediaController, "f").startAudioLevelMonitoring((level) => {
             this.dispatchEvent(audioLevelChangedEvent(level));
           });
           this.dispatchEvent(recordingStateChangedEvent("recording"));
           break;
         case "CONFIG_DENIED":
           this.dispatchEvent(errorEvent(`Config denied: ${message.reason ?? "Unknown reason"}`));
-          __classPrivateFieldGet6(this, _DictationRecordingButton_instances, "m", _DictationRecordingButton_handleStop).call(this);
+          __classPrivateFieldGet7(this, _DictationRecordingButton_instances, "m", _DictationRecordingButton_handleStop).call(this);
           break;
         case "CONFIG_TIMEOUT":
           this.dispatchEvent(errorEvent("Config timeout"));
-          __classPrivateFieldGet6(this, _DictationRecordingButton_instances, "m", _DictationRecordingButton_handleStop).call(this);
+          __classPrivateFieldGet7(this, _DictationRecordingButton_instances, "m", _DictationRecordingButton_handleStop).call(this);
           break;
         case "transcript":
           this.dispatchEvent(transcriptEvent(message));
@@ -11811,40 +12072,57 @@ var DictationRecordingButton = class DictationRecordingButton2 extends i4 {
           break;
         case "error":
           this.dispatchEvent(errorEvent(message.error));
-          __classPrivateFieldGet6(this, _DictationRecordingButton_instances, "m", _DictationRecordingButton_handleStop).call(this);
+          __classPrivateFieldGet7(this, _DictationRecordingButton_instances, "m", _DictationRecordingButton_handleStop).call(this);
           break;
       }
     });
     _DictationRecordingButton_handleWebSocketError.set(this, (error) => {
       this.dispatchEvent(errorEvent("Socket error: " + error.message));
-      __classPrivateFieldGet6(this, _DictationRecordingButton_instances, "m", _DictationRecordingButton_handleStop).call(this);
+      __classPrivateFieldGet7(this, _DictationRecordingButton_instances, "m", _DictationRecordingButton_handleStop).call(this);
     });
     _DictationRecordingButton_handleWebSocketClose.set(this, (event) => {
       this.dispatchEvent(streamClosedEvent(event));
     });
   }
+  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);
+    }
+    super.update(changedProperties);
+  }
   startRecording() {
     if (this._recordingState !== "stopped") {
       return;
     }
-    __classPrivateFieldGet6(this, _DictationRecordingButton_instances, "m", _DictationRecordingButton_handleStart).call(this);
+    __classPrivateFieldGet7(this, _DictationRecordingButton_instances, "m", _DictationRecordingButton_handleStart).call(this);
   }
   stopRecording() {
-    if (this._recordingState !== "recording") {
+    if (this._recordingState === "stopped" || this._recordingState === "stopping") {
+      return;
+    }
+    if (this._recordingState === "initializing") {
+      __classPrivateFieldSet6(this, _DictationRecordingButton_closeConnectionOnInit, true, "f");
       return;
     }
-    __classPrivateFieldGet6(this, _DictationRecordingButton_instances, "m", _DictationRecordingButton_handleStop).call(this);
+    __classPrivateFieldGet7(this, _DictationRecordingButton_instances, "m", _DictationRecordingButton_handleStop).call(this);
   }
   toggleRecording() {
-    __classPrivateFieldGet6(this, _DictationRecordingButton_instances, "m", _DictationRecordingButton_handleClick).call(this);
+    if (this._recordingState === "stopped") {
+      this.startRecording();
+    } else if (this._recordingState === "recording") {
+      this.stopRecording();
+    }
   }
   render() {
     const isLoading = this._recordingState === "initializing" || this._recordingState === "stopping";
     const isRecording = this._recordingState === "recording";
     return x`
       <button
-        @mousedown=${__classPrivateFieldGet6(this, _DictationRecordingButton_instances, "m", _DictationRecordingButton_handleMouseDown)}
-        @click=${__classPrivateFieldGet6(this, _DictationRecordingButton_instances, "m", _DictationRecordingButton_handleClick)}
+        @pointerdown=${__classPrivateFieldGet7(this, _DictationRecordingButton_instances, "m", _DictationRecordingButton_handlePointerDown)}
+        @pointerup=${__classPrivateFieldGet7(this, _DictationRecordingButton_instances, "m", _DictationRecordingButton_handlePointerUp)}
+        @pointerleave=${__classPrivateFieldGet7(this, _DictationRecordingButton_instances, "m", _DictationRecordingButton_handlePointerLeave)}
+        @pointercancel=${__classPrivateFieldGet7(this, _DictationRecordingButton_instances, "m", _DictationRecordingButton_handlePointerLeave)}
         ?disabled=${isLoading}
         class=${isRecording ? "red" : "accent"}
         aria-label=${isRecording ? "Stop recording" : "Start recording"}
@@ -11852,7 +12130,7 @@ var DictationRecordingButton = class DictationRecordingButton2 extends i4 {
       >
         ${isLoading ? x`<icon-loading-spinner />` : isRecording ? x`<icon-recording />` : x`<icon-mic-on />`}
         <dictation-audio-visualiser
-          .level=${__classPrivateFieldGet6(this, _DictationRecordingButton_mediaController, "f").audioLevel}
+          .level=${__classPrivateFieldGet7(this, _DictationRecordingButton_mediaController, "f").audioLevel}
           ?active=${isRecording}
         />
       </button>
@@ -11861,56 +12139,84 @@ var DictationRecordingButton = class DictationRecordingButton2 extends i4 {
 };
 _DictationRecordingButton_mediaController = /* @__PURE__ */ new WeakMap();
 _DictationRecordingButton_dictationController = /* @__PURE__ */ new WeakMap();
+_DictationRecordingButton_keybindingController = /* @__PURE__ */ new WeakMap();
+_DictationRecordingButton_closeConnectionOnInit = /* @__PURE__ */ new WeakMap();
 _DictationRecordingButton_handleWebSocketMessage = /* @__PURE__ */ new WeakMap();
 _DictationRecordingButton_handleWebSocketError = /* @__PURE__ */ new WeakMap();
 _DictationRecordingButton_handleWebSocketClose = /* @__PURE__ */ new WeakMap();
 _DictationRecordingButton_instances = /* @__PURE__ */ new WeakSet();
-_DictationRecordingButton_handleMouseDown = function _DictationRecordingButton_handleMouseDown2(event) {
+_DictationRecordingButton_handlePointerDown = function _DictationRecordingButton_handlePointerDown2(event) {
   if (!this.allowButtonFocus) {
     event.preventDefault();
   }
+  if (this._mode === "push-to-talk") {
+    this.startRecording();
+    event.currentTarget.setPointerCapture(event.pointerId);
+  }
+};
+_DictationRecordingButton_handlePointerUp = function _DictationRecordingButton_handlePointerUp2(event) {
+  if (this._mode === "push-to-talk") {
+    this.stopRecording();
+    const button = event.currentTarget;
+    if (button.hasPointerCapture(event.pointerId)) {
+      button.releasePointerCapture(event.pointerId);
+    }
+    return;
+  }
+  if (this._mode === "toggle-to-talk") {
+    this.toggleRecording();
+  }
+};
+_DictationRecordingButton_handlePointerLeave = function _DictationRecordingButton_handlePointerLeave2(event) {
+  if (this._mode === "push-to-talk") {
+    this.stopRecording();
+    const button = event.currentTarget;
+    if (button.hasPointerCapture(event.pointerId)) {
+      button.releasePointerCapture(event.pointerId);
+    }
+  }
 };
 _DictationRecordingButton_handleStart = async function _DictationRecordingButton_handleStart2() {
   this.dispatchEvent(recordingStateChangedEvent("initializing"));
   try {
-    await __classPrivateFieldGet6(this, _DictationRecordingButton_mediaController, "f").initialize(() => {
+    await __classPrivateFieldGet7(this, _DictationRecordingButton_mediaController, "f").initialize(() => {
       if (this._recordingState === "recording") {
         this.dispatchEvent(errorEvent("Recording device access was lost."));
-        __classPrivateFieldGet6(this, _DictationRecordingButton_instances, "m", _DictationRecordingButton_handleStop).call(this);
+        __classPrivateFieldGet7(this, _DictationRecordingButton_instances, "m", _DictationRecordingButton_handleStop).call(this);
       }
     });
-    await __classPrivateFieldGet6(this, _DictationRecordingButton_dictationController, "f").connect(__classPrivateFieldGet6(this, _DictationRecordingButton_mediaController, "f").mediaRecorder, this._dictationConfig, {
-      onClose: __classPrivateFieldGet6(this, _DictationRecordingButton_handleWebSocketClose, "f"),
-      onError: __classPrivateFieldGet6(this, _DictationRecordingButton_handleWebSocketError, "f"),
-      onMessage: __classPrivateFieldGet6(this, _DictationRecordingButton_handleWebSocketMessage, "f"),
+    const isNewConnection = await __classPrivateFieldGet7(this, _DictationRecordingButton_dictationController, "f").connect(__classPrivateFieldGet7(this, _DictationRecordingButton_mediaController, "f").mediaRecorder, this._dictationConfig, {
+      onClose: __classPrivateFieldGet7(this, _DictationRecordingButton_handleWebSocketClose, "f"),
+      onError: __classPrivateFieldGet7(this, _DictationRecordingButton_handleWebSocketError, "f"),
+      onMessage: __classPrivateFieldGet7(this, _DictationRecordingButton_handleWebSocketMessage, "f"),
       onNetworkActivity: (direction, data) => {
         this.dispatchEvent(networkActivityEvent(direction, data));
       }
     });
+    if (!isNewConnection) {
+      __classPrivateFieldGet7(this, _DictationRecordingButton_mediaController, "f").mediaRecorder?.start(AUDIO_CHUNK_INTERVAL_MS);
+      __classPrivateFieldGet7(this, _DictationRecordingButton_mediaController, "f").startAudioLevelMonitoring((level) => {
+        this.dispatchEvent(audioLevelChangedEvent(level));
+      });
+      this.dispatchEvent(recordingStateChangedEvent("recording"));
+    }
   } catch (error) {
     this.dispatchEvent(errorEvent(error));
-    await __classPrivateFieldGet6(this, _DictationRecordingButton_instances, "m", _DictationRecordingButton_handleStop).call(this);
+    await __classPrivateFieldGet7(this, _DictationRecordingButton_instances, "m", _DictationRecordingButton_handleStop).call(this);
   }
 };
 _DictationRecordingButton_handleStop = async function _DictationRecordingButton_handleStop2() {
   this.dispatchEvent(recordingStateChangedEvent("stopping"));
   try {
-    __classPrivateFieldGet6(this, _DictationRecordingButton_mediaController, "f").stopAudioLevelMonitoring();
-    await __classPrivateFieldGet6(this, _DictationRecordingButton_mediaController, "f").stopRecording();
-    await __classPrivateFieldGet6(this, _DictationRecordingButton_dictationController, "f").disconnect(__classPrivateFieldGet6(this, _DictationRecordingButton_handleWebSocketClose, "f"));
-    await __classPrivateFieldGet6(this, _DictationRecordingButton_mediaController, "f").cleanup();
+    __classPrivateFieldGet7(this, _DictationRecordingButton_mediaController, "f").stopAudioLevelMonitoring();
+    await __classPrivateFieldGet7(this, _DictationRecordingButton_mediaController, "f").stopRecording();
+    await __classPrivateFieldGet7(this, _DictationRecordingButton_dictationController, "f").disconnect(__classPrivateFieldGet7(this, _DictationRecordingButton_handleWebSocketClose, "f"));
+    await __classPrivateFieldGet7(this, _DictationRecordingButton_mediaController, "f").cleanup();
   } catch (error) {
     this.dispatchEvent(errorEvent(error));
   }
   this.dispatchEvent(recordingStateChangedEvent("stopped"));
 };
-_DictationRecordingButton_handleClick = function _DictationRecordingButton_handleClick2() {
-  if (this._recordingState === "stopped") {
-    __classPrivateFieldGet6(this, _DictationRecordingButton_instances, "m", _DictationRecordingButton_handleStart).call(this);
-  } else if (this._recordingState === "recording") {
-    __classPrivateFieldGet6(this, _DictationRecordingButton_instances, "m", _DictationRecordingButton_handleStop).call(this);
-  }
-};
 DictationRecordingButton.styles = [recording_button_default, buttons_default];
 __decorate4([
   c5({ context: recordingStateContext, subscribe: true }),
@@ -11952,6 +12258,14 @@ __decorate4([
   c5({ context: debugDisplayAudioContext, subscribe: true }),
   r5()
 ], DictationRecordingButton.prototype, "_debug_displayAudio", void 0);
+__decorate4([
+  c5({ context: keybindingContext, subscribe: true }),
+  r5()
+], DictationRecordingButton.prototype, "_keybinding", void 0);
+__decorate4([
+  c5({ context: modeContext, subscribe: true }),
+  r5()
+], DictationRecordingButton.prototype, "_mode", void 0);
 __decorate4([
   n4({ type: Boolean })
 ], DictationRecordingButton.prototype, "allowButtonFocus", void 0);
@@ -12011,21 +12325,23 @@ var SettingsMenuStyles = i`
   .settings-wrapper {
     display: flex;
     flex-direction: column;
-    gap: 20px;
+    gap: 16px;
+  }
+  .settings-group {
+    background: var(--muted-background, light-dark(#fafafa, #2a2a2a));
+    padding: 12px;
+    border-radius: 10px;
+    display: flex;
+    flex-direction: column;
+    gap: 16px;
   }
 `;
 var settings_menu_default = SettingsMenuStyles;
 
 // dist/styles/select.js
-var SelectStyles = 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 SelectStyles = [
+  LabelStyles,
+  i`
   select {
     background: var(--card-background, light-dark(#fff, #333));
     color: var(--component-text-color, light-dark(#333, #eee));
@@ -12049,7 +12365,8 @@ var SelectStyles = i`
     outline: 2px solid var(--action-accent-background, light-dark(#007bff, #0056b3));
     /* outline-offset: 2px; */
   }
-`;
+`
+];
 var select_default = SelectStyles;
 
 // dist/components/device-selector.js
@@ -12059,7 +12376,7 @@ var __decorate5 = function(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 __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);
@@ -12081,7 +12398,7 @@ var DictationDeviceSelector = class DictationDeviceSelector2 extends i4 {
         <select
           id="device-select"
           aria-labelledby="device-select-label"
-          @change=${__classPrivateFieldGet7(this, _DictationDeviceSelector_instances, "m", _DictationDeviceSelector_handleSelectDevice)}
+          @change=${__classPrivateFieldGet8(this, _DictationDeviceSelector_instances, "m", _DictationDeviceSelector_handleSelectDevice)}
           ?disabled=${this.disabled || !this._devices || this._devices.length === 0}
         >
           ${this._devices?.map((device) => x`
@@ -12122,14 +12439,163 @@ DictationDeviceSelector = __decorate5([
   t3("dictation-device-selector")
 ], DictationDeviceSelector);
 
-// dist/components/language-selector.js
+// dist/styles/keybinding-selector.js
+var KeybindingSelectorStyles = [
+  LabelStyles,
+  i`
+  :host {
+    display: block;
+  }
+  .keybinding-selector-wrapper {
+    display: flex;
+    align-items: center;
+    gap: 12px;
+    padding: var(--card-padding, 4px) 8px;
+    background: var(--card-background, light-dark(#fff, #333));
+    border: 1px solid var(--card-border-color, light-dark(#ddd, #555));
+    border-radius: var(--card-inner-border-radius, 6px);
+    overflow: hidden;
+  }
+  .keybinding-selector-wrapper:focus-within {
+    border-color: var(--action-accent-background, light-dark(#007bff, #0056b3));
+    outline: 2px solid var(--action-accent-background, light-dark(#007bff, #0056b3));
+  }
+  .keybinding-selector-input {
+    flex: 1;
+    min-width: 0;
+    border: none;
+    background: transparent;
+    font-size: 14px;
+    line-height: 24px;
+    color: var(--component-text-color, light-dark(#333, #eee));
+    outline: none;
+    padding: 0;
+    cursor: text;
+  }
+  .keybinding-selector-input::placeholder {
+    opacity: 0.6;
+    color: var(--component-text-color, light-dark(#333, #eee));
+  }
+  .keybinding-selector-input:disabled {
+    cursor: not-allowed;
+    opacity: 0.5;
+  }
+  .keybinding-key {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    padding: 0 0.5rem;
+    height: 24px;
+    background: var(--card-background, light-dark(#fff, #333));
+    border: 1px solid var(--card-border-color, light-dark(#ddd, #555));
+    border-radius: var(--card-inner-border-radius, 6px);
+    box-shadow: var(--card-box-shadow, 0 2px 5px rgba(0, 0, 0, 0.1));
+    font-size: 16px;
+    line-height: 28px;
+    color: var(--component-text-color, light-dark(#333, #eee));
+    opacity: 0.6;
+    text-align: center;
+    flex-shrink: 0;
+  }
+  .keybinding-help {
+    font-size: 12px;
+    line-height: 20px;
+    color: var(--component-text-color, light-dark(#333, #eee));
+    opacity: 0.6;
+    margin: 0;
+    letter-spacing: 0.01px;
+    padding-top: 8px;
+  }
+`
+];
+var keybinding_selector_default = KeybindingSelectorStyles;
+
+// dist/components/keybinding-selector.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 __classPrivateFieldGet8 = 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);
+};
+var _DictationKeybindingSelector_instances;
+var _DictationKeybindingSelector_handleKeybindingInputFocus;
+var _DictationKeybindingSelector_handleKeybindingInputBlur;
+var _DictationKeybindingSelector_handleKeybindingKeyDown;
+var DictationKeybindingSelector = class DictationKeybindingSelector2 extends i4 {
+  constructor() {
+    super(...arguments);
+    _DictationKeybindingSelector_instances.add(this);
+    this.disabled = false;
+    this._isCapturingKeybinding = false;
+  }
+  render() {
+    return x`
+      <div>
+        <label>Keybinding</label>
+        <div class="keybinding-selector-wrapper">
+          ${this._keybinding && x`<div class="keybinding-key">${this._keybinding}</div>`}
+          <input
+            type="text"
+            class="keybinding-selector-input"
+            .value=""
+            placeholder="Click and press a key..."
+            readonly
+            @focusin=${__classPrivateFieldGet9(this, _DictationKeybindingSelector_instances, "m", _DictationKeybindingSelector_handleKeybindingInputFocus)}
+            @focusout=${__classPrivateFieldGet9(this, _DictationKeybindingSelector_instances, "m", _DictationKeybindingSelector_handleKeybindingInputBlur)}
+            @keydown=${__classPrivateFieldGet9(this, _DictationKeybindingSelector_instances, "m", _DictationKeybindingSelector_handleKeybindingKeyDown)}
+            ?disabled=${this.disabled}
+          />
+        </div>
+        ${this._keybinding && x`<p class="keybinding-help">
+            Press ${this._keybinding} to start/stop recording
+          </p>`}
+      </div>
+    `;
+  }
+};
+_DictationKeybindingSelector_instances = /* @__PURE__ */ new WeakSet();
+_DictationKeybindingSelector_handleKeybindingInputFocus = function _DictationKeybindingSelector_handleKeybindingInputFocus2() {
+  this._isCapturingKeybinding = true;
+};
+_DictationKeybindingSelector_handleKeybindingInputBlur = function _DictationKeybindingSelector_handleKeybindingInputBlur2() {
+  this._isCapturingKeybinding = false;
+};
+_DictationKeybindingSelector_handleKeybindingKeyDown = function _DictationKeybindingSelector_handleKeybindingKeyDown2(event) {
+  if (!this._isCapturingKeybinding) {
+    return;
+  }
+  event.preventDefault();
+  event.stopPropagation();
+  this.dispatchEvent(keybindingChangedEvent(event.key, event.code));
+};
+DictationKeybindingSelector.styles = keybinding_selector_default;
+__decorate6([
+  c5({ context: keybindingContext, subscribe: true }),
+  r5()
+], DictationKeybindingSelector.prototype, "_keybinding", void 0);
+__decorate6([
+  n4({ type: Boolean })
+], DictationKeybindingSelector.prototype, "disabled", void 0);
+__decorate6([
+  r5()
+], DictationKeybindingSelector.prototype, "_isCapturingKeybinding", void 0);
+DictationKeybindingSelector = __decorate6([
+  t3("dictation-keybinding-selector")
+], DictationKeybindingSelector);
+
+// dist/components/language-selector.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 __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);
@@ -12151,7 +12617,7 @@ var DictationLanguageSelector = class DictationLanguageSelector2 extends i4 {
         <select
           id="language-select"
           aria-labelledby="language-select-label"
-          @change=${__classPrivateFieldGet8(this, _DictationLanguageSelector_instances, "m", _DictationLanguageSelector_handleSelectLanguage)}
+          @change=${__classPrivateFieldGet10(this, _DictationLanguageSelector_instances, "m", _DictationLanguageSelector_handleSelectLanguage)}
           ?disabled=${this.disabled || !this._languages || this._languages.length === 0}
         >
           ${this._languages?.map((language) => x`
@@ -12174,23 +12640,145 @@ _DictationLanguageSelector_handleSelectLanguage = function _DictationLanguageSel
   this.dispatchEvent(languageChangedEvent(language));
 };
 DictationLanguageSelector.styles = select_default;
-__decorate6([
+__decorate7([
   c5({ context: languagesContext, subscribe: true }),
   r5()
 ], DictationLanguageSelector.prototype, "_languages", void 0);
-__decorate6([
+__decorate7([
   c5({ context: dictationConfigContext, subscribe: true }),
   r5()
 ], DictationLanguageSelector.prototype, "_dictationConfig", void 0);
-__decorate6([
+__decorate7([
   n4({ type: Boolean })
 ], DictationLanguageSelector.prototype, "disabled", void 0);
-DictationLanguageSelector = __decorate6([
+DictationLanguageSelector = __decorate7([
   t3("dictation-language-selector")
 ], DictationLanguageSelector);
 
+// dist/styles/mode-selector.js
+var ModeSelectorStyles = [
+  LabelStyles,
+  i`
+  :host {
+    display: block;
+  }
+  .mode-selector-tabs {
+    display: flex;
+    background: var(--muted-background, light-dark(#fafafa, #2a2a2a));
+    border: 1px solid var(--card-border-color, light-dark(#ddd, #555));
+    border-radius: var(--card-inner-border-radius, 6px);
+    padding: 0;
+    overflow: hidden;
+    align-items: center;
+    justify-content: center;
+    text-wrap: nowrap;
+    gap: 2px;
+  }
+  .mode-selector-tab {
+    flex: 1;
+    padding: 4px 8px;
+    border: 1px solid transparent;
+    background: transparent;
+    font-size: 14px;
+    font-weight: 500;
+    line-height: 24px;
+    color: var(--component-text-color, light-dark(#333, #eee));
+    opacity: 0.6;
+    cursor: pointer;
+    transition: all 0.2s;
+    height: 32px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    border-radius: var(--card-inner-border-radius, 6px);
+    margin: -1px;
+  }
+  .mode-selector-tab:hover:not(:disabled) {
+    opacity: 1;
+  }
+  .mode-selector-tab.active {
+    background: var(--card-background, light-dark(#fff, #333));
+    border-color: var(--card-border-color, light-dark(#ddd, #555));
+    box-shadow: var(--card-box-shadow, 0 2px 5px rgba(0, 0, 0, 0.1));
+    opacity: 1;
+  }
+  .mode-selector-tab:disabled {
+    opacity: 0.5;
+    cursor: not-allowed;
+  }
+`
+];
+var mode_selector_default = ModeSelectorStyles;
+
+// dist/components/mode-selector.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 __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 _DictationModeSelector_instances;
+var _DictationModeSelector_handleModeChange;
+var DictationModeSelector = class DictationModeSelector2 extends i4 {
+  constructor() {
+    super(...arguments);
+    _DictationModeSelector_instances.add(this);
+    this._mode = "toggle-to-talk";
+    this.disabled = false;
+  }
+  render() {
+    return x`
+      <div>
+        <label>Dictation Mode</label>
+        <div class="mode-selector-tabs">
+          <button
+            class=${e6({
+      active: this._mode === "toggle-to-talk",
+      "mode-selector-tab": true
+    })}
+            @click=${() => __classPrivateFieldGet11(this, _DictationModeSelector_instances, "m", _DictationModeSelector_handleModeChange).call(this, "toggle-to-talk")}
+            ?disabled=${this.disabled}
+          >
+            Toggle-to-Talk
+          </button>
+          <button
+            class=${e6({
+      active: this._mode === "push-to-talk",
+      "mode-selector-tab": true
+    })}
+            @click=${() => __classPrivateFieldGet11(this, _DictationModeSelector_instances, "m", _DictationModeSelector_handleModeChange).call(this, "push-to-talk")}
+            ?disabled=${this.disabled}
+          >
+            Push-to-Talk
+          </button>
+        </div>
+      </div>
+    `;
+  }
+};
+_DictationModeSelector_instances = /* @__PURE__ */ new WeakSet();
+_DictationModeSelector_handleModeChange = function _DictationModeSelector_handleModeChange2(mode) {
+  this.dispatchEvent(modeChangedEvent(mode));
+};
+DictationModeSelector.styles = mode_selector_default;
+__decorate8([
+  c5({ context: modeContext, subscribe: true }),
+  r5()
+], DictationModeSelector.prototype, "_mode", void 0);
+__decorate8([
+  n4({ type: Boolean })
+], DictationModeSelector.prototype, "disabled", void 0);
+DictationModeSelector = __decorate8([
+  t3("dictation-mode-selector")
+], DictationModeSelector);
+
 // dist/components/settings-menu.js
-var __decorate7 = function(decorators, target, key, desc) {
+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;
@@ -12209,6 +12797,8 @@ var DictationSettingsMenu = class DictationSettingsMenu2 extends i4 {
     const isRecording = this._recordingState === "recording";
     const showDeviceSelector = this.settingsEnabled.includes("device");
     const showLanguageSelector = this.settingsEnabled.includes("language");
+    const showModeSelector = this.settingsEnabled.includes("mode");
+    const showKeybinding = this.settingsEnabled.includes("keybinding");
     return x`
       <div class="mic-selector">
         <button id="settings-popover-button" popovertarget="settings-popover">
@@ -12227,6 +12817,16 @@ var DictationSettingsMenu = class DictationSettingsMenu2 extends i4 {
             ${showLanguageSelector ? x`<dictation-language-selector
                   ?disabled=${isRecording}
                 />` : E}
+            ${showModeSelector || showKeybinding ? x`
+                  <div class="settings-group">
+                    ${showModeSelector ? x`<dictation-mode-selector
+                            ?disabled=${isRecording}
+                          />` : E}
+                    ${showKeybinding ? x`<dictation-keybinding-selector
+                            ?disabled=${isRecording}
+                          />` : E}
+                  </div>
+                ` : E}
           </div>
         </div>
       </div>
@@ -12238,28 +12838,28 @@ DictationSettingsMenu.styles = [
   buttons_default,
   callout_default
 ];
-__decorate7([
+__decorate9([
   c5({ context: recordingStateContext, subscribe: true }),
   r5()
 ], DictationSettingsMenu.prototype, "_recordingState", void 0);
-__decorate7([
+__decorate9([
   n4({
     converter: commaSeparatedConverter,
     type: Array
   })
 ], DictationSettingsMenu.prototype, "settingsEnabled", void 0);
-DictationSettingsMenu = __decorate7([
+DictationSettingsMenu = __decorate9([
   t3("dictation-settings-menu")
 ], DictationSettingsMenu);
 
 // dist/components/corti-dictation.js
-var __decorate8 = 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 __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);
@@ -12275,6 +12875,7 @@ var CortiDictation = class CortiDictation2 extends i4 {
     this.allowButtonFocus = false;
     this.debug_displayAudio = false;
     this._dictationConfig = DEFAULT_DICTATION_CONFIG;
+    this._mode = "toggle-to-talk";
   }
   /**
    * List of all language codes available for use with the Web Component.
@@ -12284,7 +12885,7 @@ var CortiDictation = class CortiDictation2 extends i4 {
     this._languagesSupported = value;
   }
   get languagesSupported() {
-    return __classPrivateFieldGet9(this, _CortiDictation_contextProviderRef, "f").value?.languages || this._languagesSupported || [];
+    return __classPrivateFieldGet12(this, _CortiDictation_contextProviderRef, "f").value?.languages || this._languagesSupported || [];
   }
   /**
    * Configuration settings for dictation
@@ -12293,7 +12894,7 @@ var CortiDictation = class CortiDictation2 extends i4 {
     this._dictationConfig = value;
   }
   get dictationConfig() {
-    return __classPrivateFieldGet9(this, _CortiDictation_contextProviderRef, "f").value?.dictationConfig || this._dictationConfig;
+    return __classPrivateFieldGet12(this, _CortiDictation_contextProviderRef, "f").value?.dictationConfig || this._dictationConfig;
   }
   /**
    * List of available recording devices
@@ -12302,7 +12903,7 @@ var CortiDictation = class CortiDictation2 extends i4 {
     this._devices = value;
   }
   get devices() {
-    return __classPrivateFieldGet9(this, _CortiDictation_contextProviderRef, "f").value?.devices || this._devices || [];
+    return __classPrivateFieldGet12(this, _CortiDictation_contextProviderRef, "f").value?.devices || this._devices || [];
   }
   /**
    * The selected device used for recording (MediaDeviceInfo).
@@ -12311,13 +12912,33 @@ var CortiDictation = class CortiDictation2 extends i4 {
     this._selectedDevice = value;
   }
   get selectedDevice() {
-    return __classPrivateFieldGet9(this, _CortiDictation_contextProviderRef, "f").value?.selectedDevice || this._selectedDevice;
+    return __classPrivateFieldGet12(this, _CortiDictation_contextProviderRef, "f").value?.selectedDevice || this._selectedDevice;
   }
   /**
    * Current state of recording (stopped, recording, initializing and stopping, ).
    */
   get recordingState() {
-    return __classPrivateFieldGet9(this, _CortiDictation_contextProviderRef, "f").value?.recordingState || "stopped";
+    return __classPrivateFieldGet12(this, _CortiDictation_contextProviderRef, "f").value?.recordingState || "stopped";
+  }
+  /**
+   * Dictation mode: "toggle-to-talk" or "push-to-talk"
+   */
+  set mode(value) {
+    this._mode = value;
+  }
+  get mode() {
+    return __classPrivateFieldGet12(this, _CortiDictation_contextProviderRef, "f").value?.mode || this._mode || "toggle-to-talk";
+  }
+  /**
+   * Keybinding for keyboard shortcut. Single key only (e.g., "`", "k", "meta", "ctrl").
+   * Combinations with "+" are not supported.
+   * Defaults to "`" if keybinding is in settingsEnabled, otherwise undefined
+   */
+  set keybinding(value) {
+    this._keybinding = value;
+  }
+  get keybinding() {
+    return __classPrivateFieldGet12(this, _CortiDictation_contextProviderRef, "f").value?.keybinding || this._keybinding;
   }
   // ─────────────────────────────────────────────────────────────────────────────
   // Public methods
@@ -12329,7 +12950,7 @@ var CortiDictation = class CortiDictation2 extends i4 {
    */
   setAccessToken(token) {
     this.accessToken = token;
-    return __classPrivateFieldGet9(this, _CortiDictation_contextProviderRef, "f").value?.setAccessToken(token) ?? {
+    return __classPrivateFieldGet12(this, _CortiDictation_contextProviderRef, "f").value?.setAccessToken(token) ?? {
       accessToken: token,
       environment: void 0,
       tenant: void 0
@@ -12342,7 +12963,7 @@ var CortiDictation = class CortiDictation2 extends i4 {
    */
   async setAuthConfig(config) {
     this.authConfig = config;
-    return __classPrivateFieldGet9(this, _CortiDictation_contextProviderRef, "f").value?.setAuthConfig(config) ?? {
+    return __classPrivateFieldGet12(this, _CortiDictation_contextProviderRef, "f").value?.setAuthConfig(config) ?? {
       accessToken: void 0,
       environment: void 0,
       tenant: void 0
@@ -12352,19 +12973,19 @@ var CortiDictation = class CortiDictation2 extends i4 {
    * Starts a recording.
    */
   startRecording() {
-    __classPrivateFieldGet9(this, _CortiDictation_recordingButtonRef, "f").value?.startRecording();
+    __classPrivateFieldGet12(this, _CortiDictation_recordingButtonRef, "f").value?.startRecording();
   }
   /**
    * Stops a recording.
    */
   stopRecording() {
-    __classPrivateFieldGet9(this, _CortiDictation_recordingButtonRef, "f").value?.stopRecording();
+    __classPrivateFieldGet12(this, _CortiDictation_recordingButtonRef, "f").value?.stopRecording();
   }
   /**
    * Starts or stops recording. Convenience layer on top of the start/stop methods.
    */
   toggleRecording() {
-    __classPrivateFieldGet9(this, _CortiDictation_recordingButtonRef, "f").value?.toggleRecording();
+    __classPrivateFieldGet12(this, _CortiDictation_recordingButtonRef, "f").value?.toggleRecording();
   }
   // ─────────────────────────────────────────────────────────────────────────────
   // Render
@@ -12373,7 +12994,7 @@ var CortiDictation = class CortiDictation2 extends i4 {
     const isHidden = !this.accessToken && !this.authConfig && !this.socketUrl && !this.socketProxy;
     return x`
       <dictation-root
-        ${n6(__classPrivateFieldGet9(this, _CortiDictation_contextProviderRef, "f"))}
+        ${n6(__classPrivateFieldGet12(this, _CortiDictation_contextProviderRef, "f"))}
         class=${e6({ hidden: isHidden })}
         .accessToken=${this.accessToken}
         .authConfig=${this.authConfig}
@@ -12384,9 +13005,11 @@ var CortiDictation = class CortiDictation2 extends i4 {
         .devices=${this._devices}
         .selectedDevice=${this._selectedDevice}
         .debug_displayAudio=${this.debug_displayAudio}
+        .mode=${this._mode}
+        .keybinding=${this._keybinding}
       >
         <dictation-recording-button
-          ${n6(__classPrivateFieldGet9(this, _CortiDictation_recordingButtonRef, "f"))}
+          ${n6(__classPrivateFieldGet12(this, _CortiDictation_recordingButtonRef, "f"))}
           ?allowButtonFocus=${this.allowButtonFocus}
         ></dictation-recording-button>
         ${this.settingsEnabled?.length > 0 ? x`<dictation-settings-menu
@@ -12403,58 +13026,70 @@ CortiDictation.styles = i`
       display: none;
     }
   `;
-__decorate8([
+__decorate10([
   n4({ type: String })
 ], CortiDictation.prototype, "accessToken", void 0);
-__decorate8([
+__decorate10([
   n4({ attribute: false, type: Object })
 ], CortiDictation.prototype, "authConfig", void 0);
-__decorate8([
+__decorate10([
   n4({ type: String })
 ], CortiDictation.prototype, "socketUrl", void 0);
-__decorate8([
+__decorate10([
   n4({ attribute: false, type: Object })
 ], CortiDictation.prototype, "socketProxy", void 0);
-__decorate8([
+__decorate10([
   n4({
     converter: commaSeparatedConverter,
     type: Array
   })
 ], CortiDictation.prototype, "languagesSupported", null);
-__decorate8([
+__decorate10([
   r5()
 ], CortiDictation.prototype, "_languagesSupported", void 0);
-__decorate8([
+__decorate10([
   n4({
     converter: commaSeparatedConverter,
     type: Array
   })
 ], CortiDictation.prototype, "settingsEnabled", void 0);
-__decorate8([
+__decorate10([
   n4({ type: Boolean })
 ], CortiDictation.prototype, "allowButtonFocus", void 0);
-__decorate8([
+__decorate10([
   n4({ attribute: "debug-display-audio", type: Boolean })
 ], CortiDictation.prototype, "debug_displayAudio", void 0);
-__decorate8([
+__decorate10([
   n4({ attribute: false, type: Object })
 ], CortiDictation.prototype, "dictationConfig", null);
-__decorate8([
+__decorate10([
   r5()
 ], CortiDictation.prototype, "_dictationConfig", void 0);
-__decorate8([
+__decorate10([
   n4({ attribute: false, type: Array })
 ], CortiDictation.prototype, "devices", null);
-__decorate8([
+__decorate10([
   r5()
 ], CortiDictation.prototype, "_devices", void 0);
-__decorate8([
+__decorate10([
   n4({ attribute: false, type: Object })
 ], CortiDictation.prototype, "selectedDevice", null);
-__decorate8([
+__decorate10([
   r5()
 ], CortiDictation.prototype, "_selectedDevice", void 0);
-CortiDictation = __decorate8([
+__decorate10([
+  n4({ type: String })
+], CortiDictation.prototype, "mode", null);
+__decorate10([
+  r5()
+], CortiDictation.prototype, "_mode", void 0);
+__decorate10([
+  n4({ type: String })
+], CortiDictation.prototype, "keybinding", null);
+__decorate10([
+  r5()
+], CortiDictation.prototype, "_keybinding", void 0);
+CortiDictation = __decorate10([
   t3("corti-dictation")
 ], CortiDictation);
 
@@ -12471,6 +13106,12 @@ if (!customElements.get("dictation-device-selector")) {
 if (!customElements.get("dictation-language-selector")) {
   customElements.define("dictation-language-selector", DictationLanguageSelector);
 }
+if (!customElements.get("dictation-mode-selector")) {
+  customElements.define("dictation-mode-selector", DictationModeSelector);
+}
+if (!customElements.get("dictation-keybinding-selector")) {
+  customElements.define("dictation-keybinding-selector", DictationKeybindingSelector);
+}
 if (!customElements.get("dictation-settings-menu")) {
   customElements.define("dictation-settings-menu", DictationSettingsMenu);
 }
@@ -12481,7 +13122,9 @@ var index_default = CortiDictation;
 export {
   CortiDictation,
   DictationDeviceSelector,
+  DictationKeybindingSelector,
   DictationLanguageSelector,
+  DictationModeSelector,
   DictationRecordingButton,
   DictationRoot,
   DictationSettingsMenu,