add conditional

src/shared/sections/ai/assistants-management/settings/AIAssistantDetailLevel.tsx

@@ -5,12 +5,12 @@ import {
   Button,
   Slider,
   Alert,
-  Chip,
   Typography,
   CircularProgress
 } from "@mui/material";
 import { useDetailLevelStore } from 'src/shared/api/stores/detailLevelStore';
 import type { ConversionMethod } from 'src/types/detail-level.types';
+import ConditionalComponent from 'src/shared/components/ConditionalComponent/ConditionalComponent'; 
 
 interface AIAssistantDetailLevelProps {
   assistantId: string;
@@ -157,17 +157,17 @@ export default function AIAssistantDetailLevel({ assistantId }: AIAssistantDetai
 
   return (
     <Box sx={{ width: "100%", p: 3 }}>
-      {error && (
+      <ConditionalComponent isValid={!!error}>
         <Alert severity="error" sx={{ mb: 2 }} onClose={clearError}>
           {error}
         </Alert>
-      )}
+      </ConditionalComponent>
 
-      {hasUnsavedChanges && (
+      <ConditionalComponent isValid={hasUnsavedChanges}>
         <Alert severity="warning" sx={{ mb: 2 }}>
           Vous avez des modifications non sauvegardées
         </Alert>
-      )}
+      </ConditionalComponent>
 
       <Paper elevation={2} sx={{ p: 3, mb: 4 }}>
         <Box sx={{ display: 'flex', justifyContent: 'space-between', alignItems: 'center', mb: 3 }}>
@@ -176,7 +176,7 @@ export default function AIAssistantDetailLevel({ assistantId }: AIAssistantDetai
           </Typography>
         </Box>
 
-        {hasUnsavedChanges && (
+        <ConditionalComponent isValid={hasUnsavedChanges}>
           <Box sx={{ mb: 2, p: 2, bgcolor: 'grey.100', borderRadius: 1 }}>
             <Typography variant="body2">
               <strong>Valeur sauvegardée:</strong> Niveau {savedLevel} - Température {formatTemp(savedTemp)}
@@ -185,7 +185,7 @@ export default function AIAssistantDetailLevel({ assistantId }: AIAssistantDetai
               <strong>Valeur actuelle:</strong> Niveau {currentLevel} - Température {formatTemp(calculatedTemp)}
             </Typography>
           </Box>
-        )}
+        </ConditionalComponent>
 
         <Slider
           value={currentLevel}
@@ -229,7 +229,7 @@ export default function AIAssistantDetailLevel({ assistantId }: AIAssistantDetai
       </Paper>
 
       <Box sx={{ display: 'flex', gap: 2, justifyContent: 'flex-end' }}>
-        {hasUnsavedChanges && (
+        <ConditionalComponent isValid={hasUnsavedChanges}>
           <Button
             variant="text"
             color="secondary"
@@ -238,7 +238,7 @@ export default function AIAssistantDetailLevel({ assistantId }: AIAssistantDetai
           >
             Annuler
           </Button>
-        )}
+        </ConditionalComponent>
 
         <Button
           variant="outlined"