@omniloy/sofia-sdk 1.0.6 → 1.0.7

package/dist/react/index.es.js

@@ -4742,7 +4742,7 @@ const {
   create: create$1,
 } = axios;
 
-const version$2 = "1.0.6";
+const version$2 = "1.0.7";
 
 const handleApiError$1 = async (error) => {
   return Promise.reject(error);
@@ -5063,6 +5063,10 @@ var SettingsApiKeys = /* @__PURE__ */ ((SettingsApiKeys2) => {
   SettingsApiKeys2["templateId"] = "templateId";
   SettingsApiKeys2["summary"] = "summary";
   SettingsApiKeys2["showConsentIndicator"] = "showConsentIndicator";
+  SettingsApiKeys2["showInsertionPreview"] = "showInsertionPreview";
+  SettingsApiKeys2["showChatWithVoice"] = "showChatWithVoice";
+  SettingsApiKeys2["transcriberUrl"] = "transcriberUrl";
+  SettingsApiKeys2["vadMinCoverage"] = "vadMinCoverage";
   return SettingsApiKeys2;
 })(SettingsApiKeys || {});
 
@@ -5121,7 +5125,10 @@ const SettingsApi = {
           [SettingsApiKeys.template]: profileResponse.template,
           [SettingsApiKeys.baseTemplate]: profileResponse.baseTemplate,
           [SettingsApiKeys.summary]: profileResponse.summary,
-          [SettingsApiKeys.showConsentIndicator]: profileResponse.showConsentIndicator
+          [SettingsApiKeys.showConsentIndicator]: profileResponse.showConsentIndicator,
+          [SettingsApiKeys.showInsertionPreview]: profileResponse.showInsertionPreview,
+          [SettingsApiKeys.showChatWithVoice]: profileResponse.showChatWithVoice,
+          [SettingsApiKeys.transcriberUrl]: profileResponse.transcriberUrl
         };
         return mappedResponse;
       }
@@ -5415,6 +5422,7 @@ const ar = {
   "View transcription": "عرض النص المكتوب",
   "Generate anyway": "إنشاء على أي حال",
   "Audio lost (~{duration}s)": "صوت مفقود (~{duration}ث)",
+  "Room and microphone status": "حالة الغرفة والميكروفون",
 };
 
 const Add$b = "Afegir";
@@ -5721,6 +5729,7 @@ const ca = {
   "View transcription": "Veure transcripció",
   "Generate anyway": "Generar igualment",
   "Audio lost (~{duration}s)": "Àudio perdut (~{duration}s)",
+  "Room and microphone status": "Estat de la sala i el micròfon",
 };
 
 const Add$a = "Afegir";
@@ -6027,6 +6036,7 @@ const ca_valencia = {
   "View transcription": "Veure transcripció",
   "Generate anyway": "Generar igualment",
   "Audio lost (~{duration}s)": "Àudio perdut (~{duration}s)",
+  "Room and microphone status": "Estat de la sala i el micròfon",
 };
 
 const Add$9 = "Přidat";
@@ -6333,6 +6343,7 @@ const cs = {
   "View transcription": "Zobrazit přepis",
   "Generate anyway": "Vygenerovat přesto",
   "Audio lost (~{duration}s)": "Ztracený zvuk (~{duration}s)",
+  "Room and microphone status": "Stav místnosti a mikrofonu",
 };
 
 const Add$8 = "Add";
@@ -6639,6 +6650,7 @@ const en_GB = {
   "View transcription": "View transcription",
   "Generate anyway": "Generate anyway",
   "Audio lost (~{duration}s)": "Audio lost (~{duration}s)",
+  "Room and microphone status": "Room and microphone status",
 };
 
 const Add$7 = "Add";
@@ -6946,6 +6958,7 @@ const en_US = {
   "View transcription": "View transcription",
   "Generate anyway": "Generate anyway",
   "Audio lost (~{duration}s)": "Audio lost (~{duration}s)",
+  "Room and microphone status": "Room and microphone status",
 };
 
 const Add$6 = "Añadir";
@@ -7252,6 +7265,7 @@ const es = {
   "View transcription": "Ver transcripción",
   "Generate anyway": "Generar igualmente",
   "Audio lost (~{duration}s)": "Audio perdido (~{duration}s)",
+  "Room and microphone status": "Estado de la sala y el micrófono",
 };
 
 const Add$5 = "Ajouter";
