@corti/dictation-web 0.0.0-test.571 → 0.0.0-test.571.1

package/dist/bundle.js

@@ -1093,6 +1093,14 @@ function keybindingChangedEvent(key, code) {
     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) {
@@ -11475,7 +11483,9 @@ _KeybindingController_keydownHandler = /* @__PURE__ */ new WeakMap(), _Keybindin
       return;
     }
     if (matchesKeybinding(event, this.host._keybinding)) {
-      event.preventDefault();
+      if (!this.host.dispatchEvent(keybindingActivatedEvent(event))) {
+        return;
+      }
       if (this.host._mode === "push-to-talk") {
         this.host.startRecording();
       }
@@ -12070,7 +12080,7 @@ var DictationRecordingButton = class DictationRecordingButton2 extends i4 {
     __classPrivateFieldGet7(this, _DictationRecordingButton_instances, "m", _DictationRecordingButton_handleStart).call(this);
   }
   stopRecording() {
-    if (this._recordingState === "stopped") {
+    if (this._recordingState === "stopped" || this._recordingState === "stopping") {
       return;
     }
     if (this._recordingState === "initializing") {
@@ -12650,6 +12660,7 @@ var ModeSelectorStyles = [
     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;
@@ -12660,12 +12671,13 @@ var ModeSelectorStyles = [
     margin: -1px;
   }
   .mode-selector-tab:hover:not(:disabled) {
-    background: var(--action-plain-background-hover, light-dark(#ddd, #444));
+    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;

package/dist/components/recording-button.js

@@ -79,7 +79,8 @@ let DictationRecordingButton = class DictationRecordingButton extends LitElement
         __classPrivateFieldGet(this, _DictationRecordingButton_instances, "m", _DictationRecordingButton_handleStart).call(this);
     }
     stopRecording() {
-        if (this._recordingState === "stopped") {
+        if (this._recordingState === "stopped" ||
+            this._recordingState === "stopping") {
             return;
         }
         if (this._recordingState === "initializing") {

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

@@ -1 +1 @@
-{"version":3,"file":"recording-button.js","sourceRoot":"","sources":["../../src/components/recording-button.ts"],"names":[],"mappings":"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","sourcesContent":["import type { Corti } from \"@corti/sdk\";\nimport { consume } from \"@lit/context\";\nimport { type CSSResultGroup, html, LitElement } from \"lit\";\nimport { customElement, property, state } from \"lit/decorators.js\";\nimport { AUDIO_CHUNK_INTERVAL_MS } from \"../constants.js\";\nimport {\n  accessTokenContext,\n  authConfigContext,\n  debugDisplayAudioContext,\n  dictationConfigContext,\n  keybindingContext,\n  modeContext,\n  recordingStateContext,\n  regionContext,\n  selectedDeviceContext,\n  socketProxyContext,\n  socketUrlContext,\n  tenantNameContext,\n} from \"../contexts/dictation-context.js\";\nimport {\n  DictationController,\n  type TranscribeMessage,\n} from \"../controllers/dictation-controller.js\";\nimport { KeybindingController } from \"../controllers/keybinding-controller.js\";\nimport { MediaController } from \"../controllers/media-controller.js\";\nimport ButtonStyles from \"../styles/buttons.js\";\nimport RecordingButtonStyles from \"../styles/recording-button.js\";\nimport type { DictationMode, ProxyOptions, RecordingState } from \"../types.js\";\nimport {\n  audioLevelChangedEvent,\n  commandEvent,\n  errorEvent,\n  networkActivityEvent,\n  type RecordingStateChangedEventDetail,\n  recordingStateChangedEvent,\n  streamClosedEvent,\n  transcriptEvent,\n  usageEvent,\n} from \"../utils/events.js\";\n\nimport \"./audio-visualiser.js\";\nimport \"../icons/icons.js\";\n\n@customElement(\"dictation-recording-button\")\nexport class DictationRecordingButton extends LitElement {\n  @consume({ context: recordingStateContext, subscribe: true })\n  @state()\n  _recordingState: RecordingState = \"stopped\";\n\n  @consume({ context: selectedDeviceContext, subscribe: true })\n  @state()\n  _selectedDevice?: MediaDeviceInfo;\n\n  @consume({ context: accessTokenContext, subscribe: true })\n  @state()\n  _accessToken?: string;\n\n  @consume({ context: authConfigContext, subscribe: true })\n  @state()\n  _authConfig?: Corti.BearerOptions;\n\n  @consume({ context: regionContext, subscribe: true })\n  @state()\n  _region?: string;\n\n  @consume({ context: tenantNameContext, subscribe: true })\n  @state()\n  _tenantName?: string;\n\n  @consume({ context: dictationConfigContext, subscribe: true })\n  @state()\n  _dictationConfig?: Corti.TranscribeConfig;\n\n  @consume({ context: socketUrlContext, subscribe: true })\n  @state()\n  _socketUrl?: string;\n\n  @consume({ context: socketProxyContext, subscribe: true })\n  @state()\n  _socketProxy?: ProxyOptions;\n\n  @consume({ context: debugDisplayAudioContext, subscribe: true })\n  @state()\n  _debug_displayAudio?: boolean;\n\n  @consume({ context: keybindingContext, subscribe: true })\n  @state()\n  _keybinding?: string | null;\n\n  @consume({ context: modeContext, subscribe: true })\n  @state()\n  _mode?: DictationMode;\n\n  @property({ type: Boolean })\n  allowButtonFocus: boolean = false;\n\n  #mediaController = new MediaController(this);\n  #dictationController = new DictationController(this);\n  #keybindingController = new KeybindingController(this);\n\n  static styles: CSSResultGroup = [RecordingButtonStyles, ButtonStyles];\n\n  #handleMouseDown(event: MouseEvent): void {\n    if (!this.allowButtonFocus) {\n      event.preventDefault();\n    }\n\n    if (this._mode === \"push-to-talk\") {\n      this.startRecording();\n    }\n  }\n\n  #handleMouseUp(): void {\n    if (this._mode === \"push-to-talk\") {\n      this.stopRecording();\n      return;\n    }\n\n    if (this._mode === \"toggle-to-talk\") {\n      this.toggleRecording();\n    }\n  }\n\n  #handleMouseLeave(): void {\n    if (this._mode === \"push-to-talk\") {\n      this.stopRecording();\n    }\n  }\n\n  #handleWebSocketMessage = (message: TranscribeMessage): void => {\n    switch (message.type) {\n      case \"CONFIG_ACCEPTED\":\n        this.#mediaController.mediaRecorder?.start(AUDIO_CHUNK_INTERVAL_MS);\n        this.#mediaController.startAudioLevelMonitoring((level) => {\n          this.dispatchEvent(audioLevelChangedEvent(level));\n        });\n        this.dispatchEvent(recordingStateChangedEvent(\"recording\"));\n        break;\n      case \"CONFIG_DENIED\":\n        this.dispatchEvent(\n          errorEvent(`Config denied: ${message.reason ?? \"Unknown reason\"}`),\n        );\n        this.#handleStop();\n        break;\n      case \"CONFIG_TIMEOUT\":\n        this.dispatchEvent(errorEvent(\"Config timeout\"));\n        this.#handleStop();\n        break;\n      case \"transcript\":\n        this.dispatchEvent(transcriptEvent(message));\n        break;\n      case \"command\":\n        this.dispatchEvent(commandEvent(message));\n        break;\n      case \"usage\":\n        this.dispatchEvent(usageEvent(message));\n        break;\n      case \"error\":\n        this.dispatchEvent(errorEvent(message.error));\n        this.#handleStop();\n        break;\n    }\n  };\n\n  #handleWebSocketError = (error: Error): void => {\n    this.dispatchEvent(errorEvent(\"Socket error: \" + error.message));\n    this.#handleStop();\n  };\n\n  #handleWebSocketClose = (event: unknown): void => {\n    this.dispatchEvent(streamClosedEvent(event));\n  };\n\n  async #handleStart(): Promise<void> {\n    this.dispatchEvent(recordingStateChangedEvent(\"initializing\"));\n\n    try {\n      await this.#mediaController.initialize(() => {\n        if (this._recordingState === \"recording\") {\n          this.dispatchEvent(errorEvent(\"Recording device access was lost.\"));\n          this.#handleStop();\n        }\n      });\n\n      const isNewConnection = await this.#dictationController.connect(\n        this.#mediaController.mediaRecorder,\n        this._dictationConfig,\n        {\n          onClose: this.#handleWebSocketClose,\n          onError: this.#handleWebSocketError,\n          onMessage: this.#handleWebSocketMessage,\n          onNetworkActivity: (direction, data) => {\n            this.dispatchEvent(networkActivityEvent(direction, data));\n          },\n        },\n      );\n\n      // configuration has been accepted before\n      if (!isNewConnection) {\n        this.#mediaController.mediaRecorder?.start(AUDIO_CHUNK_INTERVAL_MS);\n        this.#mediaController.startAudioLevelMonitoring((level) => {\n          this.dispatchEvent(audioLevelChangedEvent(level));\n        });\n        this.dispatchEvent(recordingStateChangedEvent(\"recording\"));\n      }\n    } catch (error) {\n      this.dispatchEvent(errorEvent(error));\n      await this.#handleStop();\n    }\n  }\n\n  async #handleStop(): Promise<void> {\n    this.dispatchEvent(recordingStateChangedEvent(\"stopping\"));\n\n    try {\n      this.#mediaController.stopAudioLevelMonitoring();\n      await this.#mediaController.stopRecording();\n\n      await this.#dictationController.disconnect(this.#handleWebSocketClose);\n      await this.#mediaController.cleanup();\n    } catch (error) {\n      this.dispatchEvent(errorEvent(error));\n    }\n\n    this.dispatchEvent(recordingStateChangedEvent(\"stopped\"));\n  }\n\n  public startRecording(): void {\n    if (this._recordingState !== \"stopped\") {\n      return;\n    }\n\n    this.#handleStart();\n  }\n\n  public stopRecording(): void {\n    if (this._recordingState === \"stopped\") {\n      return;\n    }\n\n    if (this._recordingState === \"initializing\") {\n      this.addEventListener(\n        \"recording-state-changed\",\n        (event) => {\n          if (\n            (event as CustomEvent<RecordingStateChangedEventDetail>).detail\n              .state === \"recording\"\n          ) {\n            this.#handleStop();\n          }\n        },\n        {\n          once: true,\n        },\n      );\n      return;\n    }\n\n    this.#handleStop();\n  }\n\n  public toggleRecording(): void {\n    if (this._recordingState === \"stopped\") {\n      this.#handleStart();\n    } else if (this._recordingState === \"recording\") {\n      this.#handleStop();\n    }\n  }\n\n  render() {\n    const isLoading =\n      this._recordingState === \"initializing\" ||\n      this._recordingState === \"stopping\";\n    const isRecording = this._recordingState === \"recording\";\n\n    return html`\n      <button\n        @mousedown=${this.#handleMouseDown}\n        @mouseup=${this.#handleMouseUp}\n        @mouseleave=${this.#handleMouseLeave}\n        ?disabled=${isLoading}\n        class=${isRecording ? \"red\" : \"accent\"}\n        aria-label=${isRecording ? \"Stop recording\" : \"Start recording\"}\n        aria-pressed=${isRecording}\n      >\n        ${\n          isLoading\n            ? html`<icon-loading-spinner />`\n            : isRecording\n              ? html`<icon-recording />`\n              : html`<icon-mic-on />`\n        }\n        <dictation-audio-visualiser\n          .level=${this.#mediaController.audioLevel}\n          ?active=${isRecording}\n        />\n      </button>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"dictation-recording-button\": DictationRecordingButton;\n  }\n}\n"]}
+{"version":3,"file":"recording-button.js","sourceRoot":"","sources":["../../src/components/recording-button.ts"],"names":[],"mappings":"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","sourcesContent":["import type { Corti } from \"@corti/sdk\";\nimport { consume } from \"@lit/context\";\nimport { type CSSResultGroup, html, LitElement } from \"lit\";\nimport { customElement, property, state } from \"lit/decorators.js\";\nimport { AUDIO_CHUNK_INTERVAL_MS } from \"../constants.js\";\nimport {\n  accessTokenContext,\n  authConfigContext,\n  debugDisplayAudioContext,\n  dictationConfigContext,\n  keybindingContext,\n  modeContext,\n  recordingStateContext,\n  regionContext,\n  selectedDeviceContext,\n  socketProxyContext,\n  socketUrlContext,\n  tenantNameContext,\n} from \"../contexts/dictation-context.js\";\nimport {\n  DictationController,\n  type TranscribeMessage,\n} from \"../controllers/dictation-controller.js\";\nimport { KeybindingController } from \"../controllers/keybinding-controller.js\";\nimport { MediaController } from \"../controllers/media-controller.js\";\nimport ButtonStyles from \"../styles/buttons.js\";\nimport RecordingButtonStyles from \"../styles/recording-button.js\";\nimport type { DictationMode, ProxyOptions, RecordingState } from \"../types.js\";\nimport {\n  audioLevelChangedEvent,\n  commandEvent,\n  errorEvent,\n  networkActivityEvent,\n  type RecordingStateChangedEventDetail,\n  recordingStateChangedEvent,\n  streamClosedEvent,\n  transcriptEvent,\n  usageEvent,\n} from \"../utils/events.js\";\n\nimport \"./audio-visualiser.js\";\nimport \"../icons/icons.js\";\n\n@customElement(\"dictation-recording-button\")\nexport class DictationRecordingButton extends LitElement {\n  @consume({ context: recordingStateContext, subscribe: true })\n  @state()\n  _recordingState: RecordingState = \"stopped\";\n\n  @consume({ context: selectedDeviceContext, subscribe: true })\n  @state()\n  _selectedDevice?: MediaDeviceInfo;\n\n  @consume({ context: accessTokenContext, subscribe: true })\n  @state()\n  _accessToken?: string;\n\n  @consume({ context: authConfigContext, subscribe: true })\n  @state()\n  _authConfig?: Corti.BearerOptions;\n\n  @consume({ context: regionContext, subscribe: true })\n  @state()\n  _region?: string;\n\n  @consume({ context: tenantNameContext, subscribe: true })\n  @state()\n  _tenantName?: string;\n\n  @consume({ context: dictationConfigContext, subscribe: true })\n  @state()\n  _dictationConfig?: Corti.TranscribeConfig;\n\n  @consume({ context: socketUrlContext, subscribe: true })\n  @state()\n  _socketUrl?: string;\n\n  @consume({ context: socketProxyContext, subscribe: true })\n  @state()\n  _socketProxy?: ProxyOptions;\n\n  @consume({ context: debugDisplayAudioContext, subscribe: true })\n  @state()\n  _debug_displayAudio?: boolean;\n\n  @consume({ context: keybindingContext, subscribe: true })\n  @state()\n  _keybinding?: string | null;\n\n  @consume({ context: modeContext, subscribe: true })\n  @state()\n  _mode?: DictationMode;\n\n  @property({ type: Boolean })\n  allowButtonFocus: boolean = false;\n\n  #mediaController = new MediaController(this);\n  #dictationController = new DictationController(this);\n  #keybindingController = new KeybindingController(this);\n\n  static styles: CSSResultGroup = [RecordingButtonStyles, ButtonStyles];\n\n  #handleMouseDown(event: MouseEvent): void {\n    if (!this.allowButtonFocus) {\n      event.preventDefault();\n    }\n\n    if (this._mode === \"push-to-talk\") {\n      this.startRecording();\n    }\n  }\n\n  #handleMouseUp(): void {\n    if (this._mode === \"push-to-talk\") {\n      this.stopRecording();\n      return;\n    }\n\n    if (this._mode === \"toggle-to-talk\") {\n      this.toggleRecording();\n    }\n  }\n\n  #handleMouseLeave(): void {\n    if (this._mode === \"push-to-talk\") {\n      this.stopRecording();\n    }\n  }\n\n  #handleWebSocketMessage = (message: TranscribeMessage): void => {\n    switch (message.type) {\n      case \"CONFIG_ACCEPTED\":\n        this.#mediaController.mediaRecorder?.start(AUDIO_CHUNK_INTERVAL_MS);\n        this.#mediaController.startAudioLevelMonitoring((level) => {\n          this.dispatchEvent(audioLevelChangedEvent(level));\n        });\n        this.dispatchEvent(recordingStateChangedEvent(\"recording\"));\n        break;\n      case \"CONFIG_DENIED\":\n        this.dispatchEvent(\n          errorEvent(`Config denied: ${message.reason ?? \"Unknown reason\"}`),\n        );\n        this.#handleStop();\n        break;\n      case \"CONFIG_TIMEOUT\":\n        this.dispatchEvent(errorEvent(\"Config timeout\"));\n        this.#handleStop();\n        break;\n      case \"transcript\":\n        this.dispatchEvent(transcriptEvent(message));\n        break;\n      case \"command\":\n        this.dispatchEvent(commandEvent(message));\n        break;\n      case \"usage\":\n        this.dispatchEvent(usageEvent(message));\n        break;\n      case \"error\":\n        this.dispatchEvent(errorEvent(message.error));\n        this.#handleStop();\n        break;\n    }\n  };\n\n  #handleWebSocketError = (error: Error): void => {\n    this.dispatchEvent(errorEvent(\"Socket error: \" + error.message));\n    this.#handleStop();\n  };\n\n  #handleWebSocketClose = (event: unknown): void => {\n    this.dispatchEvent(streamClosedEvent(event));\n  };\n\n  async #handleStart(): Promise<void> {\n    this.dispatchEvent(recordingStateChangedEvent(\"initializing\"));\n\n    try {\n      await this.#mediaController.initialize(() => {\n        if (this._recordingState === \"recording\") {\n          this.dispatchEvent(errorEvent(\"Recording device access was lost.\"));\n          this.#handleStop();\n        }\n      });\n\n      const isNewConnection = await this.#dictationController.connect(\n        this.#mediaController.mediaRecorder,\n        this._dictationConfig,\n        {\n          onClose: this.#handleWebSocketClose,\n          onError: this.#handleWebSocketError,\n          onMessage: this.#handleWebSocketMessage,\n          onNetworkActivity: (direction, data) => {\n            this.dispatchEvent(networkActivityEvent(direction, data));\n          },\n        },\n      );\n\n      // configuration has been accepted before\n      if (!isNewConnection) {\n        this.#mediaController.mediaRecorder?.start(AUDIO_CHUNK_INTERVAL_MS);\n        this.#mediaController.startAudioLevelMonitoring((level) => {\n          this.dispatchEvent(audioLevelChangedEvent(level));\n        });\n        this.dispatchEvent(recordingStateChangedEvent(\"recording\"));\n      }\n    } catch (error) {\n      this.dispatchEvent(errorEvent(error));\n      await this.#handleStop();\n    }\n  }\n\n  async #handleStop(): Promise<void> {\n    this.dispatchEvent(recordingStateChangedEvent(\"stopping\"));\n\n    try {\n      this.#mediaController.stopAudioLevelMonitoring();\n      await this.#mediaController.stopRecording();\n\n      await this.#dictationController.disconnect(this.#handleWebSocketClose);\n      await this.#mediaController.cleanup();\n    } catch (error) {\n      this.dispatchEvent(errorEvent(error));\n    }\n\n    this.dispatchEvent(recordingStateChangedEvent(\"stopped\"));\n  }\n\n  public startRecording(): void {\n    if (this._recordingState !== \"stopped\") {\n      return;\n    }\n\n    this.#handleStart();\n  }\n\n  public stopRecording(): void {\n    if (\n      this._recordingState === \"stopped\" ||\n      this._recordingState === \"stopping\"\n    ) {\n      return;\n    }\n\n    if (this._recordingState === \"initializing\") {\n      this.addEventListener(\n        \"recording-state-changed\",\n        (event) => {\n          if (\n            (event as CustomEvent<RecordingStateChangedEventDetail>).detail\n              .state === \"recording\"\n          ) {\n            this.#handleStop();\n          }\n        },\n        {\n          once: true,\n        },\n      );\n      return;\n    }\n\n    this.#handleStop();\n  }\n\n  public toggleRecording(): void {\n    if (this._recordingState === \"stopped\") {\n      this.#handleStart();\n    } else if (this._recordingState === \"recording\") {\n      this.#handleStop();\n    }\n  }\n\n  render() {\n    const isLoading =\n      this._recordingState === \"initializing\" ||\n      this._recordingState === \"stopping\";\n    const isRecording = this._recordingState === \"recording\";\n\n    return html`\n      <button\n        @mousedown=${this.#handleMouseDown}\n        @mouseup=${this.#handleMouseUp}\n        @mouseleave=${this.#handleMouseLeave}\n        ?disabled=${isLoading}\n        class=${isRecording ? \"red\" : \"accent\"}\n        aria-label=${isRecording ? \"Stop recording\" : \"Start recording\"}\n        aria-pressed=${isRecording}\n      >\n        ${\n          isLoading\n            ? html`<icon-loading-spinner />`\n            : isRecording\n              ? html`<icon-recording />`\n              : html`<icon-mic-on />`\n        }\n        <dictation-audio-visualiser\n          .level=${this.#mediaController.audioLevel}\n          ?active=${isRecording}\n        />\n      </button>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"dictation-recording-button\": DictationRecordingButton;\n  }\n}\n"]}

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

@@ -6,6 +6,7 @@ interface KeybindingControllerHost extends ReactiveControllerHost {
     startRecording(): void;
     stopRecording(): void;
     toggleRecording(): void;
+    dispatchEvent(event: Event): boolean;
 }
 export declare class KeybindingController implements ReactiveController {
     #private;

package/dist/controllers/keybinding-controller.js

@@ -10,6 +10,7 @@ var __classPrivateFieldSet = (this && this.__classPrivateFieldSet) || function (
     return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
 };
 var _KeybindingController_instances, _KeybindingController_keydownHandler, _KeybindingController_keyupHandler, _KeybindingController_blurHandler, _KeybindingController_setupListeners, _KeybindingController_removeListeners;
+import { keybindingActivatedEvent } from "../utils/events.js";
 import { matchesKeybinding, shouldIgnoreKeybinding, } from "../utils/keybinding.js";
 export class KeybindingController {
     constructor(host) {
@@ -37,7 +38,9 @@ _KeybindingController_keydownHandler = new WeakMap(), _KeybindingController_keyu
             return;
         }
         if (matchesKeybinding(event, this.host._keybinding)) {
-            event.preventDefault();
+            if (!this.host.dispatchEvent(keybindingActivatedEvent(event))) {
+                return;
+            }
             if (this.host._mode === "push-to-talk") {
                 this.host.startRecording();
             }

package/dist/controllers/keybinding-controller.js.map

@@ -1 +1 @@
-{"version":3,"file":"keybinding-controller.js","sourceRoot":"","sources":["../../src/controllers/keybinding-controller.ts"],"names":[],"mappings":"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","sourcesContent":["import type { ReactiveController, ReactiveControllerHost } from \"lit\";\nimport type { DictationMode } from \"../types.js\";\nimport {\n  matchesKeybinding,\n  shouldIgnoreKeybinding,\n} from \"../utils/keybinding.js\";\n\ninterface KeybindingControllerHost extends ReactiveControllerHost {\n  _keybinding?: string | null;\n  _mode?: DictationMode;\n  startRecording(): void;\n  stopRecording(): void;\n  toggleRecording(): void;\n}\n\nexport class KeybindingController implements ReactiveController {\n  host: KeybindingControllerHost;\n\n  #keydownHandler?: (event: KeyboardEvent) => void;\n  #keyupHandler?: (event: KeyboardEvent) => void;\n  #blurHandler?: () => void;\n\n  constructor(host: KeybindingControllerHost) {\n    this.host = host;\n    host.addController(this);\n  }\n\n  hostConnected(): void {\n    this.#setupListeners();\n  }\n\n  hostDisconnected(): void {\n    this.#removeListeners();\n  }\n\n  #setupListeners(): void {\n    this.#removeListeners();\n\n    this.#keydownHandler = (event: KeyboardEvent) => {\n      if (!this.host._keybinding) {\n        return;\n      }\n\n      if (shouldIgnoreKeybinding(document.activeElement)) {\n        return;\n      }\n\n      if (matchesKeybinding(event, this.host._keybinding)) {\n        event.preventDefault();\n\n        if (this.host._mode === \"push-to-talk\") {\n          this.host.startRecording();\n        }\n\n        if (this.host._mode === \"toggle-to-talk\") {\n          this.host.toggleRecording();\n        }\n      }\n    };\n\n    this.#keyupHandler = (event: KeyboardEvent) => {\n      if (!this.host._keybinding) {\n        return;\n      }\n\n      if (\n        this.host._mode === \"push-to-talk\" &&\n        matchesKeybinding(event, this.host._keybinding)\n      ) {\n        this.host.stopRecording();\n      }\n    };\n\n    this.#blurHandler = () => {\n      if (this.host._mode === \"push-to-talk\") {\n        this.host.stopRecording();\n      }\n    };\n\n    window.addEventListener(\"keydown\", this.#keydownHandler);\n    window.addEventListener(\"keyup\", this.#keyupHandler);\n    window.addEventListener(\"blur\", this.#blurHandler);\n  }\n\n  #removeListeners(): void {\n    if (this.#keydownHandler) {\n      window.removeEventListener(\"keydown\", this.#keydownHandler);\n      this.#keydownHandler = undefined;\n    }\n\n    if (this.#keyupHandler) {\n      window.removeEventListener(\"keyup\", this.#keyupHandler);\n      this.#keyupHandler = undefined;\n    }\n\n    if (this.#blurHandler) {\n      window.removeEventListener(\"blur\", this.#blurHandler);\n      this.#blurHandler = undefined;\n    }\n  }\n}\n"]}
+{"version":3,"file":"keybinding-controller.js","sourceRoot":"","sources":["../../src/controllers/keybinding-controller.ts"],"names":[],"mappings":"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","sourcesContent":["import type { ReactiveController, ReactiveControllerHost } from \"lit\";\nimport type { DictationMode } from \"../types.js\";\nimport { keybindingActivatedEvent } from \"../utils/events.js\";\nimport {\n  matchesKeybinding,\n  shouldIgnoreKeybinding,\n} from \"../utils/keybinding.js\";\n\ninterface KeybindingControllerHost extends ReactiveControllerHost {\n  _keybinding?: string | null;\n  _mode?: DictationMode;\n  startRecording(): void;\n  stopRecording(): void;\n  toggleRecording(): void;\n  dispatchEvent(event: Event): boolean;\n}\n\nexport class KeybindingController implements ReactiveController {\n  host: KeybindingControllerHost;\n\n  #keydownHandler?: (event: KeyboardEvent) => void;\n  #keyupHandler?: (event: KeyboardEvent) => void;\n  #blurHandler?: () => void;\n\n  constructor(host: KeybindingControllerHost) {\n    this.host = host;\n    host.addController(this);\n  }\n\n  hostConnected(): void {\n    this.#setupListeners();\n  }\n\n  hostDisconnected(): void {\n    this.#removeListeners();\n  }\n\n  #setupListeners(): void {\n    this.#removeListeners();\n\n    this.#keydownHandler = (event: KeyboardEvent) => {\n      if (!this.host._keybinding) {\n        return;\n      }\n\n      if (shouldIgnoreKeybinding(document.activeElement)) {\n        return;\n      }\n\n      if (matchesKeybinding(event, this.host._keybinding)) {\n        if (!this.host.dispatchEvent(keybindingActivatedEvent(event))) {\n          return;\n        }\n\n        if (this.host._mode === \"push-to-talk\") {\n          this.host.startRecording();\n        }\n\n        if (this.host._mode === \"toggle-to-talk\") {\n          this.host.toggleRecording();\n        }\n      }\n    };\n\n    this.#keyupHandler = (event: KeyboardEvent) => {\n      if (!this.host._keybinding) {\n        return;\n      }\n\n      if (\n        this.host._mode === \"push-to-talk\" &&\n        matchesKeybinding(event, this.host._keybinding)\n      ) {\n        this.host.stopRecording();\n      }\n    };\n\n    this.#blurHandler = () => {\n      if (this.host._mode === \"push-to-talk\") {\n        this.host.stopRecording();\n      }\n    };\n\n    window.addEventListener(\"keydown\", this.#keydownHandler);\n    window.addEventListener(\"keyup\", this.#keyupHandler);\n    window.addEventListener(\"blur\", this.#blurHandler);\n  }\n\n  #removeListeners(): void {\n    if (this.#keydownHandler) {\n      window.removeEventListener(\"keydown\", this.#keydownHandler);\n      this.#keydownHandler = undefined;\n    }\n\n    if (this.#keyupHandler) {\n      window.removeEventListener(\"keyup\", this.#keyupHandler);\n      this.#keyupHandler = undefined;\n    }\n\n    if (this.#blurHandler) {\n      window.removeEventListener(\"blur\", this.#blurHandler);\n      this.#blurHandler = undefined;\n    }\n  }\n}\n"]}

package/dist/index.d.ts

@@ -8,5 +8,5 @@ export { DictationRecordingButton } from "./components/recording-button.js";
 export { DictationSettingsMenu } from "./components/settings-menu.js";
 export { DictationRoot } from "./contexts/dictation-context.js";
 export type { ConfigurableSettings, DictationMode, Keybinding, RecordingState, } from "./types.js";
-export type { AudioLevelChangedEventDetail, CommandEventDetail, ErrorEventDetail, KeybindingChangedEventDetail, LanguageChangedEventDetail, LanguagesChangedEventDetail, ModeChangedEventDetail, NetworkActivityEventDetail, RecordingDevicesChangedEventDetail, RecordingStateChangedEventDetail, TranscriptEventDetail, UsageEventDetail, } from "./utils/events.js";
+export type { AudioLevelChangedEventDetail, CommandEventDetail, ErrorEventDetail, KeybindingActivatedEventDetail, KeybindingChangedEventDetail, LanguageChangedEventDetail, LanguagesChangedEventDetail, ModeChangedEventDetail, NetworkActivityEventDetail, RecordingDevicesChangedEventDetail, RecordingStateChangedEventDetail, TranscriptEventDetail, UsageEventDetail, } from "./utils/events.js";
 export default CortiDictation;

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAC;AACjE,OAAO,EAAE,uBAAuB,EAAE,MAAM,iCAAiC,CAAC;AAC1E,OAAO,EAAE,2BAA2B,EAAE,MAAM,qCAAqC,CAAC;AAClF,OAAO,EAAE,yBAAyB,EAAE,MAAM,mCAAmC,CAAC;AAC9E,OAAO,EAAE,qBAAqB,EAAE,MAAM,+BAA+B,CAAC;AACtE,OAAO,EAAE,wBAAwB,EAAE,MAAM,kCAAkC,CAAC;AAC5E,OAAO,EAAE,qBAAqB,EAAE,MAAM,+BAA+B,CAAC;AACtE,OAAO,EAAE,aAAa,EAAE,MAAM,iCAAiC,CAAC;AAEhE,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,iBAAiB,CAAC,EAAE,CAAC;IAC3C,cAAc,CAAC,MAAM,CAAC,iBAAiB,EAAE,cAAc,CAAC,CAAC;AAC3D,CAAC;AAED,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,4BAA4B,CAAC,EAAE,CAAC;IACtD,cAAc,CAAC,MAAM,CAAC,4BAA4B,EAAE,wBAAwB,CAAC,CAAC;AAChF,CAAC;AAED,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,2BAA2B,CAAC,EAAE,CAAC;IACrD,cAAc,CAAC,MAAM,CAAC,2BAA2B,EAAE,uBAAuB,CAAC,CAAC;AAC9E,CAAC;AAED,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,6BAA6B,CAAC,EAAE,CAAC;IACvD,cAAc,CAAC,MAAM,CACnB,6BAA6B,EAC7B,yBAAyB,CAC1B,CAAC;AACJ,CAAC;AAED,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,yBAAyB,CAAC,EAAE,CAAC;IACnD,cAAc,CAAC,MAAM,CAAC,yBAAyB,EAAE,qBAAqB,CAAC,CAAC;AAC1E,CAAC;AAED,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,+BAA+B,CAAC,EAAE,CAAC;IACzD,cAAc,CAAC,MAAM,CACnB,+BAA+B,EAC/B,2BAA2B,CAC5B,CAAC;AACJ,CAAC;AAED,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,yBAAyB,CAAC,EAAE,CAAC;IACnD,cAAc,CAAC,MAAM,CAAC,yBAAyB,EAAE,qBAAqB,CAAC,CAAC;AAC1E,CAAC;AAED,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,gBAAgB,CAAC,EAAE,CAAC;IAC1C,cAAc,CAAC,MAAM,CAAC,gBAAgB,EAAE,aAAa,CAAC,CAAC;AACzD,CAAC;AAED,OAAO,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAC;AACjE,OAAO,EAAE,uBAAuB,EAAE,MAAM,iCAAiC,CAAC;AAC1E,OAAO,EAAE,2BAA2B,EAAE,MAAM,qCAAqC,CAAC;AAClF,OAAO,EAAE,yBAAyB,EAAE,MAAM,mCAAmC,CAAC;AAC9E,OAAO,EAAE,qBAAqB,EAAE,MAAM,+BAA+B,CAAC;AACtE,OAAO,EAAE,wBAAwB,EAAE,MAAM,kCAAkC,CAAC;AAC5E,OAAO,EAAE,qBAAqB,EAAE,MAAM,+BAA+B,CAAC;AACtE,OAAO,EAAE,aAAa,EAAE,MAAM,iCAAiC,CAAC;AAuBhE,eAAe,cAAc,CAAC","sourcesContent":["import { CortiDictation } from \"./components/corti-dictation.js\";\nimport { DictationDeviceSelector } from \"./components/device-selector.js\";\nimport { DictationKeybindingSelector } from \"./components/keybinding-selector.js\";\nimport { DictationLanguageSelector } from \"./components/language-selector.js\";\nimport { DictationModeSelector } from \"./components/mode-selector.js\";\nimport { DictationRecordingButton } from \"./components/recording-button.js\";\nimport { DictationSettingsMenu } from \"./components/settings-menu.js\";\nimport { DictationRoot } from \"./contexts/dictation-context.js\";\n\nif (!customElements.get(\"corti-dictation\")) {\n  customElements.define(\"corti-dictation\", CortiDictation);\n}\n\nif (!customElements.get(\"dictation-recording-button\")) {\n  customElements.define(\"dictation-recording-button\", DictationRecordingButton);\n}\n\nif (!customElements.get(\"dictation-device-selector\")) {\n  customElements.define(\"dictation-device-selector\", DictationDeviceSelector);\n}\n\nif (!customElements.get(\"dictation-language-selector\")) {\n  customElements.define(\n    \"dictation-language-selector\",\n    DictationLanguageSelector,\n  );\n}\n\nif (!customElements.get(\"dictation-mode-selector\")) {\n  customElements.define(\"dictation-mode-selector\", DictationModeSelector);\n}\n\nif (!customElements.get(\"dictation-keybinding-selector\")) {\n  customElements.define(\n    \"dictation-keybinding-selector\",\n    DictationKeybindingSelector,\n  );\n}\n\nif (!customElements.get(\"dictation-settings-menu\")) {\n  customElements.define(\"dictation-settings-menu\", DictationSettingsMenu);\n}\n\nif (!customElements.get(\"dictation-root\")) {\n  customElements.define(\"dictation-root\", DictationRoot);\n}\n\nexport { CortiDictation } from \"./components/corti-dictation.js\";\nexport { DictationDeviceSelector } from \"./components/device-selector.js\";\nexport { DictationKeybindingSelector } from \"./components/keybinding-selector.js\";\nexport { DictationLanguageSelector } from \"./components/language-selector.js\";\nexport { DictationModeSelector } from \"./components/mode-selector.js\";\nexport { DictationRecordingButton } from \"./components/recording-button.js\";\nexport { DictationSettingsMenu } from \"./components/settings-menu.js\";\nexport { DictationRoot } from \"./contexts/dictation-context.js\";\n\nexport type {\n  ConfigurableSettings,\n  DictationMode,\n  Keybinding,\n  RecordingState,\n} from \"./types.js\";\nexport type {\n  AudioLevelChangedEventDetail,\n  CommandEventDetail,\n  ErrorEventDetail,\n  KeybindingChangedEventDetail,\n  LanguageChangedEventDetail,\n  LanguagesChangedEventDetail,\n  ModeChangedEventDetail,\n  NetworkActivityEventDetail,\n  RecordingDevicesChangedEventDetail,\n  RecordingStateChangedEventDetail,\n  TranscriptEventDetail,\n  UsageEventDetail,\n} from \"./utils/events.js\";\n\nexport default CortiDictation;\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAC;AACjE,OAAO,EAAE,uBAAuB,EAAE,MAAM,iCAAiC,CAAC;AAC1E,OAAO,EAAE,2BAA2B,EAAE,MAAM,qCAAqC,CAAC;AAClF,OAAO,EAAE,yBAAyB,EAAE,MAAM,mCAAmC,CAAC;AAC9E,OAAO,EAAE,qBAAqB,EAAE,MAAM,+BAA+B,CAAC;AACtE,OAAO,EAAE,wBAAwB,EAAE,MAAM,kCAAkC,CAAC;AAC5E,OAAO,EAAE,qBAAqB,EAAE,MAAM,+BAA+B,CAAC;AACtE,OAAO,EAAE,aAAa,EAAE,MAAM,iCAAiC,CAAC;AAEhE,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,iBAAiB,CAAC,EAAE,CAAC;IAC3C,cAAc,CAAC,MAAM,CAAC,iBAAiB,EAAE,cAAc,CAAC,CAAC;AAC3D,CAAC;AAED,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,4BAA4B,CAAC,EAAE,CAAC;IACtD,cAAc,CAAC,MAAM,CAAC,4BAA4B,EAAE,wBAAwB,CAAC,CAAC;AAChF,CAAC;AAED,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,2BAA2B,CAAC,EAAE,CAAC;IACrD,cAAc,CAAC,MAAM,CAAC,2BAA2B,EAAE,uBAAuB,CAAC,CAAC;AAC9E,CAAC;AAED,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,6BAA6B,CAAC,EAAE,CAAC;IACvD,cAAc,CAAC,MAAM,CACnB,6BAA6B,EAC7B,yBAAyB,CAC1B,CAAC;AACJ,CAAC;AAED,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,yBAAyB,CAAC,EAAE,CAAC;IACnD,cAAc,CAAC,MAAM,CAAC,yBAAyB,EAAE,qBAAqB,CAAC,CAAC;AAC1E,CAAC;AAED,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,+BAA+B,CAAC,EAAE,CAAC;IACzD,cAAc,CAAC,MAAM,CACnB,+BAA+B,EAC/B,2BAA2B,CAC5B,CAAC;AACJ,CAAC;AAED,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,yBAAyB,CAAC,EAAE,CAAC;IACnD,cAAc,CAAC,MAAM,CAAC,yBAAyB,EAAE,qBAAqB,CAAC,CAAC;AAC1E,CAAC;AAED,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,gBAAgB,CAAC,EAAE,CAAC;IAC1C,cAAc,CAAC,MAAM,CAAC,gBAAgB,EAAE,aAAa,CAAC,CAAC;AACzD,CAAC;AAED,OAAO,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAC;AACjE,OAAO,EAAE,uBAAuB,EAAE,MAAM,iCAAiC,CAAC;AAC1E,OAAO,EAAE,2BAA2B,EAAE,MAAM,qCAAqC,CAAC;AAClF,OAAO,EAAE,yBAAyB,EAAE,MAAM,mCAAmC,CAAC;AAC9E,OAAO,EAAE,qBAAqB,EAAE,MAAM,+BAA+B,CAAC;AACtE,OAAO,EAAE,wBAAwB,EAAE,MAAM,kCAAkC,CAAC;AAC5E,OAAO,EAAE,qBAAqB,EAAE,MAAM,+BAA+B,CAAC;AACtE,OAAO,EAAE,aAAa,EAAE,MAAM,iCAAiC,CAAC;AAwBhE,eAAe,cAAc,CAAC","sourcesContent":["import { CortiDictation } from \"./components/corti-dictation.js\";\nimport { DictationDeviceSelector } from \"./components/device-selector.js\";\nimport { DictationKeybindingSelector } from \"./components/keybinding-selector.js\";\nimport { DictationLanguageSelector } from \"./components/language-selector.js\";\nimport { DictationModeSelector } from \"./components/mode-selector.js\";\nimport { DictationRecordingButton } from \"./components/recording-button.js\";\nimport { DictationSettingsMenu } from \"./components/settings-menu.js\";\nimport { DictationRoot } from \"./contexts/dictation-context.js\";\n\nif (!customElements.get(\"corti-dictation\")) {\n  customElements.define(\"corti-dictation\", CortiDictation);\n}\n\nif (!customElements.get(\"dictation-recording-button\")) {\n  customElements.define(\"dictation-recording-button\", DictationRecordingButton);\n}\n\nif (!customElements.get(\"dictation-device-selector\")) {\n  customElements.define(\"dictation-device-selector\", DictationDeviceSelector);\n}\n\nif (!customElements.get(\"dictation-language-selector\")) {\n  customElements.define(\n    \"dictation-language-selector\",\n    DictationLanguageSelector,\n  );\n}\n\nif (!customElements.get(\"dictation-mode-selector\")) {\n  customElements.define(\"dictation-mode-selector\", DictationModeSelector);\n}\n\nif (!customElements.get(\"dictation-keybinding-selector\")) {\n  customElements.define(\n    \"dictation-keybinding-selector\",\n    DictationKeybindingSelector,\n  );\n}\n\nif (!customElements.get(\"dictation-settings-menu\")) {\n  customElements.define(\"dictation-settings-menu\", DictationSettingsMenu);\n}\n\nif (!customElements.get(\"dictation-root\")) {\n  customElements.define(\"dictation-root\", DictationRoot);\n}\n\nexport { CortiDictation } from \"./components/corti-dictation.js\";\nexport { DictationDeviceSelector } from \"./components/device-selector.js\";\nexport { DictationKeybindingSelector } from \"./components/keybinding-selector.js\";\nexport { DictationLanguageSelector } from \"./components/language-selector.js\";\nexport { DictationModeSelector } from \"./components/mode-selector.js\";\nexport { DictationRecordingButton } from \"./components/recording-button.js\";\nexport { DictationSettingsMenu } from \"./components/settings-menu.js\";\nexport { DictationRoot } from \"./contexts/dictation-context.js\";\n\nexport type {\n  ConfigurableSettings,\n  DictationMode,\n  Keybinding,\n  RecordingState,\n} from \"./types.js\";\nexport type {\n  AudioLevelChangedEventDetail,\n  CommandEventDetail,\n  ErrorEventDetail,\n  KeybindingActivatedEventDetail,\n  KeybindingChangedEventDetail,\n  LanguageChangedEventDetail,\n  LanguagesChangedEventDetail,\n  ModeChangedEventDetail,\n  NetworkActivityEventDetail,\n  RecordingDevicesChangedEventDetail,\n  RecordingStateChangedEventDetail,\n  TranscriptEventDetail,\n  UsageEventDetail,\n} from \"./utils/events.js\";\n\nexport default CortiDictation;\n"]}

package/dist/styles/mode-selector.js

@@ -27,6 +27,7 @@ const ModeSelectorStyles = [
     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;
@@ -37,12 +38,13 @@ const ModeSelectorStyles = [
     margin: -1px;
   }
   .mode-selector-tab:hover:not(:disabled) {
-    background: var(--action-plain-background-hover, light-dark(#ddd, #444));
+    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;

package/dist/styles/mode-selector.js.map

@@ -1 +1 @@
-{"version":3,"file":"mode-selector.js","sourceRoot":"","sources":["../../src/styles/mode-selector.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAEpD,MAAM,kBAAkB,GAAG;IACzB,WAAW;IACX,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8CJ;CACA,CAAC;AAEF,eAAe,kBAAkB,CAAC","sourcesContent":["import { css } from \"lit\";\nimport { LabelStyles } from \"./component-styles.js\";\n\nconst ModeSelectorStyles = [\n  LabelStyles,\n  css`\n  :host {\n    display: block;\n  }\n  .mode-selector-tabs {\n    display: flex;\n    background: var(--muted-background, light-dark(#fafafa, #2a2a2a));\n    border: 1px solid var(--card-border-color, light-dark(#ddd, #555));\n    border-radius: var(--card-inner-border-radius, 6px);\n    padding: 0;\n    overflow: hidden;\n    align-items: center;\n    justify-content: center;\n    text-wrap: nowrap;\n    gap: 2px;\n  }\n  .mode-selector-tab {\n    flex: 1;\n    padding: 4px 8px;\n    border: 1px solid transparent;\n    background: transparent;\n    font-size: 14px;\n    font-weight: 500;\n    line-height: 24px;\n    color: var(--component-text-color, light-dark(#333, #eee));\n    cursor: pointer;\n    transition: all 0.2s;\n    height: 32px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-radius: var(--card-inner-border-radius, 6px);\n    margin: -1px;\n  }\n  .mode-selector-tab:hover:not(:disabled) {\n    background: var(--action-plain-background-hover, light-dark(#ddd, #444));\n  }\n  .mode-selector-tab.active {\n    background: var(--card-background, light-dark(#fff, #333));\n    border-color: var(--card-border-color, light-dark(#ddd, #555));\n    box-shadow: var(--card-box-shadow, 0 2px 5px rgba(0, 0, 0, 0.1));\n  }\n  .mode-selector-tab:disabled {\n    opacity: 0.5;\n    cursor: not-allowed;\n  }\n`,\n];\n\nexport default ModeSelectorStyles;\n"]}
+{"version":3,"file":"mode-selector.js","sourceRoot":"","sources":["../../src/styles/mode-selector.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAEpD,MAAM,kBAAkB,GAAG;IACzB,WAAW;IACX,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgDJ;CACA,CAAC;AAEF,eAAe,kBAAkB,CAAC","sourcesContent":["import { css } from \"lit\";\nimport { LabelStyles } from \"./component-styles.js\";\n\nconst ModeSelectorStyles = [\n  LabelStyles,\n  css`\n  :host {\n    display: block;\n  }\n  .mode-selector-tabs {\n    display: flex;\n    background: var(--muted-background, light-dark(#fafafa, #2a2a2a));\n    border: 1px solid var(--card-border-color, light-dark(#ddd, #555));\n    border-radius: var(--card-inner-border-radius, 6px);\n    padding: 0;\n    overflow: hidden;\n    align-items: center;\n    justify-content: center;\n    text-wrap: nowrap;\n    gap: 2px;\n  }\n  .mode-selector-tab {\n    flex: 1;\n    padding: 4px 8px;\n    border: 1px solid transparent;\n    background: transparent;\n    font-size: 14px;\n    font-weight: 500;\n    line-height: 24px;\n    color: var(--component-text-color, light-dark(#333, #eee));\n    opacity: 0.6;\n    cursor: pointer;\n    transition: all 0.2s;\n    height: 32px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-radius: var(--card-inner-border-radius, 6px);\n    margin: -1px;\n  }\n  .mode-selector-tab:hover:not(:disabled) {\n    opacity: 1;\n  }\n  .mode-selector-tab.active {\n    background: var(--card-background, light-dark(#fff, #333));\n    border-color: var(--card-border-color, light-dark(#ddd, #555));\n    box-shadow: var(--card-box-shadow, 0 2px 5px rgba(0, 0, 0, 0.1));\n    opacity: 1;\n  }\n  .mode-selector-tab:disabled {\n    opacity: 0.5;\n    cursor: not-allowed;\n  }\n`,\n];\n\nexport default ModeSelectorStyles;\n"]}

package/dist/utils/events.d.ts

@@ -49,5 +49,9 @@ export type KeybindingChangedEventDetail = {
     key: string | null | undefined;
     code: string | null | undefined;
 };
+export type KeybindingActivatedEventDetail = {
+    keyboardEvent: KeyboardEvent;
+};
 export declare function modeChangedEvent(mode: DictationMode): CustomEvent<ModeChangedEventDetail>;
 export declare function keybindingChangedEvent(key: string | null | undefined, code: string | null | undefined): CustomEvent<KeybindingChangedEventDetail>;
+export declare function keybindingActivatedEvent(keyboardEvent: KeyboardEvent): CustomEvent<KeybindingActivatedEventDetail>;

package/dist/utils/events.js

@@ -99,4 +99,12 @@ export function keybindingChangedEvent(key, code) {
         detail: { code, key },
     });
 }
+export function keybindingActivatedEvent(keyboardEvent) {
+    return new CustomEvent("keybinding-activated", {
+        bubbles: true,
+        cancelable: true,
+        composed: true,
+        detail: { keyboardEvent },
+    });
+}
 //# sourceMappingURL=events.js.map

package/dist/utils/events.js.map

@@ -1 +1 @@
-{"version":3,"file":"events.js","sourceRoot":"","sources":["../../src/utils/events.ts"],"names":[],"mappings":"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","sourcesContent":["import type { Corti } from \"@corti/sdk\";\nimport type { DictationMode, RecordingState } from \"../types.js\";\n\nexport type LanguagesChangedEventDetail = {\n  languages: Corti.TranscribeSupportedLanguage[];\n  selectedLanguage: string | undefined;\n};\n\nexport type LanguageChangedEventDetail = {\n  language: string;\n};\n\nexport type RecordingDevicesChangedEventDetail = {\n  devices: MediaDeviceInfo[];\n  selectedDevice: MediaDeviceInfo | undefined;\n};\n\nexport type RecordingStateChangedEventDetail = {\n  state: RecordingState;\n};\n\nexport type AudioLevelChangedEventDetail = {\n  audioLevel: number;\n};\n\nexport type TranscriptEventDetail = Corti.TranscribeTranscriptMessage;\nexport type CommandEventDetail = Corti.TranscribeCommandMessage;\nexport type UsageEventDetail = Corti.TranscribeUsageMessage;\n\nexport type ErrorEventDetail = {\n  message: string;\n};\n\nexport function languagesChangedEvent(\n  languages: Corti.TranscribeSupportedLanguage[],\n  selectedLanguage: string | undefined,\n): CustomEvent<LanguagesChangedEventDetail> {\n  return new CustomEvent(\"languages-changed\", {\n    bubbles: true,\n    composed: true,\n    detail: { languages, selectedLanguage },\n  });\n}\n\n/**\n * @deprecated Use languagesChangedEvent instead. This event is kept for backward compatibility.\n */\nexport function languageChangedEvent(\n  language: string,\n): CustomEvent<LanguageChangedEventDetail> {\n  return new CustomEvent(\"language-changed\", {\n    bubbles: true,\n    composed: true,\n    detail: { language },\n  });\n}\n\nexport function recordingDevicesChangedEvent(\n  devices: MediaDeviceInfo[],\n  selectedDevice: MediaDeviceInfo | undefined,\n): CustomEvent<RecordingDevicesChangedEventDetail> {\n  return new CustomEvent(\"recording-devices-changed\", {\n    bubbles: true,\n    composed: true,\n    detail: { devices, selectedDevice },\n  });\n}\n\nexport function recordingStateChangedEvent(\n  state: RecordingState,\n): CustomEvent<RecordingStateChangedEventDetail> {\n  return new CustomEvent(\"recording-state-changed\", {\n    bubbles: true,\n    composed: true,\n    detail: { state },\n  });\n}\n\nexport function transcriptEvent(\n  detail: TranscriptEventDetail,\n): CustomEvent<TranscriptEventDetail> {\n  return new CustomEvent(\"transcript\", {\n    bubbles: true,\n    composed: true,\n    detail,\n  });\n}\n\nexport function commandEvent(\n  detail: CommandEventDetail,\n): CustomEvent<CommandEventDetail> {\n  return new CustomEvent(\"command\", {\n    bubbles: true,\n    composed: true,\n    detail,\n  });\n}\n\nexport function usageEvent(\n  detail: UsageEventDetail,\n): CustomEvent<UsageEventDetail> {\n  return new CustomEvent(\"usage\", {\n    bubbles: true,\n    composed: true,\n    detail,\n  });\n}\n\nexport function errorEvent(error: unknown): CustomEvent<ErrorEventDetail> {\n  const message =\n    error instanceof Error && error.message ? error.message : String(error);\n\n  return new CustomEvent(\"error\", {\n    bubbles: false,\n    composed: true,\n    detail: { message },\n  });\n}\n\nexport function streamClosedEvent(detail: unknown): CustomEvent {\n  return new CustomEvent(\"stream-closed\", {\n    bubbles: true,\n    composed: true,\n    detail,\n  });\n}\n\nexport function readyEvent(): CustomEvent {\n  return new CustomEvent(\"ready\", {\n    bubbles: true,\n    composed: true,\n  });\n}\n\nexport function audioLevelChangedEvent(\n  audioLevel: number,\n): CustomEvent<AudioLevelChangedEventDetail> {\n  return new CustomEvent(\"audio-level-changed\", {\n    bubbles: true,\n    composed: true,\n    detail: { audioLevel },\n  });\n}\n\nexport type NetworkActivityEventDetail = {\n  direction: \"sent\" | \"received\";\n  data: unknown;\n};\n\nexport function networkActivityEvent(\n  direction: \"sent\" | \"received\",\n  data: unknown,\n): CustomEvent<NetworkActivityEventDetail> {\n  return new CustomEvent(\"network-activity\", {\n    bubbles: true,\n    composed: true,\n    detail: { data, direction },\n  });\n}\n\nexport type ModeChangedEventDetail = {\n  mode: DictationMode;\n};\n\nexport type KeybindingChangedEventDetail = {\n  key: string | null | undefined;\n  code: string | null | undefined;\n};\n\nexport function modeChangedEvent(\n  mode: DictationMode,\n): CustomEvent<ModeChangedEventDetail> {\n  return new CustomEvent(\"mode-changed\", {\n    bubbles: true,\n    composed: true,\n    detail: { mode },\n  });\n}\n\nexport function keybindingChangedEvent(\n  key: string | null | undefined,\n  code: string | null | undefined,\n): CustomEvent<KeybindingChangedEventDetail> {\n  return new CustomEvent(\"keybinding-changed\", {\n    bubbles: true,\n    composed: true,\n    detail: { code, key },\n  });\n}\n"]}
+{"version":3,"file":"events.js","sourceRoot":"","sources":["../../src/utils/events.ts"],"names":[],"mappings":"AAiCA,MAAM,UAAU,qBAAqB,CACnC,SAA8C,EAC9C,gBAAoC;IAEpC,OAAO,IAAI,WAAW,CAAC,mBAAmB,EAAE;QAC1C,OAAO,EAAE,IAAI;QACb,QAAQ,EAAE,IAAI;QACd,MAAM,EAAE,EAAE,SAAS,EAAE,gBAAgB,EAAE;KACxC,CAAC,CAAC;AACL,CAAC;AAED;;GAEG;AACH,MAAM,UAAU,oBAAoB,CAClC,QAAgB;IAEhB,OAAO,IAAI,WAAW,CAAC,kBAAkB,EAAE;QACzC,OAAO,EAAE,IAAI;QACb,QAAQ,EAAE,IAAI;QACd,MAAM,EAAE,EAAE,QAAQ,EAAE;KACrB,CAAC,CAAC;AACL,CAAC;AAED,MAAM,UAAU,4BAA4B,CAC1C,OAA0B,EAC1B,cAA2C;IAE3C,OAAO,IAAI,WAAW,CAAC,2BAA2B,EAAE;QAClD,OAAO,EAAE,IAAI;QACb,QAAQ,EAAE,IAAI;QACd,MAAM,EAAE,EAAE,OAAO,EAAE,cAAc,EAAE;KACpC,CAAC,CAAC;AACL,CAAC;AAED,MAAM,UAAU,0BAA0B,CACxC,KAAqB;IAErB,OAAO,IAAI,WAAW,CAAC,yBAAyB,EAAE;QAChD,OAAO,EAAE,IAAI;QACb,QAAQ,EAAE,IAAI;QACd,MAAM,EAAE,EAAE,KAAK,EAAE;KAClB,CAAC,CAAC;AACL,CAAC;AAED,MAAM,UAAU,eAAe,CAC7B,MAA6B;IAE7B,OAAO,IAAI,WAAW,CAAC,YAAY,EAAE;QACnC,OAAO,EAAE,IAAI;QACb,QAAQ,EAAE,IAAI;QACd,MAAM;KACP,CAAC,CAAC;AACL,CAAC;AAED,MAAM,UAAU,YAAY,CAC1B,MAA0B;IAE1B,OAAO,IAAI,WAAW,CAAC,SAAS,EAAE;QAChC,OAAO,EAAE,IAAI;QACb,QAAQ,EAAE,IAAI;QACd,MAAM;KACP,CAAC,CAAC;AACL,CAAC;AAED,MAAM,UAAU,UAAU,CACxB,MAAwB;IAExB,OAAO,IAAI,WAAW,CAAC,OAAO,EAAE;QAC9B,OAAO,EAAE,IAAI;QACb,QAAQ,EAAE,IAAI;QACd,MAAM;KACP,CAAC,CAAC;AACL,CAAC;AAED,MAAM,UAAU,UAAU,CAAC,KAAc;IACvC,MAAM,OAAO,GACX,KAAK,YAAY,KAAK,IAAI,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IAE1E,OAAO,IAAI,WAAW,CAAC,OAAO,EAAE;QAC9B,OAAO,EAAE,KAAK;QACd,QAAQ,EAAE,IAAI;QACd,MAAM,EAAE,EAAE,OAAO,EAAE;KACpB,CAAC,CAAC;AACL,CAAC;AAED,MAAM,UAAU,iBAAiB,CAAC,MAAe;IAC/C,OAAO,IAAI,WAAW,CAAC,eAAe,EAAE;QACtC,OAAO,EAAE,IAAI;QACb,QAAQ,EAAE,IAAI;QACd,MAAM;KACP,CAAC,CAAC;AACL,CAAC;AAED,MAAM,UAAU,UAAU;IACxB,OAAO,IAAI,WAAW,CAAC,OAAO,EAAE;QAC9B,OAAO,EAAE,IAAI;QACb,QAAQ,EAAE,IAAI;KACf,CAAC,CAAC;AACL,CAAC;AAED,MAAM,UAAU,sBAAsB,CACpC,UAAkB;IAElB,OAAO,IAAI,WAAW,CAAC,qBAAqB,EAAE;QAC5C,OAAO,EAAE,IAAI;QACb,QAAQ,EAAE,IAAI;QACd,MAAM,EAAE,EAAE,UAAU,EAAE;KACvB,CAAC,CAAC;AACL,CAAC;AAOD,MAAM,UAAU,oBAAoB,CAClC,SAA8B,EAC9B,IAAa;IAEb,OAAO,IAAI,WAAW,CAAC,kBAAkB,EAAE;QACzC,OAAO,EAAE,IAAI;QACb,QAAQ,EAAE,IAAI;QACd,MAAM,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE;KAC5B,CAAC,CAAC;AACL,CAAC;AAeD,MAAM,UAAU,gBAAgB,CAC9B,IAAmB;IAEnB,OAAO,IAAI,WAAW,CAAC,cAAc,EAAE;QACrC,OAAO,EAAE,IAAI;QACb,QAAQ,EAAE,IAAI;QACd,MAAM,EAAE,EAAE,IAAI,EAAE;KACjB,CAAC,CAAC;AACL,CAAC;AAED,MAAM,UAAU,sBAAsB,CACpC,GAA8B,EAC9B,IAA+B;IAE/B,OAAO,IAAI,WAAW,CAAC,oBAAoB,EAAE;QAC3C,OAAO,EAAE,IAAI;QACb,QAAQ,EAAE,IAAI;QACd,MAAM,EAAE,EAAE,IAAI,EAAE,GAAG,EAAE;KACtB,CAAC,CAAC;AACL,CAAC;AAED,MAAM,UAAU,wBAAwB,CACtC,aAA4B;IAE5B,OAAO,IAAI,WAAW,CAAC,sBAAsB,EAAE;QAC7C,OAAO,EAAE,IAAI;QACb,UAAU,EAAE,IAAI;QAChB,QAAQ,EAAE,IAAI;QACd,MAAM,EAAE,EAAE,aAAa,EAAE;KAC1B,CAAC,CAAC;AACL,CAAC","sourcesContent":["import type { Corti } from \"@corti/sdk\";\nimport type { DictationMode, RecordingState } from \"../types.js\";\n\nexport type LanguagesChangedEventDetail = {\n  languages: Corti.TranscribeSupportedLanguage[];\n  selectedLanguage: string | undefined;\n};\n\nexport type LanguageChangedEventDetail = {\n  language: string;\n};\n\nexport type RecordingDevicesChangedEventDetail = {\n  devices: MediaDeviceInfo[];\n  selectedDevice: MediaDeviceInfo | undefined;\n};\n\nexport type RecordingStateChangedEventDetail = {\n  state: RecordingState;\n};\n\nexport type AudioLevelChangedEventDetail = {\n  audioLevel: number;\n};\n\nexport type TranscriptEventDetail = Corti.TranscribeTranscriptMessage;\nexport type CommandEventDetail = Corti.TranscribeCommandMessage;\nexport type UsageEventDetail = Corti.TranscribeUsageMessage;\n\nexport type ErrorEventDetail = {\n  message: string;\n};\n\nexport function languagesChangedEvent(\n  languages: Corti.TranscribeSupportedLanguage[],\n  selectedLanguage: string | undefined,\n): CustomEvent<LanguagesChangedEventDetail> {\n  return new CustomEvent(\"languages-changed\", {\n    bubbles: true,\n    composed: true,\n    detail: { languages, selectedLanguage },\n  });\n}\n\n/**\n * @deprecated Use languagesChangedEvent instead. This event is kept for backward compatibility.\n */\nexport function languageChangedEvent(\n  language: string,\n): CustomEvent<LanguageChangedEventDetail> {\n  return new CustomEvent(\"language-changed\", {\n    bubbles: true,\n    composed: true,\n    detail: { language },\n  });\n}\n\nexport function recordingDevicesChangedEvent(\n  devices: MediaDeviceInfo[],\n  selectedDevice: MediaDeviceInfo | undefined,\n): CustomEvent<RecordingDevicesChangedEventDetail> {\n  return new CustomEvent(\"recording-devices-changed\", {\n    bubbles: true,\n    composed: true,\n    detail: { devices, selectedDevice },\n  });\n}\n\nexport function recordingStateChangedEvent(\n  state: RecordingState,\n): CustomEvent<RecordingStateChangedEventDetail> {\n  return new CustomEvent(\"recording-state-changed\", {\n    bubbles: true,\n    composed: true,\n    detail: { state },\n  });\n}\n\nexport function transcriptEvent(\n  detail: TranscriptEventDetail,\n): CustomEvent<TranscriptEventDetail> {\n  return new CustomEvent(\"transcript\", {\n    bubbles: true,\n    composed: true,\n    detail,\n  });\n}\n\nexport function commandEvent(\n  detail: CommandEventDetail,\n): CustomEvent<CommandEventDetail> {\n  return new CustomEvent(\"command\", {\n    bubbles: true,\n    composed: true,\n    detail,\n  });\n}\n\nexport function usageEvent(\n  detail: UsageEventDetail,\n): CustomEvent<UsageEventDetail> {\n  return new CustomEvent(\"usage\", {\n    bubbles: true,\n    composed: true,\n    detail,\n  });\n}\n\nexport function errorEvent(error: unknown): CustomEvent<ErrorEventDetail> {\n  const message =\n    error instanceof Error && error.message ? error.message : String(error);\n\n  return new CustomEvent(\"error\", {\n    bubbles: false,\n    composed: true,\n    detail: { message },\n  });\n}\n\nexport function streamClosedEvent(detail: unknown): CustomEvent {\n  return new CustomEvent(\"stream-closed\", {\n    bubbles: true,\n    composed: true,\n    detail,\n  });\n}\n\nexport function readyEvent(): CustomEvent {\n  return new CustomEvent(\"ready\", {\n    bubbles: true,\n    composed: true,\n  });\n}\n\nexport function audioLevelChangedEvent(\n  audioLevel: number,\n): CustomEvent<AudioLevelChangedEventDetail> {\n  return new CustomEvent(\"audio-level-changed\", {\n    bubbles: true,\n    composed: true,\n    detail: { audioLevel },\n  });\n}\n\nexport type NetworkActivityEventDetail = {\n  direction: \"sent\" | \"received\";\n  data: unknown;\n};\n\nexport function networkActivityEvent(\n  direction: \"sent\" | \"received\",\n  data: unknown,\n): CustomEvent<NetworkActivityEventDetail> {\n  return new CustomEvent(\"network-activity\", {\n    bubbles: true,\n    composed: true,\n    detail: { data, direction },\n  });\n}\n\nexport type ModeChangedEventDetail = {\n  mode: DictationMode;\n};\n\nexport type KeybindingChangedEventDetail = {\n  key: string | null | undefined;\n  code: string | null | undefined;\n};\n\nexport type KeybindingActivatedEventDetail = {\n  keyboardEvent: KeyboardEvent;\n};\n\nexport function modeChangedEvent(\n  mode: DictationMode,\n): CustomEvent<ModeChangedEventDetail> {\n  return new CustomEvent(\"mode-changed\", {\n    bubbles: true,\n    composed: true,\n    detail: { mode },\n  });\n}\n\nexport function keybindingChangedEvent(\n  key: string | null | undefined,\n  code: string | null | undefined,\n): CustomEvent<KeybindingChangedEventDetail> {\n  return new CustomEvent(\"keybinding-changed\", {\n    bubbles: true,\n    composed: true,\n    detail: { code, key },\n  });\n}\n\nexport function keybindingActivatedEvent(\n  keyboardEvent: KeyboardEvent,\n): CustomEvent<KeybindingActivatedEventDetail> {\n  return new CustomEvent(\"keybinding-activated\", {\n    bubbles: true,\n    cancelable: true,\n    composed: true,\n    detail: { keyboardEvent },\n  });\n}\n"]}

package/dist/utils/keybinding.d.ts

@@ -23,19 +23,6 @@ export declare function normalizeKeybinding(keybinding: string | null | undefine
  * matchesKeybinding(event, "`") // true if event.key is "`" or event.code is "Backquote"
  */
 export declare function matchesKeybinding(event: KeyboardEvent, keybinding: string | null | undefined): boolean;
-/**
- * Gets the pressed key from a KeyboardEvent.
- * Treats modifier keys the same as any other key - they generate their own events.
- * Keys longer than 1 character are capitalized (e.g., "Cmd", "Ctrl", "Space").
- * Platform-specific: "Meta" -> "Cmd" on Mac, "Alt" -> "Opt" on Mac.
- *
- * @param event - KeyboardEvent to extract the pressed key from
- * @returns Normalized key string in keybinding format (e.g., "Cmd", "Opt", "Ctrl", "k")
- *
- * @example
- * getPressedKeyFromEvent(event) // "Cmd" when Meta key is pressed on Mac, "Opt" when Alt is pressed on Mac
- */
-export declare function getPressedKeyFromEvent(event: KeyboardEvent): string;
 /**
  * Checks if keybindings should be ignored for the current active element.
  * Returns true if the user is typing in an input field.

package/dist/utils/keybinding.js

@@ -99,21 +99,6 @@ export function matchesKeybinding(event, keybinding) {
     return (normalizedKey === normalizedKeybinding ||
         normalizedCode === normalizedKeybinding);
 }
-/**
- * Gets the pressed key from a KeyboardEvent.
- * Treats modifier keys the same as any other key - they generate their own events.
- * Keys longer than 1 character are capitalized (e.g., "Cmd", "Ctrl", "Space").
- * Platform-specific: "Meta" -> "Cmd" on Mac, "Alt" -> "Opt" on Mac.
- *
- * @param event - KeyboardEvent to extract the pressed key from
- * @returns Normalized key string in keybinding format (e.g., "Cmd", "Opt", "Ctrl", "k")
- *
- * @example
- * getPressedKeyFromEvent(event) // "Cmd" when Meta key is pressed on Mac, "Opt" when Alt is pressed on Mac
- */
-export function getPressedKeyFromEvent(event) {
-    return normalizeKeyForKeybinding(event.key);
-}
 /**
  * Checks if keybindings should be ignored for the current active element.
  * Returns true if the user is typing in an input field.

package/dist/utils/keybinding.js.map

@@ -1 +1 @@
-{"version":3,"file":"keybinding.js","sourceRoot":"","sources":["../../src/utils/keybinding.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n * Checks if the current platform is macOS.\n * Uses userAgent string for reliable cross-browser detection.\n *\n * @returns true if running on macOS\n */\nfunction isMac(): boolean {\n  if (typeof navigator === \"undefined\") {\n    return false;\n  }\n\n  // Check user agent for Mac patterns (most reliable method)\n  return /Mac|iPhone|iPad|iPod/.test(navigator.userAgent);\n}\n\n/**\n * Capitalizes the first letter of a string.\n *\n * @param str - String to capitalize\n * @returns String with first letter capitalized\n */\nfunction capitalize(str: string): string {\n  if (str.length === 0) {\n    return str;\n  }\n\n  return str.charAt(0).toUpperCase() + str.slice(1);\n}\n\n/**\n * Normalizes a key string to the keybinding format.\n * Handles platform-specific mappings and capitalization.\n *\n * @param key - Key string to normalize (will be trimmed and lowercased)\n * @returns Formatted key string for keybinding\n *\n * @example\n * normalizeKeyForKeybinding(\"Control\") // \"Ctrl\"\n * normalizeKeyForKeybinding(\"META\") // \"Cmd\" on Mac, \"Meta\" elsewhere\n * normalizeKeyForKeybinding(\" alt \") // \"Opt\" on Mac, \"Alt\" elsewhere\n * normalizeKeyForKeybinding(\"shift\") // \"Shift\"\n * normalizeKeyForKeybinding(\"k\") // \"k\"\n */\nfunction normalizeKeyForKeybinding(key: string): string {\n  if (key === \" \") {\n    return \"Space\";\n  }\n\n  const normalized = key.trim().toLowerCase();\n\n  if (normalized === \"control\") {\n    return \"Ctrl\";\n  }\n  if (normalized === \"meta\" || normalized === \"cmd\") {\n    return isMac() ? \"Cmd\" : \"Meta\";\n  }\n  if (normalized === \"alt\" || normalized === \"opt\") {\n    return isMac() ? \"Opt\" : \"Alt\";\n  }\n  if (normalized === \"space\") {\n    return \"Space\";\n  }\n\n  return normalized.length > 1 ? capitalize(normalized) : normalized;\n}\n\n/**\n * Normalizes a keybinding string.\n *\n * @param keybinding - Keybinding string to normalize\n * @returns Normalized keybinding string or null if empty\n *\n * @example\n * normalizeKeybinding(\"k\") // \"k\"\n * normalizeKeybinding(\"meta\") // \"Cmd\" on Mac\n * normalizeKeybinding(\" space \") // \"Space\"\n */\nexport function normalizeKeybinding(\n  keybinding: string | null | undefined,\n): string | null {\n  if (!keybinding) {\n    return null;\n  }\n\n  const trimmed = keybinding.trim();\n\n  if (trimmed === \"\") {\n    return null;\n  }\n\n  return normalizeKeyForKeybinding(trimmed);\n}\n\n/**\n * Checks if a pressed key matches the keybinding.\n * Checks both event.key and event.code for better reliability.\n *\n * @param event - KeyboardEvent to check\n * @param keybinding - Keybinding string to match against\n * @returns true if either the key or code matches the keybinding\n *\n * @example\n * matchesKeybinding(event, \"k\") // true if event.key is \"k\" or event.code is \"KeyK\"\n * matchesKeybinding(event, \"`\") // true if event.key is \"`\" or event.code is \"Backquote\"\n */\nexport function matchesKeybinding(\n  event: KeyboardEvent,\n  keybinding: string | null | undefined,\n): boolean {\n  const normalizedKeybinding = normalizeKeybinding(keybinding);\n\n  if (!normalizedKeybinding) {\n    return false;\n  }\n\n  const normalizedKey = normalizeKeyForKeybinding(event.key);\n  const normalizedCode = normalizeKeyForKeybinding(event.code);\n\n  return (\n    normalizedKey === normalizedKeybinding ||\n    normalizedCode === normalizedKeybinding\n  );\n}\n\n/**\n * Gets the pressed key from a KeyboardEvent.\n * Treats modifier keys the same as any other key - they generate their own events.\n * Keys longer than 1 character are capitalized (e.g., \"Cmd\", \"Ctrl\", \"Space\").\n * Platform-specific: \"Meta\" -> \"Cmd\" on Mac, \"Alt\" -> \"Opt\" on Mac.\n *\n * @param event - KeyboardEvent to extract the pressed key from\n * @returns Normalized key string in keybinding format (e.g., \"Cmd\", \"Opt\", \"Ctrl\", \"k\")\n *\n * @example\n * getPressedKeyFromEvent(event) // \"Cmd\" when Meta key is pressed on Mac, \"Opt\" when Alt is pressed on Mac\n */\nexport function getPressedKeyFromEvent(event: KeyboardEvent): string {\n  return normalizeKeyForKeybinding(event.key);\n}\n\n/**\n * Checks if keybindings should be ignored for the current active element.\n * Returns true if the user is typing in an input field.\n *\n * @param element - Element to check\n * @returns true if keybindings should be ignored for this element\n *\n * @example\n * shouldIgnoreKeybinding(document.activeElement) // true if input/textarea/contenteditable\n */\nexport function shouldIgnoreKeybinding(element: Element | null): boolean {\n  if (!element) {\n    return false;\n  }\n\n  const tagName = element.tagName.toLowerCase();\n\n  if (tagName === \"input\" || tagName === \"textarea\") {\n    return true;\n  }\n\n  if (element instanceof HTMLElement && element.contentEditable === \"true\") {\n    return true;\n  }\n\n  return false;\n}\n"]}
+{"version":3,"file":"keybinding.js","sourceRoot":"","sources":["../../src/utils/keybinding.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n * Checks if the current platform is macOS.\n * Uses userAgent string for reliable cross-browser detection.\n *\n * @returns true if running on macOS\n */\nfunction isMac(): boolean {\n  if (typeof navigator === \"undefined\") {\n    return false;\n  }\n\n  // Check user agent for Mac patterns (most reliable method)\n  return /Mac|iPhone|iPad|iPod/.test(navigator.userAgent);\n}\n\n/**\n * Capitalizes the first letter of a string.\n *\n * @param str - String to capitalize\n * @returns String with first letter capitalized\n */\nfunction capitalize(str: string): string {\n  if (str.length === 0) {\n    return str;\n  }\n\n  return str.charAt(0).toUpperCase() + str.slice(1);\n}\n\n/**\n * Normalizes a key string to the keybinding format.\n * Handles platform-specific mappings and capitalization.\n *\n * @param key - Key string to normalize (will be trimmed and lowercased)\n * @returns Formatted key string for keybinding\n *\n * @example\n * normalizeKeyForKeybinding(\"Control\") // \"Ctrl\"\n * normalizeKeyForKeybinding(\"META\") // \"Cmd\" on Mac, \"Meta\" elsewhere\n * normalizeKeyForKeybinding(\" alt \") // \"Opt\" on Mac, \"Alt\" elsewhere\n * normalizeKeyForKeybinding(\"shift\") // \"Shift\"\n * normalizeKeyForKeybinding(\"k\") // \"k\"\n */\nfunction normalizeKeyForKeybinding(key: string): string {\n  if (key === \" \") {\n    return \"Space\";\n  }\n\n  const normalized = key.trim().toLowerCase();\n\n  if (normalized === \"control\") {\n    return \"Ctrl\";\n  }\n  if (normalized === \"meta\" || normalized === \"cmd\") {\n    return isMac() ? \"Cmd\" : \"Meta\";\n  }\n  if (normalized === \"alt\" || normalized === \"opt\") {\n    return isMac() ? \"Opt\" : \"Alt\";\n  }\n  if (normalized === \"space\") {\n    return \"Space\";\n  }\n\n  return normalized.length > 1 ? capitalize(normalized) : normalized;\n}\n\n/**\n * Normalizes a keybinding string.\n *\n * @param keybinding - Keybinding string to normalize\n * @returns Normalized keybinding string or null if empty\n *\n * @example\n * normalizeKeybinding(\"k\") // \"k\"\n * normalizeKeybinding(\"meta\") // \"Cmd\" on Mac\n * normalizeKeybinding(\" space \") // \"Space\"\n */\nexport function normalizeKeybinding(\n  keybinding: string | null | undefined,\n): string | null {\n  if (!keybinding) {\n    return null;\n  }\n\n  const trimmed = keybinding.trim();\n\n  if (trimmed === \"\") {\n    return null;\n  }\n\n  return normalizeKeyForKeybinding(trimmed);\n}\n\n/**\n * Checks if a pressed key matches the keybinding.\n * Checks both event.key and event.code for better reliability.\n *\n * @param event - KeyboardEvent to check\n * @param keybinding - Keybinding string to match against\n * @returns true if either the key or code matches the keybinding\n *\n * @example\n * matchesKeybinding(event, \"k\") // true if event.key is \"k\" or event.code is \"KeyK\"\n * matchesKeybinding(event, \"`\") // true if event.key is \"`\" or event.code is \"Backquote\"\n */\nexport function matchesKeybinding(\n  event: KeyboardEvent,\n  keybinding: string | null | undefined,\n): boolean {\n  const normalizedKeybinding = normalizeKeybinding(keybinding);\n\n  if (!normalizedKeybinding) {\n    return false;\n  }\n\n  const normalizedKey = normalizeKeyForKeybinding(event.key);\n  const normalizedCode = normalizeKeyForKeybinding(event.code);\n\n  return (\n    normalizedKey === normalizedKeybinding ||\n    normalizedCode === normalizedKeybinding\n  );\n}\n\n/**\n * Checks if keybindings should be ignored for the current active element.\n * Returns true if the user is typing in an input field.\n *\n * @param element - Element to check\n * @returns true if keybindings should be ignored for this element\n *\n * @example\n * shouldIgnoreKeybinding(document.activeElement) // true if input/textarea/contenteditable\n */\nexport function shouldIgnoreKeybinding(element: Element | null): boolean {\n  if (!element) {\n    return false;\n  }\n\n  const tagName = element.tagName.toLowerCase();\n\n  if (tagName === \"input\" || tagName === \"textarea\") {\n    return true;\n  }\n\n  if (element instanceof HTMLElement && element.contentEditable === \"true\") {\n    return true;\n  }\n\n  return false;\n}\n"]}

package/package.json

@@ -2,7 +2,7 @@
   "name": "@corti/dictation-web",
   "description": "Web component for Corti Dictation",
   "author": "Corti ApS",
-  "version": "0.0.0-test.571",
+  "version": "0.0.0-test.571.1",
   "license": "MIT",
   "type": "module",
   "main": "dist/index.js",