que DeepSite accepte le projet

que l’utilisateur comprenne quoi faire

que ton espace codage soit professionnel comme Builder / Manus

✅ 1️⃣ VERSION UI (courte – affichée dans l’interface)
Texte

Ollama nécessite une instance locale active pour fonctionner.

Code (UI)
<div class="ai-warning ui">
Ollama nécessite une instance locale active pour fonctionner.
</div>

✅ 2️⃣ VERSION PRODUIT (rassurante – entreprise)
Texte

Ollama fonctionne en local. Aucune clé API n’est requise.
Veuillez démarrer votre instance locale pour activer l’IA.

Code (UI)
<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>

✅ 3️⃣ VERSION TECHNIQUE (pour développeurs / DeepSite)
Texte

Pour utiliser Ollama, veuillez configurer et démarrer votre instance locale.
Le moteur IA s’exécute hors plateforme et communique via un adaptateur.

Code (UI)
<div class="ai-warning technical">
<strong>Configuration requise :</strong><br>
Pour utiliser Ollama, veuillez configurer et démarrer votre instance locale.<br>
Le moteur IA s’exécute hors plateforme et communique via un adaptateur.
</div>

🎨 CSS COMMUN (pro, propre, DeepSite-compatible)
.ai-warning {
margin: 12px;
padding: 12px;
border-radius: 8px;
font-size: 13px;
line-height: 1.5;
background: #111c2e;
color: #e0e0e0;
border-left: 4px solid #3b82f6;
}

.ai-warning.ui {
border-left-color: #22c55e;
}

.ai-warning.product {
border-left-color: #f59e0b;
}

.ai-warning.technical {
border-left-color: #6366f1;
}

🔌 CODE ADAPTATEUR OLLAMA (accepté par DeepSite)

👉 IMPORTANT :
Ce code NE trompe PAS,
il déclare clairement que l’IA est externe.

async function ollamaStatus() {
try {
const res = await fetch("http://localhost:11434");
return res.ok;
} catch {
return false;
}
}

🧠 UTILISATION DANS ESPACE CODAGE
async function initAI() {
const available = await ollamaStatus();
if (!available) {
console.info("Ollama non actif – instance locale requise");
}
}

ai-adapter.js

@@ -1,6 +1,33 @@
 
+async function ollamaStatus() {
+  try {
+    const res = await fetch(`${APP_CONFIG.ollama.baseUrl}/api/tags`);
+    return res.ok;
+  } catch {
+    return false;
+  }
+}
+
 async function callAI(prompt) {
-  if (APP_CONFIG.aiMode === 'demo') {
+  const isOllamaAvailable = await ollamaStatus();
+  
+  if (APP_CONFIG.aiMode === 'demo' || !isOllamaAvailable) {
+    return {
+      text: `<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>
+             <div class="ai-warning technical">
+               <strong>Configuration requise :</strong><br>
+               Pour utiliser Ollama, veuillez configurer et démarrer votre instance locale.<br>
+               Le moteur IA s’exécute hors plateforme et communique via un adaptateur.
+             </div>`,
+      type: 'html'
+    };
+  }
+if (APP_CONFIG.aiMode === 'demo') {
     return {
       text: `Voici un exemple de réponse en mode démo:\n\n${prompt}\n\nPour utiliser Ollama, veuillez configurer votre instance locale.`,
       type: 'text'

app.js

@@ -32,7 +32,7 @@ async function sendPrompt() {
     
     // Format the response with proper line breaks
     if (result.type === 'image') {
-      preview.innerHTML = `
+preview.innerHTML = `
         <div class="mb-4">
           <img src="${result.url}" alt="Generated image" class="rounded-lg max-w-full">
           <p class="text-sm text-gray-400 mt-2">Image générée avec ${result.model}</p>

index.html

@@ -149,8 +149,16 @@
             <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>
         </div>
-      </div>
+</div>
     </aside>
   </div>
 

style.css

@@ -53,7 +53,29 @@ body {
 #promptInput {
   color: white;
 }
-
 .empty {
   color: #9ca3af;
-}
+}
+
+.ai-warning {
+  margin: 12px;
+  padding: 12px;
+  border-radius: 8px;
+  font-size: 13px;
+  line-height: 1.5;
+  background: #111c2e;
+  color: #e0e0e0;
+  border-left: 4px solid #3b82f6;
+}
+
+.ai-warning.ui {
+  border-left-color: #22c55e;
+}
+
+.ai-warning.product {
+  border-left-color: #f59e0b;
+}
+
+.ai-warning.technical {
+  border-left-color: #6366f1;
+}