@@ -7558,6 +7572,7 @@ const fr = {
   "View transcription": "Voir la transcription",
   "Generate anyway": "Générer quand même",
   "Audio lost (~{duration}s)": "Audio perdu (~{duration}s)",
+  "Room and microphone status": "État de la salle et du microphone",
 };
 
 const Add$4 = "जोड़ें";
@@ -7843,6 +7858,7 @@ const hi = {
   "View transcription": "ट्रांसक्रिप्शन देखें",
   "Generate anyway": "फिर भी उत्पन्न करें",
   "Audio lost (~{duration}s)": "ऑडियो खो गया (~{duration}सेकंड)",
+  "Room and microphone status": "कमरे और माइक्रोफ़ोन की स्थिति",
 };
 
 const Add$3 = "Tambahkan";
@@ -8127,6 +8143,7 @@ const id = {
   "View transcription": "Lihat transkripsi",
   "Generate anyway": "Generate tetap",
   "Audio lost (~{duration}s)": "Audio hilang (~{duration}d)",
+  "Room and microphone status": "Status ruangan dan mikrofon",
 };
 
 const Add$2 = "ਸ਼ਾਮਲ ਕਰੋ";
@@ -8433,6 +8450,7 @@ const pa = {
   "View transcription": "ਟ੍ਰਾਂਸਕ੍ਰਿਪਸ਼ਨ ਦੇਖੋ",
   "Generate anyway": "ਫਿਰ ਵੀ ਜਨਰੇਟ ਕਰੋ",
   "Audio lost (~{duration}s)": "ਆਡੀਓ ਗੁਆਚਿਆ (~{duration}ਸ)",
+  "Room and microphone status": "ਕਮਰੇ ਅਤੇ ਮਾਈਕ੍ਰੋਫ਼ੋਨ ਦੀ ਸਥਿਤੀ",
 };
 
 const Add$1 = "Lägg till";
@@ -8739,6 +8757,7 @@ const sv = {
   "View transcription": "Visa transkription",
   "Generate anyway": "Generera ändå",
   "Audio lost (~{duration}s)": "Förlorat ljud (~{duration}s)",
+  "Room and microphone status": "Rummets och mikrofonens status",
 };
 
 const Add = "شامل کریں";
