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

package/dist/src/styles/buttons.js.map

@@ -1 +1 @@
-{"version":3,"file":"buttons.js","sourceRoot":"","sources":["../../../src/styles/buttons.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,YAAY,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgDvB,CAAC;AAEF,eAAe,YAAY,CAAC","sourcesContent":["import { css } from 'lit';\n\nconst ButtonStyles = css`\n  /* Default (plain) button styling */\n  button {\n    background: var(--action-plain-background);\n    /* border: 1px solid var(--action-plain-border-color); */\n    border: none;\n    color: var(--component-text-color);\n    cursor: pointer;\n    padding: 8px;\n    border-radius: var(--card-inner-border-radius);\n    display: inline-flex;\n    gap: 4px;\n    align-items: center;\n    justify-content: center;\n    transition: background 0.3s ease;\n    font-family: var(--component-font-family);\n  }\n\n  button:hover {\n    background: var(--action-plain-background-hover);\n  }\n\n  button:focus-visible {\n    outline: 2px solid var(--action-accent-background);\n    outline-offset: 2px;\n  }\n\n  /* Accent variant */\n  button.accent {\n    background: var(--action-accent-background);\n    color: var(--action-accent-text-color);\n    border: none;\n  }\n\n  button.accent:hover {\n    background: var(--action-accent-background-hover);\n  }\n\n  /* Red variant */\n  button.red {\n    background: var(--action-red-background);\n    color: var(--action-red-text-color);\n    border: none;\n  }\n\n  button.red:hover {\n    background: var(--action-red-background-hover);\n  }\n`;\n\nexport default ButtonStyles;\n"]}
+{"version":3,"file":"buttons.js","sourceRoot":"","sources":["../../../src/styles/buttons.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,YAAY,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgDvB,CAAC;AAEF,eAAe,YAAY,CAAC","sourcesContent":["import { css } from 'lit';\n\nconst ButtonStyles = css`\n  /* Default (plain) button styling */\n  button {\n    background: var(--action-plain-background, transparent);\n    /* border: 1px solid var(--action-plain-border-color); */\n    border: none;\n    color: var(--component-text-color, light-dark(#333, #eee));\n    cursor: pointer;\n    padding: 8px;\n    border-radius: var(--card-inner-border-radius, 6px);\n    display: inline-flex;\n    gap: 4px;\n    align-items: center;\n    justify-content: center;\n    transition: background 0.3s ease;\n    font-family: var(--component-font-family, -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, Cantarell, Ubuntu, roboto, noto, helvetica, arial, sans-serif);\n  }\n\n  button:hover {\n    background: var(--action-plain-background-hover, light-dark(#ddd, #444));\n  }\n\n  button:focus-visible {\n    outline: 2px solid var(--action-accent-background, light-dark(#007bff, #0056b3));\n    outline-offset: 2px;\n  }\n\n  /* Accent variant */\n  button.accent {\n    background: var(--action-accent-background, light-dark(#007bff, #0056b3));\n    color: var(--action-accent-text-color, #fff);\n    border: none;\n  }\n\n  button.accent:hover {\n    background: var(--action-accent-background-hover, light-dark(#0056b3, #003d80));\n  }\n\n  /* Red variant */\n  button.red {\n    background: var(--action-red-background, light-dark(#dc3545, #bd2130));\n    color: var(--action-red-text-color, #fff);\n    border: none;\n  }\n\n  button.red:hover {\n    background: var(--action-red-background-hover, light-dark(#bd2130, #a71c24));\n  }\n`;\n\nexport default ButtonStyles;\n"]}

package/dist/src/styles/callout.js

@@ -1,11 +1,11 @@
 import { css } from 'lit';
 const CalloutStyles = css `
   .callout {
-    background: var(--callout-info-background);
-    border: 1px solid var(--callout-info-border);
-    color: var(--callout-info-text);
+    background: var(--callout-info-background, light-dark(#007bff33, #0056b333));
+    border: 1px solid var(--callout-info-border, light-dark(#007bff99, #0056b399));
+    color: var(--callout-info-text, light-dark(#007bff, #0056b3));
     padding: 8px;
-    border-radius: var(--card-inner-border-radius);
+    border-radius: var(--card-inner-border-radius, 6px);
     display: flex;
     font-size: 0.9rem;
     gap: 8px;
@@ -13,9 +13,9 @@ const CalloutStyles = css `
     max-width: 100%;
     height: fit-content;
     &.warn {
-      background: var(--callout-warn-background);
-      border: 1px solid var(--callout-warn-border);
-      color: var(--callout-warn-text);
+      background: var(--callout-warn-background, light-dark(#fd7e1433, #e06c1233));
+      border: 1px solid var(--callout-warn-border, light-dark(#fd7e1499, #e06c1299));
+      color: var(--callout-warn-text, light-dark(#fd7e14, #e06c12));
     }
   }
 `;

package/dist/src/styles/callout.js.map

@@ -1 +1 @@
-{"version":3,"file":"callout.js","sourceRoot":"","sources":["../../../src/styles/callout.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,aAAa,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;CAmBxB,CAAC;AAEF,eAAe,aAAa,CAAC","sourcesContent":["import { css } from 'lit';\n\nconst CalloutStyles = css`\n  .callout {\n    background: var(--callout-info-background);\n    border: 1px solid var(--callout-info-border);\n    color: var(--callout-info-text);\n    padding: 8px;\n    border-radius: var(--card-inner-border-radius);\n    display: flex;\n    font-size: 0.9rem;\n    gap: 8px;\n    align-items: center;\n    max-width: 100%;\n    height: fit-content;\n    &.warn {\n      background: var(--callout-warn-background);\n      border: 1px solid var(--callout-warn-border);\n      color: var(--callout-warn-text);\n    }\n  }\n`;\n\nexport default CalloutStyles;\n"]}
+{"version":3,"file":"callout.js","sourceRoot":"","sources":["../../../src/styles/callout.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,aAAa,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;CAmBxB,CAAC;AAEF,eAAe,aAAa,CAAC","sourcesContent":["import { css } from 'lit';\n\nconst CalloutStyles = css`\n  .callout {\n    background: var(--callout-info-background, light-dark(#007bff33, #0056b333));\n    border: 1px solid var(--callout-info-border, light-dark(#007bff99, #0056b399));\n    color: var(--callout-info-text, light-dark(#007bff, #0056b3));\n    padding: 8px;\n    border-radius: var(--card-inner-border-radius, 6px);\n    display: flex;\n    font-size: 0.9rem;\n    gap: 8px;\n    align-items: center;\n    max-width: 100%;\n    height: fit-content;\n    &.warn {\n      background: var(--callout-warn-background, light-dark(#fd7e1433, #e06c1233));\n      border: 1px solid var(--callout-warn-border, light-dark(#fd7e1499, #e06c1299));\n      color: var(--callout-warn-text, light-dark(#fd7e14, #e06c12));\n    }\n  }\n`;\n\nexport default CalloutStyles;\n"]}

package/dist/src/styles/select.js

@@ -5,15 +5,15 @@ const SelectStyles = css `
     font-size: 0.8rem;
     padding-bottom: 0.5rem;
     font-weight: 500;
-    color: var(--component-text-color);
+    color: var(--component-text-color, light-dark(#333, #eee));
     pointer-events: none;
   }
   select {
-    background: var(--card-background);
-    color: var(--component-text-color);
-    border: 1px solid var(--card-border-color);
-    padding: var(--card-padding);
-    border-radius: var(--card-inner-border-radius);
+    background: var(--card-background, light-dark(#fff, #333));
+    color: var(--component-text-color, light-dark(#333, #eee));
+    border: 1px solid var(--card-border-color, light-dark(#ddd, #555));
+    padding: var(--card-padding, 4px);
+    border-radius: var(--card-inner-border-radius, 6px);
     outline: none;
     width: 100%;
   }
@@ -24,11 +24,11 @@ const SelectStyles = css `
   }
 
   select:hover {
-    background: var(--action-plain-background-hover);
+    background: var(--action-plain-background-hover, light-dark(#ddd, #444));
   }
 
   select:focus-visible {
-    outline: 2px solid var(--action-accent-background);
+    outline: 2px solid var(--action-accent-background, light-dark(#007bff, #0056b3));
     /* outline-offset: 2px; */
   }
 `;

package/dist/src/styles/select.js.map

@@ -1 +1 @@
-{"version":3,"file":"select.js","sourceRoot":"","sources":["../../../src/styles/select.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,YAAY,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgCvB,CAAC;AAEF,eAAe,YAAY,CAAC","sourcesContent":["import { css } from \"lit\";\n\nconst SelectStyles = css`\n  label {\n    display: block;\n    font-size: 0.8rem;\n    padding-bottom: 0.5rem;\n    font-weight: 500;\n    color: var(--component-text-color);\n    pointer-events: none;\n  }\n  select {\n    background: var(--card-background);\n    color: var(--component-text-color);\n    border: 1px solid var(--card-border-color);\n    padding: var(--card-padding);\n    border-radius: var(--card-inner-border-radius);\n    outline: none;\n    width: 100%;\n  }\n\n  select:disabled {\n    opacity: 0.5;\n    cursor: not-allowed;\n  }\n\n  select:hover {\n    background: var(--action-plain-background-hover);\n  }\n\n  select:focus-visible {\n    outline: 2px solid var(--action-accent-background);\n    /* outline-offset: 2px; */\n  }\n`;\n\nexport default SelectStyles;\n"]}
+{"version":3,"file":"select.js","sourceRoot":"","sources":["../../../src/styles/select.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,YAAY,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgCvB,CAAC;AAEF,eAAe,YAAY,CAAC","sourcesContent":["import { css } from \"lit\";\n\nconst SelectStyles = css`\n  label {\n    display: block;\n    font-size: 0.8rem;\n    padding-bottom: 0.5rem;\n    font-weight: 500;\n    color: var(--component-text-color, light-dark(#333, #eee));\n    pointer-events: none;\n  }\n  select {\n    background: var(--card-background, light-dark(#fff, #333));\n    color: var(--component-text-color, light-dark(#333, #eee));\n    border: 1px solid var(--card-border-color, light-dark(#ddd, #555));\n    padding: var(--card-padding, 4px);\n    border-radius: var(--card-inner-border-radius, 6px);\n    outline: none;\n    width: 100%;\n  }\n\n  select:disabled {\n    opacity: 0.5;\n    cursor: not-allowed;\n  }\n\n  select:hover {\n    background: var(--action-plain-background-hover, light-dark(#ddd, #444));\n  }\n\n  select:focus-visible {\n    outline: 2px solid var(--action-accent-background, light-dark(#007bff, #0056b3));\n    /* outline-offset: 2px; */\n  }\n`;\n\nexport default SelectStyles;\n"]}

package/dist/src/styles/settings-menu.js

@@ -10,10 +10,10 @@ const SettingsMenuStyles = css `
   [popover] {
     margin: 0;
     padding: 16px;
-    background: var(--card-background);
-    border: 1px solid var(--card-border-color);
-    border-radius: var(--card-border-radius);
-    box-shadow: var(--card-box-shadow);
+    background: var(--card-background, light-dark(#fff, #333));
+    border: 1px solid var(--card-border-color, light-dark(#ddd, #555));
+    border-radius: var(--card-border-radius, 8px);
+    box-shadow: var(--card-box-shadow, 0 2px 5px rgba(0, 0, 0, 0.1));
     z-index: 1000;
     max-width: 260px;
     width: 100%;

package/dist/src/styles/settings-menu.js.map

@@ -1 +1 @@
-{"version":3,"file":"settings-menu.js","sourceRoot":"","sources":["../../../src/styles/settings-menu.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,kBAAkB,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8B7B,CAAC;AAEF,eAAe,kBAAkB,CAAC","sourcesContent":["import { css } from \"lit\";\n\nconst SettingsMenuStyles = css`\n  :host {\n    display: block;\n  }\n  /* Retain the anchor-name styling for this component */\n  #settings-popover-button {\n    anchor-name: --settings_popover_btn;\n  }\n  [popover] {\n    margin: 0;\n    padding: 16px;\n    background: var(--card-background);\n    border: 1px solid var(--card-border-color);\n    border-radius: var(--card-border-radius);\n    box-shadow: var(--card-box-shadow);\n    z-index: 1000;\n    max-width: 260px;\n    width: 100%;\n    min-width: 200px;\n    position-anchor: --settings_popover_btn;\n    position-area: bottom span-right;\n    position-visibility: always;\n    position-try-fallbacks: flip-inline;\n    overflow-x: hidden;\n  }\n  .settings-wrapper {\n    display: flex;\n    flex-direction: column;\n    gap: 20px;\n  }\n`;\n\nexport default SettingsMenuStyles;\n"]}
+{"version":3,"file":"settings-menu.js","sourceRoot":"","sources":["../../../src/styles/settings-menu.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,kBAAkB,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8B7B,CAAC;AAEF,eAAe,kBAAkB,CAAC","sourcesContent":["import { css } from \"lit\";\n\nconst SettingsMenuStyles = css`\n  :host {\n    display: block;\n  }\n  /* Retain the anchor-name styling for this component */\n  #settings-popover-button {\n    anchor-name: --settings_popover_btn;\n  }\n  [popover] {\n    margin: 0;\n    padding: 16px;\n    background: var(--card-background, light-dark(#fff, #333));\n    border: 1px solid var(--card-border-color, light-dark(#ddd, #555));\n    border-radius: var(--card-border-radius, 8px);\n    box-shadow: var(--card-box-shadow, 0 2px 5px rgba(0, 0, 0, 0.1));\n    z-index: 1000;\n    max-width: 260px;\n    width: 100%;\n    min-width: 200px;\n    position-anchor: --settings_popover_btn;\n    position-area: bottom span-right;\n    position-visibility: always;\n    position-try-fallbacks: flip-inline;\n    overflow-x: hidden;\n  }\n  .settings-wrapper {\n    display: flex;\n    flex-direction: column;\n    gap: 20px;\n  }\n`;\n\nexport default SettingsMenuStyles;\n"]}

package/dist/src/types.d.ts

@@ -1,2 +1,7 @@
 export type RecordingState = "initializing" | "recording" | "stopping" | "stopped";
 export type ConfigurableSettings = "device" | "language";
+export type ProxyOptions = {
+    url: string;
+    protocols?: string[];
+    queryParameters?: Record<string, string>;
+};

package/dist/src/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/types.ts"],"names":[],"mappings":"","sourcesContent":["export type RecordingState =\n  | \"initializing\"\n  | \"recording\"\n  | \"stopping\"\n  | \"stopped\";\n\nexport type ConfigurableSettings = \"device\" | \"language\";\n"]}
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/types.ts"],"names":[],"mappings":"","sourcesContent":["export type RecordingState =\n  | \"initializing\"\n  | \"recording\"\n  | \"stopping\"\n  | \"stopped\";\n\nexport type ConfigurableSettings = \"device\" | \"language\";\n\nexport type ProxyOptions = {\n  url: string;\n  protocols?: string[];\n  queryParameters?: Record<string, string>;\n};\n"]}

package/dist/src/utils/converters.js

@@ -1,5 +1,8 @@
 export const commaSeparatedConverter = {
-    fromAttribute: (value) => value?.split(",").map((s) => s.trim()),
+    fromAttribute: (value) => value
+        ?.split(",")
+        .map((s) => s.trim())
+        .filter(Boolean),
     toAttribute: (value) => value?.join(","),
 };
 //# sourceMappingURL=converters.js.map

package/dist/src/utils/converters.js.map

@@ -1 +1 @@
-{"version":3,"file":"converters.js","sourceRoot":"","sources":["../../../src/utils/converters.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,uBAAuB,GAAG;IACrC,aAAa,EAAE,CAAC,KAAoB,EAAE,EAAE,CACtC,KAAK,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC;IACxC,WAAW,EAAE,CAAC,KAA2B,EAAE,EAAE,CAAC,KAAK,EAAE,IAAI,CAAC,GAAG,CAAC;CAC/D,CAAC","sourcesContent":["export const commaSeparatedConverter = {\n  fromAttribute: (value: string | null) =>\n    value?.split(\",\").map((s) => s.trim()),\n  toAttribute: (value: string[] | undefined) => value?.join(\",\"),\n};\n"]}
+{"version":3,"file":"converters.js","sourceRoot":"","sources":["../../../src/utils/converters.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,uBAAuB,GAAG;IACrC,aAAa,EAAE,CAAC,KAAoB,EAAE,EAAE,CACtC,KAAK;QACH,EAAE,KAAK,CAAC,GAAG,CAAC;SACX,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC;SACpB,MAAM,CAAC,OAAO,CAAC;IACpB,WAAW,EAAE,CAAC,KAA2B,EAAE,EAAE,CAAC,KAAK,EAAE,IAAI,CAAC,GAAG,CAAC;CAC/D,CAAC","sourcesContent":["export const commaSeparatedConverter = {\n  fromAttribute: (value: string | null) =>\n    value\n      ?.split(\",\")\n      .map((s) => s.trim())\n      .filter(Boolean),\n  toAttribute: (value: string[] | undefined) => value?.join(\",\"),\n};\n"]}

package/dist/src/utils/events.d.ts

@@ -1,3 +1,4 @@
+import type { Corti } from "@corti/sdk";
 import type { RecordingState } from "../types.js";
 export type LanguagesChangedEventDetail = {
     languages: string[];
@@ -16,6 +17,12 @@ export type RecordingStateChangedEventDetail = {
 export type AudioLevelChangedEventDetail = {
     audioLevel: number;
 };
+export type TranscriptEventDetail = Corti.TranscribeTranscriptMessage;
+export type CommandEventDetail = Corti.TranscribeCommandMessage;
+export type UsageEventDetail = Corti.TranscribeUsageMessage;
+export type ErrorEventDetail = {
+    message: string;
+};
 export declare function languagesChangedEvent(languages: string[], selectedLanguage: string | undefined): CustomEvent<LanguagesChangedEventDetail>;
 /**
  * @deprecated Use languagesChangedEvent instead. This event is kept for backward compatibility.
@@ -23,10 +30,10 @@ export declare function languagesChangedEvent(languages: string[], selectedLangu
 export declare function languageChangedEvent(language: string): CustomEvent<LanguageChangedEventDetail>;
 export declare function recordingDevicesChangedEvent(devices: MediaDeviceInfo[], selectedDevice: MediaDeviceInfo | undefined): CustomEvent<RecordingDevicesChangedEventDetail>;
 export declare function recordingStateChangedEvent(state: RecordingState): CustomEvent<RecordingStateChangedEventDetail>;
-export declare function transcriptEvent(detail: unknown): CustomEvent;
-export declare function commandEvent(detail: unknown): CustomEvent;
-export declare function usageEvent(detail: unknown): CustomEvent;
-export declare function errorEvent(error: unknown): CustomEvent;
+export declare function transcriptEvent(detail: TranscriptEventDetail): CustomEvent<TranscriptEventDetail>;
+export declare function commandEvent(detail: CommandEventDetail): CustomEvent<CommandEventDetail>;
+export declare function usageEvent(detail: UsageEventDetail): CustomEvent<UsageEventDetail>;
+export declare function errorEvent(error: unknown): CustomEvent<ErrorEventDetail>;
 export declare function streamClosedEvent(detail: unknown): CustomEvent;
 export declare function readyEvent(): CustomEvent;
 export declare function audioLevelChangedEvent(audioLevel: number): CustomEvent<AudioLevelChangedEventDetail>;

package/dist/src/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 { RecordingState } from \"../types.js\";\n\nexport type LanguagesChangedEventDetail = {\n  languages: string[];\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 function languagesChangedEvent(\n  languages: string[],\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(detail: unknown): CustomEvent {\n  return new CustomEvent(\"transcript\", {\n    bubbles: true,\n    composed: true,\n    detail,\n  });\n}\n\nexport function commandEvent(detail: unknown): CustomEvent {\n  return new CustomEvent(\"command\", {\n    bubbles: true,\n    composed: true,\n    detail,\n  });\n}\n\nexport function usageEvent(detail: unknown): CustomEvent {\n  return new CustomEvent(\"usage\", {\n    bubbles: true,\n    composed: true,\n    detail,\n  });\n}\n\nexport function errorEvent(error: unknown): CustomEvent {\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"]}
+{"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 { RecordingState } from \"../types.js\";\n\nexport type LanguagesChangedEventDetail = {\n  languages: string[];\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: string[],\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"]}

package/dist/src/utils/languages.js

@@ -21,7 +21,8 @@ export function checkIfDefaultLanguagesList(languages = []) {
     return Object.values(DEFAULT_LANGUAGES_BY_REGION).some((languageList) => languageList === languages);
 }
 export function getLanguagesByRegion(region) {
-    const languages = DEFAULT_LANGUAGES_BY_REGION[region || "default"];
+    const languages = DEFAULT_LANGUAGES_BY_REGION[region || "default"] ||
+        DEFAULT_LANGUAGES_BY_REGION["default"];
     const defaultLanguage = languages?.[0];
     return { defaultLanguage, languages };
 }

package/dist/src/utils/languages.js.map

@@ -1 +1 @@
-{"version":3,"file":"languages.js","sourceRoot":"","sources":["../../../src/utils/languages.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,sBAAsB,EACtB,sBAAsB,GACvB,MAAM,iBAAiB,CAAC;AAEzB,MAAM,CAAC,MAAM,2BAA2B,GAA6B;IACnE,OAAO,EAAE,sBAAsB;IAC/B,EAAE,EAAE,sBAAsB;IAC1B,EAAE,EAAE,sBAAsB;CAC3B,CAAC;AAEF,MAAM,UAAU,eAAe,CAAC,YAAoB;IAClD,IAAI,CAAC;QACH,MAAM,UAAU,GAAG,SAAS,CAAC,QAAQ,IAAI,IAAI,CAAC;QAC9C,MAAM,YAAY,GAAG,IAAI,IAAI,CAAC,YAAY,CAAC,CAAC,UAAU,CAAC,EAAE;YACvD,IAAI,EAAE,UAAU;SACjB,CAAC,CAAC;QACH,MAAM,YAAY,GAAG,YAAY,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC;QAEnD,OAAO,YAAY,IAAI,YAAY,CAAC;IACtC,CAAC;IAAC,MAAM,CAAC;QACP,OAAO,YAAY,CAAC;IACtB,CAAC;AACH,CAAC;AAED,MAAM,UAAU,2BAA2B,CAAC,YAAsB,EAAE;IAClE,OAAO,MAAM,CAAC,MAAM,CAAC,2BAA2B,CAAC,CAAC,IAAI,CACpD,CAAC,YAAY,EAAE,EAAE,CAAC,YAAY,KAAK,SAAS,CAC7C,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,oBAAoB,CAAC,MAAe;IAIlD,MAAM,SAAS,GAAG,2BAA2B,CAAC,MAAM,IAAI,SAAS,CAAC,CAAC;IACnE,MAAM,eAAe,GAAG,SAAS,EAAE,CAAC,CAAC,CAAC,CAAC;IAEvC,OAAO,EAAE,eAAe,EAAE,SAAS,EAAE,CAAC;AACxC,CAAC","sourcesContent":["import {\n  LANGUAGES_SUPPORTED_EU,\n  LANGUAGES_SUPPORTED_US,\n} from \"../constants.js\";\n\nexport const DEFAULT_LANGUAGES_BY_REGION: Record<string, string[]> = {\n  default: LANGUAGES_SUPPORTED_EU,\n  eu: LANGUAGES_SUPPORTED_EU,\n  us: LANGUAGES_SUPPORTED_US,\n};\n\nexport function getLanguageName(languageCode: string): string {\n  try {\n    const userLocale = navigator.language || \"en\";\n    const displayNames = new Intl.DisplayNames([userLocale], {\n      type: \"language\",\n    });\n    const languageName = displayNames.of(languageCode);\n\n    return languageName || languageCode;\n  } catch {\n    return languageCode;\n  }\n}\n\nexport function checkIfDefaultLanguagesList(languages: string[] = []): boolean {\n  return Object.values(DEFAULT_LANGUAGES_BY_REGION).some(\n    (languageList) => languageList === languages,\n  );\n}\n\nexport function getLanguagesByRegion(region?: string): {\n  languages: string[];\n  defaultLanguage: string | undefined;\n} {\n  const languages = DEFAULT_LANGUAGES_BY_REGION[region || \"default\"];\n  const defaultLanguage = languages?.[0];\n\n  return { defaultLanguage, languages };\n}\n"]}
+{"version":3,"file":"languages.js","sourceRoot":"","sources":["../../../src/utils/languages.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,sBAAsB,EACtB,sBAAsB,GACvB,MAAM,iBAAiB,CAAC;AAEzB,MAAM,CAAC,MAAM,2BAA2B,GAA6B;IACnE,OAAO,EAAE,sBAAsB;IAC/B,EAAE,EAAE,sBAAsB;IAC1B,EAAE,EAAE,sBAAsB;CAC3B,CAAC;AAEF,MAAM,UAAU,eAAe,CAAC,YAAoB;IAClD,IAAI,CAAC;QACH,MAAM,UAAU,GAAG,SAAS,CAAC,QAAQ,IAAI,IAAI,CAAC;QAC9C,MAAM,YAAY,GAAG,IAAI,IAAI,CAAC,YAAY,CAAC,CAAC,UAAU,CAAC,EAAE;YACvD,IAAI,EAAE,UAAU;SACjB,CAAC,CAAC;QACH,MAAM,YAAY,GAAG,YAAY,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC;QAEnD,OAAO,YAAY,IAAI,YAAY,CAAC;IACtC,CAAC;IAAC,MAAM,CAAC;QACP,OAAO,YAAY,CAAC;IACtB,CAAC;AACH,CAAC;AAED,MAAM,UAAU,2BAA2B,CAAC,YAAsB,EAAE;IAClE,OAAO,MAAM,CAAC,MAAM,CAAC,2BAA2B,CAAC,CAAC,IAAI,CACpD,CAAC,YAAY,EAAE,EAAE,CAAC,YAAY,KAAK,SAAS,CAC7C,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,oBAAoB,CAAC,MAAe;IAIlD,MAAM,SAAS,GACb,2BAA2B,CAAC,MAAM,IAAI,SAAS,CAAC;QAChD,2BAA2B,CAAC,SAAS,CAAC,CAAC;IACzC,MAAM,eAAe,GAAG,SAAS,EAAE,CAAC,CAAC,CAAC,CAAC;IAEvC,OAAO,EAAE,eAAe,EAAE,SAAS,EAAE,CAAC;AACxC,CAAC","sourcesContent":["import {\n  LANGUAGES_SUPPORTED_EU,\n  LANGUAGES_SUPPORTED_US,\n} from \"../constants.js\";\n\nexport const DEFAULT_LANGUAGES_BY_REGION: Record<string, string[]> = {\n  default: LANGUAGES_SUPPORTED_EU,\n  eu: LANGUAGES_SUPPORTED_EU,\n  us: LANGUAGES_SUPPORTED_US,\n};\n\nexport function getLanguageName(languageCode: string): string {\n  try {\n    const userLocale = navigator.language || \"en\";\n    const displayNames = new Intl.DisplayNames([userLocale], {\n      type: \"language\",\n    });\n    const languageName = displayNames.of(languageCode);\n\n    return languageName || languageCode;\n  } catch {\n    return languageCode;\n  }\n}\n\nexport function checkIfDefaultLanguagesList(languages: string[] = []): boolean {\n  return Object.values(DEFAULT_LANGUAGES_BY_REGION).some(\n    (languageList) => languageList === languages,\n  );\n}\n\nexport function getLanguagesByRegion(region?: string): {\n  languages: string[];\n  defaultLanguage: string | undefined;\n} {\n  const languages =\n    DEFAULT_LANGUAGES_BY_REGION[region || \"default\"] ||\n    DEFAULT_LANGUAGES_BY_REGION[\"default\"];\n  const defaultLanguage = languages?.[0];\n\n  return { defaultLanguage, languages };\n}\n"]}

package/dist/src/utils/media.d.ts

@@ -1,4 +1,4 @@
-export declare function getMediaStream(deviceId?: string): Promise<MediaStream>;
+export declare function getMediaStream(deviceId?: string, debug_displayAudio?: boolean): Promise<MediaStream>;
 export declare function createAudioAnalyzer(mediaStream: MediaStream): {
     audioContext: AudioContext;
     analyser: AnalyserNode;

package/dist/src/utils/media.js

@@ -1,4 +1,16 @@
-export async function getMediaStream(deviceId) {
+export async function getMediaStream(deviceId, debug_displayAudio) {
+    if (debug_displayAudio) {
+        const stream = await navigator.mediaDevices.getDisplayMedia({
+            audio: true,
+            video: true,
+        });
+        stream.getTracks().forEach((track) => {
+            if (track.kind === "video") {
+                stream.removeTrack(track);
+            }
+        });
+        return stream;
+    }
     if (!deviceId) {
         throw new Error("No device ID provided");
     }

package/dist/src/utils/media.js.map

@@ -1 +1 @@
-{"version":3,"file":"media.js","sourceRoot":"","sources":["../../../src/utils/media.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,KAAK,UAAU,cAAc,CAAC,QAAiB;IACpD,IAAI,CAAC,QAAQ,EAAE,CAAC;QACd,MAAM,IAAI,KAAK,CAAC,uBAAuB,CAAC,CAAC;IAC3C,CAAC;IAED,MAAM,WAAW,GACf,QAAQ,KAAK,SAAS;QACpB,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,QAAQ,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,EAAE;QAC9C,CAAC,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC;IAEtB,OAAO,MAAM,SAAS,CAAC,YAAY,CAAC,YAAY,CAAC,WAAW,CAAC,CAAC;AAChE,CAAC;AAED,MAAM,UAAU,mBAAmB,CAAC,WAAwB;IAI1D,MAAM,YAAY,GAAG,IAAI,YAAY,EAAE,CAAC;IACxC,MAAM,MAAM,GAAG,YAAY,CAAC,uBAAuB,CAAC,WAAW,CAAC,CAAC;IACjE,MAAM,QAAQ,GAAG,YAAY,CAAC,cAAc,EAAE,CAAC;IAE/C,QAAQ,CAAC,OAAO,GAAG,IAAI,CAAC;IAExB,MAAM,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC;IAEzB,OAAO,EAAE,QAAQ,EAAE,YAAY,EAAE,CAAC;AACpC,CAAC;AAED,MAAM,UAAU,mBAAmB,CAAC,QAAsB;IACxD,MAAM,SAAS,GAAG,IAAI,UAAU,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;IACnD,QAAQ,CAAC,qBAAqB,CAAC,SAAS,CAAC,CAAC;IAE1C,MAAM,UAAU,GAAG,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,KAAK,EAAE,EAAE;QAC7D,MAAM,UAAU,GAAG,CAAC,KAAK,GAAG,GAAG,CAAC,GAAG,GAAG,CAAC;QACvC,OAAO,GAAG,GAAG,UAAU,GAAG,UAAU,CAAC;IACvC,CAAC,EAAE,CAAC,CAAC,CAAC;IAEN,OAAO,IAAI,CAAC,IAAI,CAAC,UAAU,GAAG,SAAS,CAAC,MAAM,CAAC,CAAC;AAClD,CAAC","sourcesContent":["export async function getMediaStream(deviceId?: string): Promise<MediaStream> {\n  if (!deviceId) {\n    throw new Error(\"No device ID provided\");\n  }\n\n  const constraints: MediaStreamConstraints =\n    deviceId !== \"default\"\n      ? { audio: { deviceId: { exact: deviceId } } }\n      : { audio: true };\n\n  return await navigator.mediaDevices.getUserMedia(constraints);\n}\n\nexport function createAudioAnalyzer(mediaStream: MediaStream): {\n  audioContext: AudioContext;\n  analyser: AnalyserNode;\n} {\n  const audioContext = new AudioContext();\n  const source = audioContext.createMediaStreamSource(mediaStream);\n  const analyser = audioContext.createAnalyser();\n\n  analyser.fftSize = 8192;\n\n  source.connect(analyser);\n\n  return { analyser, audioContext };\n}\n\nexport function calculateAudioLevel(analyser: AnalyserNode): number {\n  const dataArray = new Uint8Array(analyser.fftSize);\n  analyser.getByteTimeDomainData(dataArray);\n\n  const sumSquares = Array.from(dataArray).reduce((sum, value) => {\n    const normalized = (value - 128) / 128;\n    return sum + normalized * normalized;\n  }, 0);\n\n  return Math.sqrt(sumSquares / dataArray.length);\n}\n"]}
+{"version":3,"file":"media.js","sourceRoot":"","sources":["../../../src/utils/media.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,KAAK,UAAU,cAAc,CAClC,QAAiB,EACjB,kBAA4B;IAE5B,IAAI,kBAAkB,EAAE,CAAC;QACvB,MAAM,MAAM,GAAG,MAAM,SAAS,CAAC,YAAY,CAAC,eAAe,CAAC;YAC1D,KAAK,EAAE,IAAI;YACX,KAAK,EAAE,IAAI;SACZ,CAAC,CAAC;QAEH,MAAM,CAAC,SAAS,EAAE,CAAC,OAAO,CAAC,CAAC,KAAK,EAAE,EAAE;YACnC,IAAI,KAAK,CAAC,IAAI,KAAK,OAAO,EAAE,CAAC;gBAC3B,MAAM,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;YAC5B,CAAC;QACH,CAAC,CAAC,CAAC;QAEH,OAAO,MAAM,CAAC;IAChB,CAAC;IAED,IAAI,CAAC,QAAQ,EAAE,CAAC;QACd,MAAM,IAAI,KAAK,CAAC,uBAAuB,CAAC,CAAC;IAC3C,CAAC;IAED,MAAM,WAAW,GACf,QAAQ,KAAK,SAAS;QACpB,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,QAAQ,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,EAAE;QAC9C,CAAC,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC;IAEtB,OAAO,MAAM,SAAS,CAAC,YAAY,CAAC,YAAY,CAAC,WAAW,CAAC,CAAC;AAChE,CAAC;AAED,MAAM,UAAU,mBAAmB,CAAC,WAAwB;IAI1D,MAAM,YAAY,GAAG,IAAI,YAAY,EAAE,CAAC;IACxC,MAAM,MAAM,GAAG,YAAY,CAAC,uBAAuB,CAAC,WAAW,CAAC,CAAC;IACjE,MAAM,QAAQ,GAAG,YAAY,CAAC,cAAc,EAAE,CAAC;IAE/C,QAAQ,CAAC,OAAO,GAAG,IAAI,CAAC;IAExB,MAAM,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC;IAEzB,OAAO,EAAE,QAAQ,EAAE,YAAY,EAAE,CAAC;AACpC,CAAC;AAED,MAAM,UAAU,mBAAmB,CAAC,QAAsB;IACxD,MAAM,SAAS,GAAG,IAAI,UAAU,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;IACnD,QAAQ,CAAC,qBAAqB,CAAC,SAAS,CAAC,CAAC;IAE1C,MAAM,UAAU,GAAG,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,KAAK,EAAE,EAAE;QAC7D,MAAM,UAAU,GAAG,CAAC,KAAK,GAAG,GAAG,CAAC,GAAG,GAAG,CAAC;QACvC,OAAO,GAAG,GAAG,UAAU,GAAG,UAAU,CAAC;IACvC,CAAC,EAAE,CAAC,CAAC,CAAC;IAEN,OAAO,IAAI,CAAC,IAAI,CAAC,UAAU,GAAG,SAAS,CAAC,MAAM,CAAC,CAAC;AAClD,CAAC","sourcesContent":["export async function getMediaStream(\n  deviceId?: string,\n  debug_displayAudio?: boolean,\n): Promise<MediaStream> {\n  if (debug_displayAudio) {\n    const stream = await navigator.mediaDevices.getDisplayMedia({\n      audio: true,\n      video: true,\n    });\n\n    stream.getTracks().forEach((track) => {\n      if (track.kind === \"video\") {\n        stream.removeTrack(track);\n      }\n    });\n\n    return stream;\n  }\n\n  if (!deviceId) {\n    throw new Error(\"No device ID provided\");\n  }\n\n  const constraints: MediaStreamConstraints =\n    deviceId !== \"default\"\n      ? { audio: { deviceId: { exact: deviceId } } }\n      : { audio: true };\n\n  return await navigator.mediaDevices.getUserMedia(constraints);\n}\n\nexport function createAudioAnalyzer(mediaStream: MediaStream): {\n  audioContext: AudioContext;\n  analyser: AnalyserNode;\n} {\n  const audioContext = new AudioContext();\n  const source = audioContext.createMediaStreamSource(mediaStream);\n  const analyser = audioContext.createAnalyser();\n\n  analyser.fftSize = 8192;\n\n  source.connect(analyser);\n\n  return { analyser, audioContext };\n}\n\nexport function calculateAudioLevel(analyser: AnalyserNode): number {\n  const dataArray = new Uint8Array(analyser.fftSize);\n  analyser.getByteTimeDomainData(dataArray);\n\n  const sumSquares = Array.from(dataArray).reduce((sum, value) => {\n    const normalized = (value - 128) / 128;\n    return sum + normalized * normalized;\n  }, 0);\n\n  return Math.sqrt(sumSquares / dataArray.length);\n}\n"]}

package/dist/src/utils/token.d.ts

@@ -10,4 +10,4 @@ export declare function decodeToken(token: string): {
     environment: string;
     expiresAt: number | undefined;
     tenant: string;
-} | undefined;
+};

package/dist/src/utils/token.js

@@ -43,17 +43,18 @@ export function decodeToken(token) {
     // Expected format: https://keycloak.{environment}.corti.app/realms/{tenant}
     const regex = /^https:\/\/(keycloak|auth)\.([^.]+)\.corti\.app\/realms\/([^/]+)/;
     const match = issuerUrl.match(regex);
-    // If the issuer URL matches the expected pattern, return the extracted values along with the token
-    if (match) {
-        const expiresAt = tokenDetails.exp && typeof tokenDetails.exp === "number"
-            ? tokenDetails.exp
-            : undefined;
-        return {
-            accessToken: token,
-            environment: match[2],
-            expiresAt,
-            tenant: match[3],
-        };
+    if (!match) {
+        throw new Error("Access token does not match expected format");
     }
+    // If the issuer URL matches the expected pattern, return the extracted values along with the token
+    const expiresAt = tokenDetails.exp && typeof tokenDetails.exp === "number"
+        ? tokenDetails.exp
+        : undefined;
+    return {
+        accessToken: token,
+        environment: match[2],
+        expiresAt,
+        tenant: match[3],
+    };
 }
 //# sourceMappingURL=token.js.map

package/dist/src/utils/token.js.map

@@ -1 +1 @@
-{"version":3,"file":"token.js","sourceRoot":"","sources":["../../../src/utils/token.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AACH,MAAM,UAAU,WAAW,CAAC,KAAa;IACvC,kFAAkF;IAClF,MAAM,KAAK,GAAG,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;IAC/B,IAAI,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;QACrB,MAAM,IAAI,KAAK,CAAC,sBAAsB,CAAC,CAAC;IAC1C,CAAC;IAED,sDAAsD;IACtD,MAAM,SAAS,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC;IAE3B,gEAAgE;IAChE,MAAM,MAAM,GAAG,SAAS,CAAC,OAAO,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC,OAAO,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC;IAE/D,8CAA8C;IAC9C,IAAI,WAAmB,CAAC;IACxB,IAAI,CAAC;QACH,WAAW,GAAG,kBAAkB,CAC9B,IAAI,CAAC,MAAM,CAAC;aACT,KAAK,CAAC,EAAE,CAAC;aACT,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,GAAG,GAAG,CAAC,IAAI,GAAG,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;aACjE,IAAI,CAAC,EAAE,CAAC,CACZ,CAAC;IACJ,CAAC;IAAC,OAAO,KAAK,EAAE,CAAC;QACf,MAAM,IAAI,KAAK,CAAC,gCAAgC,CAAC,CAAC;IACpD,CAAC;IAED,gDAAgD;IAChD,IAAI,YAAmE,CAAC;IACxE,IAAI,CAAC;QACH,YAAY,GAAG,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC;IACzC,CAAC;IAAC,OAAO,KAAK,EAAE,CAAC;QACf,MAAM,IAAI,KAAK,CAAC,+BAA+B,CAAC,CAAC;IACnD,CAAC;IAED,gDAAgD;IAChD,MAAM,SAAS,GAAW,YAAY,CAAC,GAAG,CAAC;IAC3C,IAAI,CAAC,SAAS,EAAE,CAAC;QACf,MAAM,IAAI,KAAK,CAAC,sDAAsD,CAAC,CAAC;IAC1E,CAAC;IAED,2DAA2D;IAC3D,4EAA4E;IAC5E,MAAM,KAAK,GACT,kEAAkE,CAAC;IACrE,MAAM,KAAK,GAAG,SAAS,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;IAErC,mGAAmG;IACnG,IAAI,KAAK,EAAE,CAAC;QACV,MAAM,SAAS,GACb,YAAY,CAAC,GAAG,IAAI,OAAO,YAAY,CAAC,GAAG,KAAK,QAAQ;YACtD,CAAC,CAAC,YAAY,CAAC,GAAG;YAClB,CAAC,CAAC,SAAS,CAAC;QAEhB,OAAO;YACL,WAAW,EAAE,KAAK;YAClB,WAAW,EAAE,KAAK,CAAC,CAAC,CAAC;YACrB,SAAS;YACT,MAAM,EAAE,KAAK,CAAC,CAAC,CAAC;SACjB,CAAC;IACJ,CAAC;AACH,CAAC","sourcesContent":["/**\n * Decodes a JWT token and extracts environment and tenant information.\n *\n * @param token - The JWT token to decode\n * @returns Object containing environment, tenant, accessToken, and expiresAt\n * @throws Error if token format is invalid or cannot be decoded\n */\nexport function decodeToken(token: string) {\n  // Validate the token structure (should contain at least header and payload parts)\n  const parts = token.split(\".\");\n  if (parts.length < 2) {\n    throw new Error(\"Invalid token format\");\n  }\n\n  // Retrieve the payload (second part) of the JWT token\n  const base64Url = parts[1];\n\n  // Replace URL-safe characters to match standard base64 encoding\n  const base64 = base64Url.replace(/-/g, \"+\").replace(/_/g, \"/\");\n\n  // Decode the base64 string into a JSON string\n  let jsonPayload: string;\n  try {\n    jsonPayload = decodeURIComponent(\n      atob(base64)\n        .split(\"\")\n        .map((c) => \"%\" + (\"00\" + c.charCodeAt(0).toString(16)).slice(-2))\n        .join(\"\"),\n    );\n  } catch (error) {\n    throw new Error(\"Failed to decode token payload\");\n  }\n\n  // Parse the JSON string to obtain token details\n  let tokenDetails: { iss: string; exp?: number; [key: string]: unknown };\n  try {\n    tokenDetails = JSON.parse(jsonPayload);\n  } catch (error) {\n    throw new Error(\"Invalid JSON payload in token\");\n  }\n\n  // Extract the issuer URL from the token details\n  const issuerUrl: string = tokenDetails.iss;\n  if (!issuerUrl) {\n    throw new Error(\"Token payload does not contain an issuer (iss) field\");\n  }\n\n  // Regex to extract environment and tenant from issuer URL:\n  // Expected format: https://keycloak.{environment}.corti.app/realms/{tenant}\n  const regex =\n    /^https:\\/\\/(keycloak|auth)\\.([^.]+)\\.corti\\.app\\/realms\\/([^/]+)/;\n  const match = issuerUrl.match(regex);\n\n  // If the issuer URL matches the expected pattern, return the extracted values along with the token\n  if (match) {\n    const expiresAt =\n      tokenDetails.exp && typeof tokenDetails.exp === \"number\"\n        ? tokenDetails.exp\n        : undefined;\n\n    return {\n      accessToken: token,\n      environment: match[2],\n      expiresAt,\n      tenant: match[3],\n    };\n  }\n}\n"]}
+{"version":3,"file":"token.js","sourceRoot":"","sources":["../../../src/utils/token.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AACH,MAAM,UAAU,WAAW,CAAC,KAAa;IACvC,kFAAkF;IAClF,MAAM,KAAK,GAAG,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;IAC/B,IAAI,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;QACrB,MAAM,IAAI,KAAK,CAAC,sBAAsB,CAAC,CAAC;IAC1C,CAAC;IAED,sDAAsD;IACtD,MAAM,SAAS,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC;IAE3B,gEAAgE;IAChE,MAAM,MAAM,GAAG,SAAS,CAAC,OAAO,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC,OAAO,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC;IAE/D,8CAA8C;IAC9C,IAAI,WAAmB,CAAC;IACxB,IAAI,CAAC;QACH,WAAW,GAAG,kBAAkB,CAC9B,IAAI,CAAC,MAAM,CAAC;aACT,KAAK,CAAC,EAAE,CAAC;aACT,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,GAAG,GAAG,CAAC,IAAI,GAAG,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;aACjE,IAAI,CAAC,EAAE,CAAC,CACZ,CAAC;IACJ,CAAC;IAAC,OAAO,KAAK,EAAE,CAAC;QACf,MAAM,IAAI,KAAK,CAAC,gCAAgC,CAAC,CAAC;IACpD,CAAC;IAED,gDAAgD;IAChD,IAAI,YAAmE,CAAC;IACxE,IAAI,CAAC;QACH,YAAY,GAAG,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC;IACzC,CAAC;IAAC,OAAO,KAAK,EAAE,CAAC;QACf,MAAM,IAAI,KAAK,CAAC,+BAA+B,CAAC,CAAC;IACnD,CAAC;IAED,gDAAgD;IAChD,MAAM,SAAS,GAAW,YAAY,CAAC,GAAG,CAAC;IAC3C,IAAI,CAAC,SAAS,EAAE,CAAC;QACf,MAAM,IAAI,KAAK,CAAC,sDAAsD,CAAC,CAAC;IAC1E,CAAC;IAED,2DAA2D;IAC3D,4EAA4E;IAC5E,MAAM,KAAK,GACT,kEAAkE,CAAC;IACrE,MAAM,KAAK,GAAG,SAAS,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;IAErC,IAAI,CAAC,KAAK,EAAE,CAAC;QACX,MAAM,IAAI,KAAK,CAAC,6CAA6C,CAAC,CAAC;IACjE,CAAC;IAED,mGAAmG;IACnG,MAAM,SAAS,GACb,YAAY,CAAC,GAAG,IAAI,OAAO,YAAY,CAAC,GAAG,KAAK,QAAQ;QACtD,CAAC,CAAC,YAAY,CAAC,GAAG;QAClB,CAAC,CAAC,SAAS,CAAC;IAEhB,OAAO;QACL,WAAW,EAAE,KAAK;QAClB,WAAW,EAAE,KAAK,CAAC,CAAC,CAAC;QACrB,SAAS;QACT,MAAM,EAAE,KAAK,CAAC,CAAC,CAAC;KACjB,CAAC;AACJ,CAAC","sourcesContent":["/**\n * Decodes a JWT token and extracts environment and tenant information.\n *\n * @param token - The JWT token to decode\n * @returns Object containing environment, tenant, accessToken, and expiresAt\n * @throws Error if token format is invalid or cannot be decoded\n */\nexport function decodeToken(token: string) {\n  // Validate the token structure (should contain at least header and payload parts)\n  const parts = token.split(\".\");\n  if (parts.length < 2) {\n    throw new Error(\"Invalid token format\");\n  }\n\n  // Retrieve the payload (second part) of the JWT token\n  const base64Url = parts[1];\n\n  // Replace URL-safe characters to match standard base64 encoding\n  const base64 = base64Url.replace(/-/g, \"+\").replace(/_/g, \"/\");\n\n  // Decode the base64 string into a JSON string\n  let jsonPayload: string;\n  try {\n    jsonPayload = decodeURIComponent(\n      atob(base64)\n        .split(\"\")\n        .map((c) => \"%\" + (\"00\" + c.charCodeAt(0).toString(16)).slice(-2))\n        .join(\"\"),\n    );\n  } catch (error) {\n    throw new Error(\"Failed to decode token payload\");\n  }\n\n  // Parse the JSON string to obtain token details\n  let tokenDetails: { iss: string; exp?: number; [key: string]: unknown };\n  try {\n    tokenDetails = JSON.parse(jsonPayload);\n  } catch (error) {\n    throw new Error(\"Invalid JSON payload in token\");\n  }\n\n  // Extract the issuer URL from the token details\n  const issuerUrl: string = tokenDetails.iss;\n  if (!issuerUrl) {\n    throw new Error(\"Token payload does not contain an issuer (iss) field\");\n  }\n\n  // Regex to extract environment and tenant from issuer URL:\n  // Expected format: https://keycloak.{environment}.corti.app/realms/{tenant}\n  const regex =\n    /^https:\\/\\/(keycloak|auth)\\.([^.]+)\\.corti\\.app\\/realms\\/([^/]+)/;\n  const match = issuerUrl.match(regex);\n\n  if (!match) {\n    throw new Error(\"Access token does not match expected format\");\n  }\n\n  // If the issuer URL matches the expected pattern, return the extracted values along with the token\n  const expiresAt =\n    tokenDetails.exp && typeof tokenDetails.exp === \"number\"\n      ? tokenDetails.exp\n      : undefined;\n\n  return {\n    accessToken: token,\n    environment: match[2],\n    expiresAt,\n    tenant: match[3],\n  };\n}\n"]}

package/dist/styles/buttons.js

@@ -1,4 +1,4 @@
-import { css } from 'lit';
+import { css } from "lit";
 const ButtonStyles = css `
   /* Default (plain) button styling */
   button {
@@ -14,7 +14,6 @@ const ButtonStyles = css `
     align-items: center;
     justify-content: center;
     transition: background 0.3s ease;
-    font-family: var(--component-font-family, -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, Cantarell, Ubuntu, roboto, noto, helvetica, arial, sans-serif);
   }
 
   button:hover {

package/dist/styles/buttons.js.map

@@ -1 +1 @@
-{"version":3,"file":"buttons.js","sourceRoot":"","sources":["../../src/styles/buttons.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,YAAY,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgDvB,CAAC;AAEF,eAAe,YAAY,CAAC","sourcesContent":["import { css } from 'lit';\n\nconst ButtonStyles = css`\n  /* Default (plain) button styling */\n  button {\n    background: var(--action-plain-background, transparent);\n    /* border: 1px solid var(--action-plain-border-color); */\n    border: none;\n    color: var(--component-text-color, light-dark(#333, #eee));\n    cursor: pointer;\n    padding: 8px;\n    border-radius: var(--card-inner-border-radius, 6px);\n    display: inline-flex;\n    gap: 4px;\n    align-items: center;\n    justify-content: center;\n    transition: background 0.3s ease;\n    font-family: var(--component-font-family, -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, Cantarell, Ubuntu, roboto, noto, helvetica, arial, sans-serif);\n  }\n\n  button:hover {\n    background: var(--action-plain-background-hover, light-dark(#ddd, #444));\n  }\n\n  button:focus-visible {\n    outline: 2px solid var(--action-accent-background, light-dark(#007bff, #0056b3));\n    outline-offset: 2px;\n  }\n\n  /* Accent variant */\n  button.accent {\n    background: var(--action-accent-background, light-dark(#007bff, #0056b3));\n    color: var(--action-accent-text-color, #fff);\n    border: none;\n  }\n\n  button.accent:hover {\n    background: var(--action-accent-background-hover, light-dark(#0056b3, #003d80));\n  }\n\n  /* Red variant */\n  button.red {\n    background: var(--action-red-background, light-dark(#dc3545, #bd2130));\n    color: var(--action-red-text-color, #fff);\n    border: none;\n  }\n\n  button.red:hover {\n    background: var(--action-red-background-hover, light-dark(#bd2130, #a71c24));\n  }\n`;\n\nexport default ButtonStyles;\n"]}
+{"version":3,"file":"buttons.js","sourceRoot":"","sources":["../../src/styles/buttons.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,YAAY,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+CvB,CAAC;AAEF,eAAe,YAAY,CAAC","sourcesContent":["import { css } from \"lit\";\n\nconst ButtonStyles = css`\n  /* Default (plain) button styling */\n  button {\n    background: var(--action-plain-background, transparent);\n    /* border: 1px solid var(--action-plain-border-color); */\n    border: none;\n    color: var(--component-text-color, light-dark(#333, #eee));\n    cursor: pointer;\n    padding: 8px;\n    border-radius: var(--card-inner-border-radius, 6px);\n    display: inline-flex;\n    gap: 4px;\n    align-items: center;\n    justify-content: center;\n    transition: background 0.3s ease;\n  }\n\n  button:hover {\n    background: var(--action-plain-background-hover, light-dark(#ddd, #444));\n  }\n\n  button:focus-visible {\n    outline: 2px solid var(--action-accent-background, light-dark(#007bff, #0056b3));\n    outline-offset: 2px;\n  }\n\n  /* Accent variant */\n  button.accent {\n    background: var(--action-accent-background, light-dark(#007bff, #0056b3));\n    color: var(--action-accent-text-color, #fff);\n    border: none;\n  }\n\n  button.accent:hover {\n    background: var(--action-accent-background-hover, light-dark(#0056b3, #003d80));\n  }\n\n  /* Red variant */\n  button.red {\n    background: var(--action-red-background, light-dark(#dc3545, #bd2130));\n    color: var(--action-red-text-color, #fff);\n    border: none;\n  }\n\n  button.red:hover {\n    background: var(--action-red-background-hover, light-dark(#bd2130, #a71c24));\n  }\n`;\n\nexport default ButtonStyles;\n"]}

package/dist/styles/component-styles.d.ts

@@ -0,0 +1,3 @@
+declare const ComponentStyles: import("lit").CSSResult;
+export declare const LabelStyles: import("lit").CSSResult;
+export default ComponentStyles;

package/dist/styles/component-styles.js

@@ -0,0 +1,32 @@
+import { css } from "lit";
+const ComponentStyles = css `
+  :host {
+    font-family: var(--component-font-family, -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, Cantarell, Ubuntu, roboto, noto, helvetica, arial, sans-serif);
+  }
+
+  .wrapper {
+    background-color: var(--card-background, light-dark(#fff, #333));
+    border: 1px solid var(--card-border-color, light-dark(#ddd, #555));
+    border-radius: var(--card-border-radius, 8px);
+    box-shadow: var(--card-box-shadow, 0 2px 5px rgba(0, 0, 0, 0.1));
+    padding: var(--card-padding, 4px);
+    display: flex;
+    gap: 4px;
+    height: 46px;
+    width: fit-content;
+    box-sizing: border-box;
+    overflow: hidden;
+  }
+`;
+export const LabelStyles = css `
+  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;
+  }
+`;
+export default ComponentStyles;
+//# sourceMappingURL=component-styles.js.map

package/dist/styles/component-styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"component-styles.js","sourceRoot":"","sources":["../../src/styles/component-styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,eAAe,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;CAkB1B,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,GAAG,CAAA;;;;;;;;;CAS7B,CAAC;AAEF,eAAe,eAAe,CAAC","sourcesContent":["import { css } from \"lit\";\n\nconst ComponentStyles = css`\n  :host {\n    font-family: var(--component-font-family, -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, Cantarell, Ubuntu, roboto, noto, helvetica, arial, sans-serif);\n  }\n\n  .wrapper {\n    background-color: var(--card-background, light-dark(#fff, #333));\n    border: 1px solid var(--card-border-color, light-dark(#ddd, #555));\n    border-radius: var(--card-border-radius, 8px);\n    box-shadow: var(--card-box-shadow, 0 2px 5px rgba(0, 0, 0, 0.1));\n    padding: var(--card-padding, 4px);\n    display: flex;\n    gap: 4px;\n    height: 46px;\n    width: fit-content;\n    box-sizing: border-box;\n    overflow: hidden;\n  }\n`;\n\nexport const LabelStyles = css`\n  label {\n    display: block;\n    font-size: 0.8rem;\n    padding-bottom: 0.5rem;\n    font-weight: 500;\n    color: var(--component-text-color, light-dark(#333, #eee));\n    pointer-events: none;\n  }\n`;\n\nexport default ComponentStyles;\n"]}

package/dist/styles/keybinding-selector.d.ts

@@ -0,0 +1,2 @@
+declare const KeybindingSelectorStyles: import("lit").CSSResult[];
+export default KeybindingSelectorStyles;

package/dist/styles/keybinding-selector.js

@@ -0,0 +1,72 @@
+import { css } from "lit";
+import { LabelStyles } from "./component-styles.js";
+const KeybindingSelectorStyles = [
+    LabelStyles,
+    css `
+  :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;
+  }
+`,
+];
+export default KeybindingSelectorStyles;
+//# sourceMappingURL=keybinding-selector.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"keybinding-selector.js","sourceRoot":"","sources":["../../src/styles/keybinding-selector.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAEpD,MAAM,wBAAwB,GAAG;IAC/B,WAAW;IACX,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgEJ;CACA,CAAC;AAEF,eAAe,wBAAwB,CAAC","sourcesContent":["import { css } from \"lit\";\nimport { LabelStyles } from \"./component-styles.js\";\n\nconst KeybindingSelectorStyles = [\n  LabelStyles,\n  css`\n  :host {\n    display: block;\n  }\n  .keybinding-selector-wrapper {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    padding: var(--card-padding, 4px) 8px;\n    background: var(--card-background, light-dark(#fff, #333));\n    border: 1px solid var(--card-border-color, light-dark(#ddd, #555));\n    border-radius: var(--card-inner-border-radius, 6px);\n    overflow: hidden;\n  }\n  .keybinding-selector-wrapper:focus-within {\n    border-color: var(--action-accent-background, light-dark(#007bff, #0056b3));\n    outline: 2px solid var(--action-accent-background, light-dark(#007bff, #0056b3));\n  }\n  .keybinding-selector-input {\n    flex: 1;\n    min-width: 0;\n    border: none;\n    background: transparent;\n    font-size: 14px;\n    line-height: 24px;\n    color: var(--component-text-color, light-dark(#333, #eee));\n    outline: none;\n    padding: 0;\n    cursor: text;\n  }\n  .keybinding-selector-input::placeholder {\n    opacity: 0.6;\n    color: var(--component-text-color, light-dark(#333, #eee));\n  }\n  .keybinding-selector-input:disabled {\n    cursor: not-allowed;\n    opacity: 0.5;\n  }\n  .keybinding-key {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    padding: 0 0.5rem;\n    height: 24px;\n    background: var(--card-background, light-dark(#fff, #333));\n    border: 1px solid var(--card-border-color, light-dark(#ddd, #555));\n    border-radius: var(--card-inner-border-radius, 6px);\n    box-shadow: var(--card-box-shadow, 0 2px 5px rgba(0, 0, 0, 0.1));\n    font-size: 16px;\n    line-height: 28px;\n    color: var(--component-text-color, light-dark(#333, #eee));\n    opacity: 0.6;\n    text-align: center;\n    flex-shrink: 0;\n  }\n  .keybinding-help {\n    font-size: 12px;\n    line-height: 20px;\n    color: var(--component-text-color, light-dark(#333, #eee));\n    opacity: 0.6;\n    margin: 0;\n    letter-spacing: 0.01px;\n    padding-top: 8px;\n  }\n`,\n];\n\nexport default KeybindingSelectorStyles;\n"]}

package/dist/styles/mode-selector.d.ts

@@ -0,0 +1,2 @@
+declare const ModeSelectorStyles: import("lit").CSSResult[];
+export default ModeSelectorStyles;

package/dist/styles/mode-selector.js

@@ -0,0 +1,56 @@
+import { css } from "lit";
+import { LabelStyles } from "./component-styles.js";
+const ModeSelectorStyles = [
+    LabelStyles,
+    css `
+  :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;
+  }
+`,
+];
+export default ModeSelectorStyles;
+//# sourceMappingURL=mode-selector.js.map

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

@@ -0,0 +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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;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/styles/select.d.ts

@@ -1,2 +1,2 @@
-declare const SelectStyles: import("lit").CSSResult;
+declare const SelectStyles: import("lit").CSSResult[];
 export default SelectStyles;

package/dist/styles/select.js

@@ -1,13 +1,8 @@
 import { css } from "lit";
-const SelectStyles = css `
-  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;
-  }
+import { LabelStyles } from "./component-styles.js";
+const SelectStyles = [
+    LabelStyles,
+    css `
   select {
     background: var(--card-background, light-dark(#fff, #333));
     color: var(--component-text-color, light-dark(#333, #eee));
@@ -31,6 +26,7 @@ const SelectStyles = css `
     outline: 2px solid var(--action-accent-background, light-dark(#007bff, #0056b3));
     /* outline-offset: 2px; */
   }
-`;
+`,
+];
 export default SelectStyles;
 //# sourceMappingURL=select.js.map

package/dist/styles/select.js.map

@@ -1 +1 @@
-{"version":3,"file":"select.js","sourceRoot":"","sources":["../../src/styles/select.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,YAAY,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgCvB,CAAC;AAEF,eAAe,YAAY,CAAC","sourcesContent":["import { css } from \"lit\";\n\nconst SelectStyles = css`\n  label {\n    display: block;\n    font-size: 0.8rem;\n    padding-bottom: 0.5rem;\n    font-weight: 500;\n    color: var(--component-text-color, light-dark(#333, #eee));\n    pointer-events: none;\n  }\n  select {\n    background: var(--card-background, light-dark(#fff, #333));\n    color: var(--component-text-color, light-dark(#333, #eee));\n    border: 1px solid var(--card-border-color, light-dark(#ddd, #555));\n    padding: var(--card-padding, 4px);\n    border-radius: var(--card-inner-border-radius, 6px);\n    outline: none;\n    width: 100%;\n  }\n\n  select:disabled {\n    opacity: 0.5;\n    cursor: not-allowed;\n  }\n\n  select:hover {\n    background: var(--action-plain-background-hover, light-dark(#ddd, #444));\n  }\n\n  select:focus-visible {\n    outline: 2px solid var(--action-accent-background, light-dark(#007bff, #0056b3));\n    /* outline-offset: 2px; */\n  }\n`;\n\nexport default SelectStyles;\n"]}
+{"version":3,"file":"select.js","sourceRoot":"","sources":["../../src/styles/select.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAEpD,MAAM,YAAY,GAAG;IACnB,WAAW;IACX,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;CAwBJ;CACA,CAAC;AAEF,eAAe,YAAY,CAAC","sourcesContent":["import { css } from \"lit\";\nimport { LabelStyles } from \"./component-styles.js\";\n\nconst SelectStyles = [\n  LabelStyles,\n  css`\n  select {\n    background: var(--card-background, light-dark(#fff, #333));\n    color: var(--component-text-color, light-dark(#333, #eee));\n    border: 1px solid var(--card-border-color, light-dark(#ddd, #555));\n    padding: var(--card-padding, 4px);\n    border-radius: var(--card-inner-border-radius, 6px);\n    outline: none;\n    width: 100%;\n  }\n\n  select:disabled {\n    opacity: 0.5;\n    cursor: not-allowed;\n  }\n\n  select:hover {\n    background: var(--action-plain-background-hover, light-dark(#ddd, #444));\n  }\n\n  select:focus-visible {\n    outline: 2px solid var(--action-accent-background, light-dark(#007bff, #0056b3));\n    /* outline-offset: 2px; */\n  }\n`,\n];\n\nexport default SelectStyles;\n"]}