The developer mode is accessible from the user settings menu.

src/components/app-top-bar.jsx

@@ -13,7 +13,7 @@ import { StudyView } from './study-pane';
 import { Badge, Box, Button, Tab, Tabs, Tooltip } from '@mui/material';
 import { Search, Settings } from '@mui/icons-material';
 import { FormattedMessage, useIntl } from 'react-intl';
-import { PARAM_LANGUAGE, PARAM_THEME, PARAM_USE_NAME } from '../utils/config-params';
+import { PARAM_LANGUAGE, PARAM_THEME, PARAM_USE_NAME, PARAM_DEVELOPER_MODE } from '../utils/config-params';
 import { useDispatch, useSelector } from 'react-redux';
 import PropTypes from 'prop-types';
 import AppPackage from '../../package.json';
@@ -29,6 +29,7 @@ import { useComputationResultsCount } from '../hooks/use-computation-results-cou
 import { TopBarEquipmentSearchDialog } from './top-bar-equipment-seach-dialog/top-bar-equipment-search-dialog';
 import { fetchAppsMetadata } from '@gridsuite/commons-ui';
 import { ROOT_NODE_LABEL } from '../constants/node.constant';
+import UserSettingsDialog from './dialogs/parameters/user-settings/user-settings-dialog';
 
 const styles = {
     currentNodeBox: {
@@ -81,6 +82,9 @@ const AppTopBar = ({ user, tabIndex, onChangeTab, userManager }) => {
 
     const [themeLocal, handleChangeTheme] = useParameterState(PARAM_THEME);
 
+    const [enableDeveloperMode] = useParameterState(PARAM_DEVELOPER_MODE);
+    const [isUserSettingsDialogOpen, setIsUserSettingsDialogOpen] = useState(false);
+
     const showVoltageLevelDiagram = useCallback(
         // TODO code factorization for displaying a VL via a hook
         (optionInfos) => {
@@ -112,11 +116,13 @@ const AppTopBar = ({ user, tabIndex, onChangeTab, userManager }) => {
                 user={user}
                 appsAndUrls={appsAndUrls}
                 onThemeClick={handleChangeTheme}
+                onUserSettingsClick={() => setIsUserSettingsDialogOpen(true)}
                 appVersion={AppPackage.version}
                 appLicense={AppPackage.license}
                 globalVersionPromise={() => fetchVersion().then((res) => res?.deployVersion)}
                 additionalModulesPromise={getServersInfos}
                 theme={themeLocal}
+                developerMode={enableDeveloperMode}
                 onEquipmentLabellingClick={handleChangeUseName}
                 equipmentLabelling={useNameLocal}
                 onLanguageClick={handleChangeLanguage}
@@ -182,6 +188,12 @@ const AppTopBar = ({ user, tabIndex, onChangeTab, userManager }) => {
                         </Box>
                     </Box>
                 )}
+                {isUserSettingsDialogOpen && (
+                    <UserSettingsDialog
+                        open={isUserSettingsDialogOpen}
+                        onClose={() => setIsUserSettingsDialogOpen(false)}
+                    />
+                )}
             </TopBar>
 
             {studyUuid && (

src/components/dialogs/parameters/parameters.tsx

@@ -581,27 +581,18 @@ export function useParameterState(paramName: UseParameterStateParamName) {
         setParamLocalState(paramGlobalState);
     }, [paramGlobalState]);
 
-    const backendupdateConfigParameterCb = useCallback(
-        (paramName: string, newParams: any) => {
-            updateConfigParameter(paramName, newParams).catch((error) => {
+    const handleChangeParamLocalState = useCallback(
+        (value: any) => {
+            setParamLocalState(value);
+            updateConfigParameter(paramName, value).catch((error) => {
                 setParamLocalState(paramGlobalState);
                 snackError({
                     messageTxt: error.message,
                     headerId: 'paramsChangingError',
                 });
             });
         },
-        [paramGlobalState, snackError]
-    );
-
-    const debouncedBackendupdateConfigParameterCb = useDebounce(backendupdateConfigParameterCb, 1000);
-
-    const handleChangeParamLocalState = useCallback(
-        (value: any) => {
-            setParamLocalState(value);
-            debouncedBackendupdateConfigParameterCb(paramName, value);
-        },
-        [debouncedBackendupdateConfigParameterCb, paramName]
+        [paramName, snackError, setParamLocalState, paramGlobalState]
     );
 
     return [paramLocalState, handleChangeParamLocalState];

src/components/dialogs/parameters/user-settings/user-settings-dialog.tsx

@@ -0,0 +1,88 @@
+/**
+ * Copyright (c) 2025, RTE (http://www.rte-france.com)
+ * This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ */
+import { SyntheticEvent } from 'react';
+import { useDispatch } from 'react-redux';
+import { FormattedMessage } from 'react-intl';
+import { Alert, Dialog, Switch, Button, DialogActions, DialogContent, DialogTitle, Box, Theme } from '@mui/material';
+import { PARAM_DEVELOPER_MODE } from '../../../../utils/config-params';
+import { useParameterState } from '../parameters';
+import { selectEnableDeveloperMode } from '../../../../redux/actions';
+
+export interface UserSettingsDialogProps {
+    open: boolean;
+    onClose: () => void;
+}
+
+export const styles = {
+    parameterName: (theme: Theme) => ({
+        fontWeight: 'bold',
+        marginTop: theme.spacing(1),
+        flexGrow: 1,
+    }),
+    controlItem: {
+        flexGrow: 1,
+    },
+    parameterLine: {
+        display: 'flex',
+    },
+};
+
+/**
+ * Dialog to display user settings
+ * @param open Is the dialog open ?
+ * @param onClose Event to close the dialog
+ */
+export default function UserSettingsDialog({ open, onClose }: Readonly<UserSettingsDialogProps>) {
+    const dispatch = useDispatch();
+
+    const [enableDeveloperMode, handleChangeEnableDeveloperMode] = useParameterState(PARAM_DEVELOPER_MODE);
+
+    const handleSwichDeveloperMode = (enabled: boolean) => {
+        dispatch(selectEnableDeveloperMode(enabled));
+        handleChangeEnableDeveloperMode(enabled);
+    };
+
+    const handleClose = (_: SyntheticEvent, reason?: string) => {
+        if (reason === 'backdropClick') {
+            return;
+        }
+        onClose();
+    };
+
+    return (
+        <Dialog fullWidth open={open} onClose={handleClose}>
+            <DialogTitle>
+                <FormattedMessage id="UserSettings" />
+            </DialogTitle>
+            <DialogContent>
+                <Box sx={styles.parameterLine}>
+                    <Box sx={styles.parameterName}>
+                        <FormattedMessage id="EnableDeveloperMode" />
+                    </Box>
+                    <Box>
+                        <Switch
+                            checked={enableDeveloperMode}
+                            onChange={(_event, isChecked) => handleSwichDeveloperMode(isChecked)}
+                            value={enableDeveloperMode}
+                            inputProps={{ 'aria-label': 'primary checkbox' }}
+                        />
+                    </Box>
+                </Box>
+                {enableDeveloperMode && (
+                    <Alert severity="warning">
+                        <FormattedMessage id="DeveloperModeWarningMsg" />
+                    </Alert>
+                )}
+            </DialogContent>
+            <DialogActions>
+                <Button onClick={handleClose} variant="outlined">
+                    <FormattedMessage id="Close" />
+                </Button>
+            </DialogActions>
+        </Dialog>
+    );
+}

src/components/parameters-tabs.tsx

@@ -43,7 +43,6 @@ import { ShortCircuitParameters, useGetShortCircuitParameters } from './dialogs/
 import { VoltageInitParameters } from './dialogs/parameters/voltageinit/voltage-init-parameters';
 import LoadFlowParameters from './dialogs/parameters/loadflow/load-flow-parameters';
 import DynamicSimulationParameters from './dialogs/parameters/dynamicsimulation/dynamic-simulation-parameters';
-import { NetworkParameters } from './dialogs/parameters/network-parameters';
 import { SelectOptionsDialog } from 'utils/dialogs';
 import {
     fetchDefaultNonEvacuatedEnergyProvider,
@@ -137,7 +136,6 @@ enum TAB_VALUES {
     nonEvacuatedEnergyParamsTabValue = 'NonEvacuatedEnergyAnalysis',
     shortCircuitParamsTabValue = 'ShortCircuit',
     dynamicSimulationParamsTabValue = 'DynamicSimulation',
-    advancedParamsTabValue = 'Advanced',
     voltageInitParamsTabValue = 'VoltageInit',
     networkVisualizationsParams = 'NetworkVisualizations',
 }
@@ -300,8 +298,6 @@ const ParametersTabs: FunctionComponent<OwnProps> = (props) => {
                 return <DynamicSimulationParameters user={user} setHaveDirtyFields={setHaveDirtyFields} />;
             case TAB_VALUES.voltageInitParamsTabValue:
                 return <VoltageInitParameters setHaveDirtyFields={setHaveDirtyFields} />;
-            case TAB_VALUES.advancedParamsTabValue:
-                return <NetworkParameters />;
             case TAB_VALUES.networkVisualizationsParams:
                 return <NetworkVisualizationsParameters setHaveDirtyFields={setHaveDirtyFields} />;
         }
@@ -379,7 +375,6 @@ const ParametersTabs: FunctionComponent<OwnProps> = (props) => {
                                 label={<FormattedMessage id="NetworkVisualizations" />}
                                 value={TAB_VALUES.networkVisualizationsParams}
                             />
-                            <Tab label={<FormattedMessage id="Advanced" />} value={TAB_VALUES.advancedParamsTabValue} />
                         </Tabs>
                     </Grid>
                 </Grid>

src/translations/en.json

@@ -576,7 +576,7 @@
     "loadingReport": "Loading logs in progress...",
 
     "ComponentLibrary": "Component library selection",
-    "Advanced": "Advanced",
+    "UserSettings": "User settings",
     "EnableDeveloperMode": "Enable developer mode",
     "initNadWithGeoData": "Initialize with geographical data",
     "DeveloperModeWarningMsg": "Some of the features are not complete, so they may not work as expected. To hide these features, disable developer mode",

src/translations/fr.json

@@ -578,7 +578,7 @@
     "loadingReport": "Chargement des logs en cours...",
 
     "ComponentLibrary": "Sélection de la bibliothèque de composants",
-    "Advanced": "Avancés",
+    "UserSettings": "Paramètres utilisateur",
     "EnableDeveloperMode": "Activer mode développeur",
     "initNadWithGeoData": "Initialiser sur base des coordonnées géographiques",
     "DeveloperModeWarningMsg": "Certaines fonctionnalités ne sont pas complètes et peuvent donc ne pas fonctionner comme prévu. Pour masquer ces fonctionnalités, désactivez le mode développeur",