@@ -9046,6 +9065,7 @@ const ur = {
   "View transcription": "ٹرانسکرپشن دیکھیں",
   "Generate anyway": "بہرحال تخلیق کریں",
   "Audio lost (~{duration}s)": "آڈیو ضائع ہوا (~{duration}سیکنڈ)",
+  "Room and microphone status": "کمرے اور مائیکروفون کی حالت",
 };
 
 var LanguageCode = /* @__PURE__ */ ((LanguageCode2) => {
@@ -9405,6 +9425,9 @@ function parseProfileResponse(profile, predefinedLanguage) {
   } : null;
   const baseTemplate = profile?.[SettingsApiKeys.baseTemplate] ? profile[SettingsApiKeys.baseTemplate] : {};
   const showConsentIndicator = profile?.[SettingsApiKeys.showConsentIndicator] === true;
+  const showInsertionPreview = profile?.[SettingsApiKeys.showInsertionPreview] === true;
+  const showChatWithVoice = profile?.[SettingsApiKeys.showChatWithVoice] === true;
+  const transcriberUrl = profile?.[SettingsApiKeys.transcriberUrl] || void 0;
   return {
     dictionary,
     language,
@@ -9415,7 +9438,10 @@ function parseProfileResponse(profile, predefinedLanguage) {
     summary,
     customTemplate,
     baseTemplate,
-    showConsentIndicator
+    showConsentIndicator,
+    showInsertionPreview,
+    showChatWithVoice,
+    transcriberUrl
   };
 }
 function getDefaultSettingsState() {
@@ -9429,7 +9455,10 @@ function getDefaultSettingsState() {
     summary: null,
     customTemplate: null,
     baseTemplate: {},
-    showConsentIndicator: false
+    showConsentIndicator: false,
+    showInsertionPreview: false,
+    showChatWithVoice: false,
+    transcriberUrl: void 0
   };
 }
 
@@ -9719,6 +9748,82 @@ const useSettingsTemplate = ({
   };
 };
 
+const VadCoverageApi = {
+  /**
+   * Fetch the available options plus the user's current selection. Returns
+   * `null` on failure so callers can degrade gracefully (no selector, and the
+   * transcriber resolves the value via API/default).
+   */
+  getOptions: async () => {
+    try {
+      const response = await requester.get(
+        "/profiles/settings/vad-coverage/options"
+      );
+      if (response && Array.isArray(response.options)) {
+        return response;
+      }
+      return null;
+    } catch (error) {
+      handleSettingsApiError(error, "Failed to fetch VAD coverage options");
+      return null;
+    }
+  }
+};
+
+const EMPTY_STATE = {
+  options: [],
+  selected: null,
+  value: null
+};
+const useVadCoverage = () => {
+  const [state, setState] = React.useState(EMPTY_STATE);
+  const mountedRef = React.useRef(true);
+  const loadVadCoverage = React.useCallback(async () => {
+    const response = await VadCoverageApi.getOptions();
+    if (!mountedRef.current) return;
+    setState(
+      response ? {
+        options: response.options,
+        selected: response.selected,
+        value: response.value
+      } : EMPTY_STATE
+    );
+  }, []);
+  React.useEffect(() => {
+    mountedRef.current = true;
+    loadVadCoverage();
+    return () => {
+      mountedRef.current = false;
+    };
+  }, [loadVadCoverage]);
+  const updateVadCoverage = React.useCallback(
+    async (key) => {
+      const option = state.options.find((o) => o.key === key);
+      setState((prev) => ({
+        ...prev,
+        selected: key,
+        value: option ? option.value : prev.value
+      }));
+      try {
+        await SettingsApi.updateSetting(SettingsApiKeys.vadMinCoverage, key);
+      } catch (error) {
+        logger.settingsError("Error updating VAD coverage:", error);
+        await loadVadCoverage();
+      }
+    },
+    [state.options, loadVadCoverage]
+  );
+  const vadMinCoverageForSession = state.value ?? void 0;
+  return {
+    vadCoverageOptions: state.options,
+    vadCoverageSelected: state.selected,
+    vadCoverageValue: state.value,
+    vadMinCoverageForSession,
+    updateVadCoverage,
+    loadVadCoverage
+  };
+};
+
 const SettingsContext = React__default.createContext(
   void 0
 );
@@ -9746,6 +9851,9 @@ const SettingsProvider = ({ predefinedLanguage, templateId, toolArgs, children }
   const [baseTemplate, setBaseTemplate] = React__default.useState({});
   const [customTemplate, setCustomTemplate] = React__default.useState(null);
   const [showConsentIndicator, setShowConsentIndicator] = React__default.useState(false);
+  const [showInsertionPreview, setShowInsertionPreview] = React__default.useState(false);
+  const [showChatWithVoice, setShowChatWithVoice] = React__default.useState(false);
+  const [transcriberUrl, setTranscriberUrl] = React__default.useState(void 0);
   const [isLoading, setIsLoading] = React__default.useState(true);
   const isInitializedRef = React__default.useRef(false);
   const applySettings = React__default.useCallback(
@@ -9760,6 +9868,9 @@ const SettingsProvider = ({ predefinedLanguage, templateId, toolArgs, children }
       setCustomTemplate(parsed.customTemplate);
       setBaseTemplate(parsed.baseTemplate);
       setShowConsentIndicator(parsed.showConsentIndicator);
+      setShowInsertionPreview(parsed.showInsertionPreview);
+      setShowChatWithVoice(parsed.showChatWithVoice);
+      setTranscriberUrl(parsed.transcriberUrl);
       const cache = SettingsCache.getInstance();
       cache.setDictionary(parsed.dictionary);
       cache.setLanguage(parsed.language);
@@ -9788,6 +9899,9 @@ const SettingsProvider = ({ predefinedLanguage, templateId, toolArgs, children }
       setCustomTemplate(defaults.customTemplate);
       setBaseTemplate(defaults.baseTemplate);
       setShowConsentIndicator(defaults.showConsentIndicator);
+      setShowInsertionPreview(defaults.showInsertionPreview);
+      setShowChatWithVoice(defaults.showChatWithVoice);
+      setTranscriberUrl(defaults.transcriberUrl);
       SettingsCache.getInstance().clear();
     } finally {
       setIsLoading(false);
@@ -9828,6 +9942,7 @@ const SettingsProvider = ({ predefinedLanguage, templateId, toolArgs, children }
     customTemplate,
     baseTemplate
   });
+  const vad = useVadCoverage();
   const sendSummaryMessage = React__default.useCallback(() => {
     if (!summary || !summary.isEnabled) return;
     window.dispatchEvent(new CustomEvent("sendSummaryMessage"));
@@ -9869,6 +9984,13 @@ const SettingsProvider = ({ predefinedLanguage, templateId, toolArgs, children }
       customTemplate,
       baseTemplate,
       showConsentIndicator,
+      showInsertionPreview,
+      showChatWithVoice,
+      transcriberUrl,
+      vadCoverageOptions: vad.vadCoverageOptions,
+      vadCoverageSelected: vad.vadCoverageSelected,
+      vadCoverageValue: vad.vadCoverageValue,
+      vadMinCoverageForSession: vad.vadMinCoverageForSession,
       getTemplateId: templateHelpers.getTemplateId,
       getMixedToolArgs: templateHelpers.getMixedToolArgs,
       updateDictionary: actions.updateDictionary,
@@ -9877,6 +9999,7 @@ const SettingsProvider = ({ predefinedLanguage, templateId, toolArgs, children }
       updateSources: actions.updateSources,
       updatePreferredMicrophone: actions.updatePreferredMicrophone,
       updateSummary: actions.updateSummary,
+      updateVadCoverage: vad.updateVadCoverage,
       sendSummaryMessage,
       updateSettings: actions.updateSettings,
       refreshSettings,
@@ -9896,6 +10019,14 @@ const SettingsProvider = ({ predefinedLanguage, templateId, toolArgs, children }
       customTemplate,
       baseTemplate,
       showConsentIndicator,
+      showInsertionPreview,
+      showChatWithVoice,
+      transcriberUrl,
+      vad.vadCoverageOptions,
+      vad.vadCoverageSelected,
+      vad.vadCoverageValue,
+      vad.vadMinCoverageForSession,
+      vad.updateVadCoverage,
       templateHelpers.getTemplateId,
       templateHelpers.getMixedToolArgs,
       actions,
@@ -16371,6 +16502,17 @@ const useToastContext = createContextHook(
   "ToastProvider"
 );
 
+const appendClientVersion = (url) => {
+  if (!url) return url;
+  try {
+    const parsed = new URL(url);
+    parsed.searchParams.set("client_version", version$2);
+    return parsed.toString();
+  } catch {
+    return url;
+  }
+};
+
 const initialState$1 = {
   socket: null,
   stream: null,
@@ -16652,7 +16794,7 @@ const restoreDeepWithPairs = (value, pairs) => {
 };
 
 const AudioRecorderApi = {
-  record: (socket, uuid, language, extractionConfig, templateId, medicalPractice, anonymization) => {
+  record: (socket, uuid, language, extractionConfig, templateId, medicalPractice, anonymization, vadMinCoverage) => {
     const recordCommand = {
       uid: uuid,
       language,
@@ -16660,6 +16802,7 @@ const AudioRecorderApi = {
       model: "medium",
       medical_practice: medicalPractice || "medical",
       use_vad: true,
+      ...vadMinCoverage !== void 0 ? { vad_min_coverage: vadMinCoverage } : {},
       ...templateId ? { template_id: templateId } : {},
       ...anonymization?.length ? { anonymization } : {},
       ...extractionConfig?.enabled && {
@@ -16855,6 +16998,7 @@ const useWebSocketConnection = ({
   templateId,
   medicalPractice,
   anonymizationMap,
+  vadMinCoverage,
   buildPreviousContext
 }) => {
   const onUnexpectedCloseRef = React.useRef(onUnexpectedClose);
@@ -17017,6 +17161,13 @@ const useWebSocketConnection = ({
   }, [extractionConfig]);
   const startRecording = React.useCallback(
     async (mediaStream) => {
+      if (!wssUrl) {
+        logger.error(
+          'Cannot start recording: no transcriber URL available. Configure "transcriberUrl" in the profile settings.'
+        );
+        mediaStream?.getTracks().forEach((track) => track.stop());
+        return;
+      }
       const newUuid = generateUUID();
       setUuid(newUuid);
       const wssLanguage = await getTranscriptionLanguage() || language;
@@ -17075,7 +17226,7 @@ const useWebSocketConnection = ({
             if (isUnexpected) {
               if (event.code === 1006) {
                 logger.webSocketError(
-                  "WSS URL is unreachable. Please verify your wssurl property points to a valid WebSocket endpoint."
+                  'WSS URL is unreachable. Please verify the "transcriberUrl" configured in the profile settings points to a valid WebSocket endpoint.'
                 );
               }
               onUnexpectedCloseRef.current?.(event);
@@ -17096,7 +17247,8 @@ const useWebSocketConnection = ({
               config,
               templateId,
               medicalPractice,
-              anonymizationMap
+              anonymizationMap,
+              vadMinCoverage
             );
           }).catch(() => {
             AudioRecorderApi.record(
@@ -17106,7 +17258,8 @@ const useWebSocketConnection = ({
               extractionConfig,
               templateId,
               medicalPractice,
-              anonymizationMap
+              anonymizationMap,
+              vadMinCoverage
             );
           });
         } catch (error) {
@@ -17220,6 +17373,9 @@ const useWebSocketConnection = ({
               model: "medium",
               medical_practice: medicalPractice || "medical",
               use_vad: true,
+              // Only forward an explicit user selection; when undefined the
+              // transcriber resolves the value via API/default (SOF-707).
+              ...vadMinCoverage !== void 0 ? { vad_min_coverage: vadMinCoverage } : {},
               ...templateId ? { template_id: templateId } : {},
               ...anonymizationMap?.length && {
                 anonymization: anonymizationMap
@@ -17263,7 +17419,8 @@ const useWebSocketConnection = ({
       extractionConfig,
       templateId,
       medicalPractice,
-      anonymizationMap
+      anonymizationMap,
+      vadMinCoverage
     ]
   );
   return { startRecording };
@@ -18524,8 +18681,12 @@ const useAudioRecording = (options = {}) => {
     chatMicrophoneActive,
     setState
   } = useTranscriptorContext();
-  const { wssUrl, apiKey, hasTemplateConfig } = useApiConfigContext();
-  const { language, getTemplateId } = useSettingsContext();
+  const { apiKey, hasTemplateConfig } = useApiConfigContext();
+  const { language, getTemplateId, vadMinCoverageForSession, transcriberUrl } = useSettingsContext();
+  const wssUrl = React.useMemo(
+    () => appendClientVersion(transcriberUrl ?? ""),
+    [transcriberUrl]
+  );
   const { trackEvent } = useEventTracker();
   const trackEventRef = React.useRef(trackEvent);
   React.useEffect(() => {
@@ -18823,6 +18984,7 @@ const useAudioRecording = (options = {}) => {
     templateId: resolvedTemplateId,
     medicalPractice,
     anonymizationMap,
+    vadMinCoverage: vadMinCoverageForSession,
     buildPreviousContext
   });
   const { cleanupPromise } = useAudioRecordingCleanup();
@@ -19270,7 +19432,7 @@ const useAudioRecording = (options = {}) => {
     slowConnectionMessage
   ]);
   const noTemplateConfig = !hasTemplateConfig;
-  const isDisabled = disabled || connectionLoading || chatMicrophoneActive || noTemplateConfig;
+  const isDisabled = disabled || connectionLoading || chatMicrophoneActive || noTemplateConfig || !wssUrl;
   return {
     stream: state.stream,
     socket: state.socket,
@@ -147442,7 +147604,8 @@ const useConfigurationLogic = (currentScreen, setCurrentScreen) => {
 const CustomSelect = ({
   options,
   onChange,
-  selectedNumber = 0
+  selectedNumber = 0,
+  disabled = false
 }) => {
   const dropdownRef = React.useRef(null);
   const [selected, setSelected] = React.useState(options[selectedNumber]);
@@ -147474,6 +147637,9 @@ const CustomSelect = ({
   React.useEffect(() => {
     setSelected(options[selectedNumber]);
   }, [selectedNumber, options]);
+  React.useEffect(() => {
+    if (disabled) setIsOpen(false);
+  }, [disabled]);
   return /* @__PURE__ */ jsxs("div", { ref: dropdownRef, className: "omniscribe_select-container", children: [
     /* @__PURE__ */ jsxs(
       "button",
@@ -147481,6 +147647,7 @@ const CustomSelect = ({
         type: "button",
         className: "omniscribe_select-button text-p",
         onClick: () => setIsOpen(!isOpen),
+        disabled,
         children: [
           /* @__PURE__ */ jsxs("span", { className: "omniscribe_select-text", children: [
             selected.icon,
@@ -147502,7 +147669,7 @@ const CustomSelect = ({
         ]
       }
     ),
-    isOpen && /* @__PURE__ */ jsx$2("div", { className: "omniscribe_select-content-container", children: /* @__PURE__ */ jsx$2("ul", { className: "omniscribe_select-content-ul scrollbar-pretty", children: options.map((option) => /* @__PURE__ */ jsxs(
+    isOpen && !disabled && /* @__PURE__ */ jsx$2("div", { className: "omniscribe_select-content-container", children: /* @__PURE__ */ jsx$2("ul", { className: "omniscribe_select-content-ul scrollbar-pretty", children: options.map((option) => /* @__PURE__ */ jsxs(
       "li",
       {
         onMouseDown: (e) => {
@@ -147827,13 +147994,87 @@ const CustomMicrophoneSelector = ({ onChange }) => {
   return /* @__PURE__ */ jsx$2(SelectWithPermissionHandling, {});
 };
 
+const FALLBACK_LOCALE = LanguageCode.en_US;
+const getLocalizedText = (text, language) => {
+  if (!text) return "";
+  return text[language] ?? text[FALLBACK_LOCALE] ?? Object.values(text)[0] ?? "";
+};
+const getVadCoverageLabel = (option, language) => getLocalizedText(option.label, language);
+const getVadCoverageDescription = (option, language) => getLocalizedText(option.description, language);
+
+const AudioEnvironmentSelector = () => {
+  const { formatMessage } = useIntl();
+  const {
+    language,
+    vadCoverageOptions,
+    vadCoverageSelected,
+    updateVadCoverage
+  } = useSettingsContext();
+  const { enabled, connectionLoading } = useTranscriptorContext();
+  const { trackEvent } = useEventTracker();
+  const disabled = enabled || connectionLoading;
+  const options = React__default.useMemo(
+    () => vadCoverageOptions.map((o) => ({
+      value: o.key,
+      label: getVadCoverageLabel(o, language)
+    })),
+    [vadCoverageOptions, language]
+  );
+  const selectedIndex = React__default.useMemo(() => {
+    const index = vadCoverageOptions.findIndex(
+      (o) => o.key === vadCoverageSelected
+    );
+    return index >= 0 ? index : 0;
+  }, [vadCoverageOptions, vadCoverageSelected]);
+  const selectedOption = vadCoverageOptions[selectedIndex];
+  const handleChange = React__default.useCallback(
+    (key) => {
+      updateVadCoverage(key);
+      trackEvent("click", "select_audio_environment", { value: key });
+    },
+    [updateVadCoverage, trackEvent]
+  );
+  if (vadCoverageOptions.length === 0) return null;
+  return /* @__PURE__ */ jsxs("div", { className: "omniscribe_config-audio-env", children: [
+    /* @__PURE__ */ jsx$2("p", { className: "omniscribe_config-section-label", children: formatMessage({ id: "Room and microphone status" }) }),
+    /* @__PURE__ */ jsx$2("div", { className: "w-full", "data-testid": "audio-environment-selector", children: /* @__PURE__ */ jsx$2(
+      CustomSelect,
+      {
+        options,
+        onChange: handleChange,
+        selectedNumber: selectedIndex,
+        disabled,
+        className: "w-full"
+      }
+    ) }),
+    selectedOption && /* @__PURE__ */ jsx$2("p", { className: "omniscribe_config-subscreen-subdescription", children: getVadCoverageDescription(selectedOption, language) })
+  ] });
+};
+
+const ConfigSection = ({
+  description,
+  children,
+  className = ""
+}) => {
+  return /* @__PURE__ */ jsxs("div", { className: `omniscribe_config-language-section ${className}`.trim(), children: [
+    description && /* @__PURE__ */ jsx$2("p", { className: "omniscribe_config-subscreen-description", children: description }),
+    children
+  ] });
+};
+
 const Microphone = () => {
   const { formatMessage } = useIntl();
   return /* @__PURE__ */ jsxs("div", { className: "omniscribe_config-content", children: [
     /* @__PURE__ */ jsx$2(SubscreenHeader, { title: formatMessage({ id: "Microphone options" }) }),
     /* @__PURE__ */ jsxs("div", { className: "omniscribe_config-subscreen-content", children: [
-      /* @__PURE__ */ jsx$2("p", { className: "omniscribe_config-subscreen-description", children: formatMessage({ id: "Select the input microphone" }) }),
-      /* @__PURE__ */ jsx$2(CustomMicrophoneSelector, {})
+      /* @__PURE__ */ jsx$2(
+        ConfigSection,
+        {
+          description: formatMessage({ id: "Select the input microphone" }),
+          children: /* @__PURE__ */ jsx$2(CustomMicrophoneSelector, {})
+        }
+      ),
+      /* @__PURE__ */ jsx$2(AudioEnvironmentSelector, {})
     ] }),
     /* @__PURE__ */ jsx$2(VersionSection, {})
   ] });
@@ -147893,17 +148134,6 @@ const TranscriptionLanguageSelector = () => {
   ) });
 };
 
-const ConfigSection = ({
-  description,
-  children,
-  className = ""
-}) => {
-  return /* @__PURE__ */ jsxs("div", { className: `omniscribe_config-language-section ${className}`.trim(), children: [
-    description && /* @__PURE__ */ jsx$2("p", { className: "omniscribe_config-subscreen-description", children: description }),
-    children
-  ] });
-};
-
 const Language = () => {
   const { formatMessage } = useIntl();
   return /* @__PURE__ */ jsxs("div", { className: "omniscribe_config-content", children: [
@@ -150491,20 +150721,9 @@ function ProcessingThreadsProvider({
   return /* @__PURE__ */ jsx$2(ProcessingThreadsContext.Provider, { value, children });
 }
 
-const appendClientVersion = (url) => {
-  if (!url) return url;
-  try {
-    const parsed = new URL(url);
-    parsed.searchParams.set("client_version", version$2);
-    return parsed.toString();
-  } catch {
-    return url;
-  }
-};
 const ApiConfigProvider = ({
   children,
   clientBaseUrl,
-  clientWssUrl,
   clientApiKey,
   isOpen,
   setIsOpen,
@@ -150512,9 +150731,8 @@ const ApiConfigProvider = ({
   userMedicalSpecialty,
   patientId
 }) => {
-  const [{ baseUrl, langGraphBaseUrl, apiKey, wssUrl }, setConfig] = React.useState({
+  const [{ baseUrl, langGraphBaseUrl, apiKey }, setConfig] = React.useState({
     baseUrl: clientBaseUrl,
-    wssUrl: appendClientVersion(clientWssUrl),
     langGraphBaseUrl: clientBaseUrl + "/lang-graph/",
     apiKey: clientApiKey
   });
@@ -150525,16 +150743,14 @@ const ApiConfigProvider = ({
     if (clientBaseUrl && clientApiKey) {
       setConfig({
         baseUrl: clientBaseUrl,
-        wssUrl: appendClientVersion(clientWssUrl),
         langGraphBaseUrl: clientBaseUrl + "/lang-graph/",
         apiKey: clientApiKey
       });
     }
-  }, [clientApiKey, clientBaseUrl, clientWssUrl]);
+  }, [clientApiKey, clientBaseUrl]);
   const contextValue = React.useMemo(
     () => ({
       baseUrl,
-      wssUrl,
       langGraphBaseUrl,
       apiKey,
       isOmniOpen,
@@ -150546,7 +150762,6 @@ const ApiConfigProvider = ({
     }),
     [
       baseUrl,
-      wssUrl,
       langGraphBaseUrl,
       apiKey,
       isOmniOpen,
@@ -150624,6 +150839,32 @@ const I18nProvider = ({
   );
 };
 
+const TranscriberUrlSignal = () => {
+  const { transcriberUrl, isLoading } = useSettingsContext();
+  const ref = React.useRef(null);
+  const missingWarnedRef = React.useRef(false);
+  React.useEffect(() => {
+    if (isLoading) return;
+    if (transcriberUrl) {
+      ref.current?.dispatchEvent(
+        new CustomEvent("sofia:transcriber-url-changed", {
+          bubbles: true,
+          composed: true,
+          detail: { url: transcriberUrl }
+        })
+      );
+      return;
+    }
+    if (!missingWarnedRef.current) {
+      missingWarnedRef.current = true;
+      logger.warn(
+        '[Sofia SDK] No transcriber URL available: the settings API returned no "transcriberUrl". Audio recording will be disabled until one is configured in the profile settings.'
+      );
+    }
+  }, [isLoading, transcriberUrl]);
+  return /* @__PURE__ */ jsx$2("span", { ref, style: { display: "none" }, "aria-hidden": "true" });
+};
+
 const calculateDuration = (transcript) => {
   if (!transcript || transcript.length === 0) return 0;
   const validEndTimes = transcript.map((segment) => parseFloat(segment.end)).filter((time) => !isNaN(time) && isFinite(time));
@@ -150775,11 +151016,6 @@ const Omniscribe = ({
       value: baseurl,
       description: "API base URL for backend communication"
     },
-    {
-      name: "wssurl",
-      value: wssurl,
-      description: "WebSocket URL for real-time communication"
-    },
     {
       name: "apikey",
       value: apikey,
@@ -150812,6 +151048,11 @@ const Omniscribe = ({
   }, [apikey]);
   React.useEffect(() => {
     const deprecatedProps = [
+      {
+        name: "wssurl",
+        value: wssurl,
+        message: 'The transcriber WebSocket URL is now resolved from the settings API ("transcriberUrl" in the profile settings).'
+      },
       {
         name: "isonlychat",
         value: isonlychat,
@@ -150955,52 +151196,54 @@ const Omniscribe = ({
   }
   const selectorValues = typeof transcriptorselectvalues === "string" ? JSON.parse(transcriptorselectvalues) : transcriptorselectvalues;
   const patientData = typeof patientdata === "string" ? JSON.parse(patientdata) : patientdata;
-  if (!baseurl || !apikey || !wssurl || !patientid || patientid.trim() === "" || !userid || userid.trim() === "" || apikey.trim() === "" || wssurl.trim() === "" || baseurl.trim() === "")
+  if (!baseurl || !apikey || !patientid || patientid.trim() === "" || !userid || userid.trim() === "" || apikey.trim() === "" || baseurl.trim() === "")
     return null;
-  return /* @__PURE__ */ jsx$2(
+  return /* @__PURE__ */ jsx$2(Fragment, { children: /* @__PURE__ */ jsx$2(
     ApiConfigProvider,
     {
       clientApiKey: apikey,
       clientBaseUrl: baseurl,
-      clientWssUrl: wssurl,
       isOpen: isopen,
       setIsOpen,
       hasTemplateConfig,
       userMedicalSpecialty,
       patientId: patientid,
-      children: /* @__PURE__ */ jsx$2(
+      children: /* @__PURE__ */ jsxs(
         SettingsProvider,
         {
           predefinedLanguage: safeLanguage,
           templateId: templateid,
           toolArgs: templateFields,
-          children: /* @__PURE__ */ jsx$2(I18nProvider, { children: /* @__PURE__ */ jsxs(SessionProvider, { children: [
-            /* @__PURE__ */ jsx$2(BrowserCapabilityProbe, {}),
-            /* @__PURE__ */ jsx$2(
-              TranscriptorProvider,
-              {
-                screenLoader: isscreenloading,
-                transcriptorSelectValues: selectorValues,
-                children: /* @__PURE__ */ jsx$2(
-                  LangGraphProvider,
-                  {
-                    propsUserId: userid,
-                    propsPatientId: patientid,
-                    propsPatientData: patientData,
-                    propsHandleReport: handleReport,
-                    propsHandleFill: handleFill,
-                    propsRenderReportContent: renderReportContent,
-                    children: /* @__PURE__ */ jsx$2(ProcessingThreadsProvider, { children: /* @__PURE__ */ jsx$2(ThreadProvider, { children: /* @__PURE__ */ jsx$2(MessageImagesProvider, { children: /* @__PURE__ */ jsx$2(StreamProvider, { children: /* @__PURE__ */ jsx$2(ToastProvider, { toast, children: /* @__PURE__ */ jsx$2(App, {}) }) }) }) }) })
-                  }
-                )
-              }
-            )
-          ] }) })
+          children: [
+            /* @__PURE__ */ jsx$2(TranscriberUrlSignal, {}),
+            /* @__PURE__ */ jsx$2(I18nProvider, { children: /* @__PURE__ */ jsxs(SessionProvider, { children: [
+              /* @__PURE__ */ jsx$2(BrowserCapabilityProbe, {}),
+              /* @__PURE__ */ jsx$2(
+                TranscriptorProvider,
+                {
+                  screenLoader: isscreenloading,
+                  transcriptorSelectValues: selectorValues,
+                  children: /* @__PURE__ */ jsx$2(
+                    LangGraphProvider,
+                    {
+                      propsUserId: userid,
+                      propsPatientId: patientid,
+                      propsPatientData: patientData,
+                      propsHandleReport: handleReport,
+                      propsHandleFill: handleFill,
+                      propsRenderReportContent: renderReportContent,
+                      children: /* @__PURE__ */ jsx$2(ProcessingThreadsProvider, { children: /* @__PURE__ */ jsx$2(ThreadProvider, { children: /* @__PURE__ */ jsx$2(MessageImagesProvider, { children: /* @__PURE__ */ jsx$2(StreamProvider, { children: /* @__PURE__ */ jsx$2(ToastProvider, { toast, children: /* @__PURE__ */ jsx$2(App, {}) }) }) }) }) })
+                    }
+                  )
+                }
+              )
+            ] }) })
+          ]
         }
       )
     },
     componentKey
-  );
+  ) });
 };
 
 var abapExports = requireAbap();