Fix/small front problemes

crypto-pilot-builder/src/acceuil/Accueil.vue

@@ -35,7 +35,7 @@
             v-if="isAuthenticated"
             class="btn-icon"
             @click="showChat = false"
-            title="Retour"
+            title="Retour au dashboard"
           >
             🏠️
           </button>
@@ -131,13 +131,6 @@
                 🤖 AutoWallet
               </button>
             </router-link>
-            <button
-              v-if="hasValidConfig"
-              class="chat-access-button"
-              @click="showChat = true"
-            >
-              💬 Accéder au Chat
-            </button>
           </div>
           <div v-else class="auth-required-section">
             <button
@@ -1652,17 +1645,17 @@ export default {
   display: flex;
   height: 100vh;
   font-family: "Roboto", sans-serif;
-  background: linear-gradient(120deg, rgba(28, 32, 51, 0), rgba(16, 21, 33, 0));
+  background: linear-gradient(135deg, #111421 0%, #111421 100%);
   overflow: hidden;
 }
 
 /* ===== SIDEBAR ===== */
 .sidebar {
   position: fixed;
-  top: 10vh;
-  left: 5vh;
-  width: 28vh;
-  height: 80vh;
+  top: 20px;
+  left: 20px;
+  width: 320px;
+  height: calc(100vh - 40px);
   background: rgba(255, 255, 255, 0.1);
   backdrop-filter: blur(20px);
   border-radius: 24px;
@@ -1672,7 +1665,10 @@ export default {
   display: flex;
   flex-direction: column;
   gap: 20px;
-  overflow: hidden;
+  overflow-y: auto;
+  z-index: 4;
+  box-sizing: border-box;
+  margin-right: 20px;
 }
 .sidebar-header {
   margin-bottom: 35px;
@@ -1710,7 +1706,7 @@ export default {
 /* Contrôles de la sidebar */
 .chat-controls {
   display: flex;
-  gap: 84px;
+  gap: 60px;
   flex-shrink: 0;
 }
 
@@ -1957,12 +1953,18 @@ export default {
 /* ===== CONTENU PRINCIPAL ===== */
 .main-content {
   flex: 1;
+  margin-left: 380px;
   padding: 50px;
   display: flex;
   flex-direction: column;
   align-items: center;
   background: linear-gradient(135deg, #111421 0%, #111421 100%);
   overflow-y: auto;
+  min-height: 100vh;
+  width: calc(100% - 380px);
+  box-sizing: border-box;
+  position: relative;
+  z-index: 1;
 }
 
 /* En-tête */
@@ -2058,6 +2060,8 @@ export default {
   max-width: 1200px;
   width: 100%;
   animation: fadeInUp 0.6s ease;
+  position: relative;
+  z-index: 4;
 }
 
 .widgets-container {
@@ -2066,6 +2070,8 @@ export default {
   gap: 30px;
   margin-top: 150px;
   flex-wrap: wrap;
+  position: relative;
+  z-index: 4;
 }
 /* Bento Grid Layout */
 /* Bento Grid Layout - Style Apple */
@@ -2078,6 +2084,8 @@ export default {
   max-width: 1000px;
   margin: 40px auto;
   padding: 0 20px;
+  position: relative;
+  z-index: 4;
 }
 
 /* Widgets */
@@ -2110,6 +2118,7 @@ export default {
   cursor: pointer;
   box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12);
   box-shadow: 0 1px 10px rgba(0, 0, 0, 0.15);
+  z-index: 4;
 }
 
 .crypto-widget::before,
@@ -2806,6 +2815,29 @@ export default {
   backdrop-filter: blur(1px);
 }
 
+/* Responsive Design - Tablettes */
+@media (max-width: 1200px) {
+  .sidebar {
+    width: 280px;
+  }
+
+  .main-content {
+    margin-left: 340px;
+    width: calc(100% - 340px);
+  }
+}
+
+@media (max-width: 1024px) {
+  .sidebar {
+    width: 260px;
+  }
+
+  .main-content {
+    margin-left: 320px;
+    width: calc(100% - 320px);
+  }
+}
+
 /* Responsive Design Simple */
 @media (max-width: 1024px) {
   .bento-grid {

crypto-pilot-builder/src/agent_building/Ai.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="container">
-    <progress-bar :current-step="1" :total-steps="3" />
+    <progress-bar :current-step="1" :total-steps="2" />
     <div class="page-content">
       <div class="header-section">
         <h2 class="page-title">Configuration IA</h2>
@@ -128,7 +128,7 @@
           Précédent
         </button>
       </router-link>
-      <router-link to="/Module" class="btn-link">
+      <router-link to="/Prompte" class="btn-link">
         <button
           class="btn btn-primary"
           :disabled="!isFormValid"