Add ability to disable the edition of configuration through API endpoints and UI

CHANGELOG.md

@@ -13,6 +13,7 @@ All notable changes to the Wazuh app project will be documented in this file.
 - Added propagation of updates from the table to dashboard visualizations in Endpoints summary [#6460](https://github.com/wazuh/wazuh-dashboard-plugins/pull/6460)
 - Handle index pattern selector on new discover [#6499](https://github.com/wazuh/wazuh-dashboard-plugins/pull/6499)
 - Added macOS log collector tab [#6545](https://github.com/wazuh/wazuh-dashboard-plugins/pull/6545)
+- Add ability to disable the edition of configuration through API endpoints and UI [#6557](https://github.com/wazuh/wazuh-dashboard-plugins/issues/6557)
 - Added journald log collector tab [#6572](https://github.com/wazuh/wazuh-dashboard-plugins/pull/6572)
 
 ### Changed

plugins/main/public/components/endpoints-summary/register-agent/components/server-address/server-address.tsx

@@ -17,6 +17,7 @@ import '../group-input/group-input.scss';
 import { WzRequest } from '../../../../../react-services';
 import { ErrorHandler } from '../../../../../react-services/error-management/error-handler/error-handler';
 import { WzButtonPermissions } from '../../../../common/permissions/button';
+import { useAppConfig } from '../../../../common/hooks';
 
 interface ServerAddressInputProps {
   formField: EnhancedFieldConfiguration;
@@ -50,6 +51,7 @@ const ServerAddressInput = (props: ServerAddressInputProps) => {
   const [defaultServerAddress, setDefaultServerAddress] = useState(
     formField?.initialValue ? formField?.initialValue : '',
   );
+  const appConfig = useAppConfig();
 
   const handleToggleRememberAddress = async event => {
     setRememberServerAddress(event.target.checked);
@@ -146,18 +148,20 @@ const ServerAddressInput = (props: ServerAddressInputProps) => {
           />
         </EuiFlexItem>
       </EuiFlexGroup>
-      <EuiFlexGroup wrap>
-        <EuiFlexItem grow={false}>
-          <WzButtonPermissions
-            buttonType='switch'
-            administrator
-            disabled={rememberToggleIsDisabled()}
-            label='Remember server address'
-            checked={rememberServerAddress}
-            onChange={e => handleToggleRememberAddress(e)}
-          />
-        </EuiFlexItem>
-      </EuiFlexGroup>
+      {appConfig?.data?.['configuration.ui_api_editable'] && (
+        <EuiFlexGroup wrap>
+          <EuiFlexItem grow={false}>
+            <WzButtonPermissions
+              buttonType='switch'
+              administrator
+              disabled={rememberToggleIsDisabled()}
+              label='Remember server address'
+              checked={rememberServerAddress}
+              onChange={e => handleToggleRememberAddress(e)}
+            />
+          </EuiFlexItem>
+        </EuiFlexGroup>
+      )}
     </Fragment>
   );
 };

plugins/main/public/components/settings/about/index.tsx

@@ -2,24 +2,24 @@ import React from 'react';
 import { EuiPage, EuiPageBody, EuiSpacer } from '@elastic/eui';
 import { SettingsAboutAppInfo } from './appInfo';
 import { SettingsAboutGeneralInfo } from './generalInfo';
+import { PLUGIN_APP_NAME } from '../../../../common/constants';
 
 interface SettingsAboutProps {
   appInfo?: {
     'app-version': string;
     revision: string;
   };
-  pluginAppName: string;
 }
 
 export const SettingsAbout = (props: SettingsAboutProps) => {
-  const { appInfo, pluginAppName } = props;
+  const { appInfo } = props;
 
   return (
     <EuiPage paddingSize='m'>
       <EuiPageBody>
         <SettingsAboutAppInfo appInfo={appInfo} />
         <EuiSpacer size='l' />
-        <SettingsAboutGeneralInfo pluginAppName={pluginAppName} />
+        <SettingsAboutGeneralInfo pluginAppName={PLUGIN_APP_NAME} />
       </EuiPageBody>
     </EuiPage>
   );

plugins/main/public/components/settings/api/api-table.js

@@ -225,7 +225,7 @@ export const ApiTable = compose(
             ? error
             : (error || {}).message ||
               ((error || {}).data || {}).message ||
-              'Wazuh is not reachable';
+              'API is not reachable';
         const status = code === 3099 ? 'down' : 'unknown';
         APIconnection.status = { status, downReason };
         if (APIconnection.id === this.state.selectedAPIConnection) {
@@ -292,7 +292,7 @@ export const ApiTable = compose(
               ? error
               : (error || {}).message ||
                 ((error || {}).data || {}).message ||
-                'Wazuh is not reachable';
+                'API is not reachable';
           const status = code === 3099 ? 'down' : 'unknown';
           entries[idx].status = { status, downReason };
           throw error;

plugins/main/public/components/settings/configuration/configuration.tsx

@@ -341,7 +341,7 @@ const WzConfigurationSettingsProvider = props => {
         error: {
           error: error,
           message: error.message || error,
-          title: `Error saving the configuration: ${error.message || error}`,
+          title: 'Error saving the configuration',
         },
       };