⚙️ feat: Add configurable trust checkbox labels for MCP Server Dialog (#10820)

Co-authored-by: Atef Bellaaj <slalom.bellaaj@external.daimlertruck.com>

client/src/components/SidePanel/MCPBuilder/MCPServerDialog.tsx

@@ -22,7 +22,8 @@ import {
 } from '~/data-provider/MCP';
 import MCPAuth, { type AuthConfig, AuthTypeEnum, AuthorizationTypeEnum } from './MCPAuth';
 import MCPIcon from '~/components/SidePanel/Agents/MCPIcon';
-import { useLocalize } from '~/hooks';
+import { useLocalize, useLocalizedConfig } from '~/hooks';
+import { useGetStartupConfig } from '~/data-provider';
 import { cn } from '~/utils';
 import {
   SystemRoles,
@@ -69,6 +70,8 @@ export default function MCPServerDialog({
 }: MCPServerDialogProps) {
   const localize = useLocalize();
   const { showToast } = useToastContext();
+  const { data: startupConfig } = useGetStartupConfig();
+  const getLocalizedValue = useLocalizedConfig();
 
   // Mutations
   const createMutation = useCreateMCPServerMutation();
@@ -575,13 +578,38 @@ export default function MCPServerDialog({
                   <Label
                     id="trust-this-mcp-label"
                     htmlFor="trust"
-                    className="flex cursor-pointer flex-col text-sm font-medium"
+                    className="flex cursor-pointer flex-col break-words text-sm font-medium"
                   >
                     <span>
-                      {localize('com_ui_trust_app')} <span className="text-red-500">*</span>
+                      {startupConfig?.interface?.mcpServers?.trustCheckbox?.label ? (
+                        <span
+                          /** No sanitization required. trusted admin-controlled source (yml)  */
+                          dangerouslySetInnerHTML={{
+                            __html: getLocalizedValue(
+                              startupConfig.interface.mcpServers.trustCheckbox.label,
+                              localize('com_ui_trust_app'),
+                            ),
+                          }}
+                        />
+                      ) : (
+                        localize('com_ui_trust_app')
+                      )}{' '}
+                      <span className="text-red-500">*</span>
                     </span>
                     <span className="text-xs font-normal text-text-secondary">
-                      {localize('com_agents_mcp_trust_subtext')}
+                      {startupConfig?.interface?.mcpServers?.trustCheckbox?.subLabel ? (
+                        <span
+                          /** No sanitization required. trusted admin-controlled source (yml)  */
+                          dangerouslySetInnerHTML={{
+                            __html: getLocalizedValue(
+                              startupConfig.interface.mcpServers.trustCheckbox.subLabel,
+                              localize('com_agents_mcp_trust_subtext'),
+                            ),
+                          }}
+                        />
+                      ) : (
+                        localize('com_agents_mcp_trust_subtext')
+                      )}
                     </span>
                   </Label>
                 </div>

client/src/hooks/index.ts

@@ -34,3 +34,4 @@ export { default as useSpeechToText } from './Input/useSpeechToText';
 export { default as useTextToSpeech } from './Input/useTextToSpeech';
 export { default as useGenerationsByLatest } from './useGenerationsByLatest';
 export { useResourcePermissions } from './useResourcePermissions';
+export { default as useLocalizedConfig } from './useLocalizedConfig';

client/src/hooks/useLocalizedConfig.ts

@@ -0,0 +1,36 @@
+import { useRecoilValue } from 'recoil';
+import store from '~/store';
+
+type LocalizedValue = string | Record<string, string> | undefined;
+
+/**
+ * Hook to resolve localized config values based on current user language.
+ * Automatically retrieves the current language from Recoil state.
+ *
+ * @returns A function to resolve localized values
+ */
+export default function useLocalizedConfig() {
+  const lang = useRecoilValue(store.lang);
+
+  /**
+   * Resolves a localized config value.
+   * @param value - Either a string or object with language codes as keys
+   * @param fallback - Fallback value if config is undefined or language not found
+   * @returns The resolved string value
+   */
+  return (value: LocalizedValue, fallback: string): string => {
+    if (value === undefined) {
+      return fallback;
+    }
+    if (typeof value === 'string') {
+      return value;
+    }
+    // Extract base language code (e.g., 'de' from 'de-DE')
+    const baseLang = lang?.split('-')[0] ?? 'en';
+
+    // Try exact locale (de-DE), then base language (de), then 'en', then first available
+    return (
+      (lang && value[lang]) || value[baseLang] || value['en'] || Object.values(value)[0] || fallback
+    );
+  };
+}