http://localhost:11434 Aucune clé API n’est requise.

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

ai-adapter.js

@@ -17,8 +17,8 @@ async function callAI(prompt) {
   if (!available) {
     return {
       status: "offline",
-      text: "Ollama nécessite une instance locale active pour fonctionner.\n\nAucune clé API n’est requise.\nVeuillez démarrer votre instance locale pour activer l’intelligence artificielle.",
-      type: 'text'
+      text: "Ollama n'est pas détecté sur http://localhost:11434\n\n1. Téléchargez Ollama: https://ollama.com/download\n2. Installez et lancez l'application\n3. Dans un terminal, exécutez: ollama serve\n4. Configurez l'URL dans les paramètres\n\nAucune clé API n'est requise - tout fonctionne localement",
+type: 'text'
     };
   }
   // Case 2: Ollama running

app.js

@@ -29,11 +29,32 @@ async function sendPrompt() {
   try {
     const result = await callAI(input.value);
     const formattedText = result.text.replace(/\n/g, '<br>');
-    preview.innerHTML = `
-      <div class="ai-output">
-        ${formattedText}
-      </div>
-    `;
+    if (result.status === "offline") {
+      preview.innerHTML = `
+        <div class="bg-gray-700 p-4 rounded-lg">
+          <h4 class="font-medium text-red-400 mb-2 flex items-center">
+            <i data-feather="alert-triangle" class="mr-2"></i>
+            Ollama non détecté
+          </h4>
+          <div class="text-sm space-y-2">
+            ${formattedText}
+          </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>
+      `;
+    } else {
+      preview.innerHTML = `
+        <div class="ai-output">
+          ${formattedText}
+        </div>
+      `;
+    }
 // Clear input
     input.value = '';
   } catch (error) {

style.css

@@ -68,6 +68,17 @@ body {
   line-height: 1.5;
 }
 
+.bg-gray-700 {
+  background-color: #374151;
+}
+
+.text-red-400 {
+  color: #f87171;
+}
+
+.text-sm {
+  font-size: 0.875rem;
+}
 #previewBox .text-sm {
   line-height: 1.5;
 }