Aucune clé API n’est requise.

Veuillez démarrer votre instance locale pour activer l’intelligence artificielle

index.html

@@ -144,19 +144,24 @@
         id="previewBox" 
         class="flex-1 p-4 overflow-y-auto text-gray-300"
       >
-        <div class="flex items-center justify-center h-full text-gray-500">
-          <div class="text-center">
-            <i data-feather="code" class="w-8 h-8 mx-auto mb-2"></i>
-            <p>Aucun rendu disponible</p>
-          </div>
-          <div class="ai-warning ui">
-            Ollama nécessite une instance locale active pour fonctionner.
-          </div>
-          <div class="ai-warning product">
-            <strong>Ollama fonctionne en local.</strong><br>
-            Aucune clé API n’est requise.<br>
-            Veuillez démarrer votre instance locale pour activer l'IA.
+        <div class="flex flex-col items-center justify-center h-full text-gray-400 p-4 text-center">
+          <i data-feather="cpu" class="w-12 h-12 mb-4 text-blue-400"></i>
+          <h4 class="font-medium mb-2">Configuration Ollama requise</h4>
+          <p class="text-sm max-w-xs mb-4">
+            Ollama fonctionne en local. Aucune clé API n'est requise.
+          </p>
+          <div class="bg-gray-700 p-3 rounded-lg text-left w-full max-w-xs">
+            <p class="text-xs mb-1">1. Téléchargez et installez Ollama</p>
+            <p class="text-xs mb-1">2. Lancez l'application Ollama</p>
+            <p class="text-xs">3. Configurez l'URL dans les paramètres</p>
           </div>
+          <button 
+            onclick="showSettings()"
+            class="mt-4 px-4 py-2 bg-blue-600 hover:bg-blue-700 rounded-lg text-sm transition-colors"
+          >
+            <i data-feather="settings" class="w-4 h-4 mr-2"></i>
+            Configurer Ollama
+          </button>
         </div>
 </div>
     </aside>

style.css

@@ -67,3 +67,7 @@ body {
   border-left: 4px solid #3b82f6;
   line-height: 1.5;
 }
+
+#previewBox .text-sm {
+  line-height: 1.5;
+}