From ac7b582d8a4a7970510905a4c074a699459168f0 Mon Sep 17 00:00:00 2001
From: ronalds <ronalds@rshtech.com.py>
Date: Fri, 21 Nov 2025 02:53:54 -0300
Subject: [PATCH] fix: Ocultar campo AI Prompt cuando checklist no usa IA -
 frontend v1.0.22
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Campo AI Prompt solo visible cuando checklist.ai_mode !== 'off'
- Evita confusión en checklists sin IA habilitada
---
 docker-compose.hub.yml |  2 +-
 frontend/src/App.jsx   | 38 ++++++++++++++++++++------------------
 2 files changed, 21 insertions(+), 19 deletions(-)

diff --git a/docker-compose.hub.yml b/docker-compose.hub.yml
index f7b0edd..ad471ec 100644
--- a/docker-compose.hub.yml
+++ b/docker-compose.hub.yml
@@ -38,7 +38,7 @@ services:
     command: uvicorn app.main:app --host 0.0.0.0 --port 8000 --workers 4
 
   frontend:
-    image: dymai/syntria-frontend:1.0.21
+    image: dymai/syntria-frontend:1.0.22
     container_name: syntria-frontend-prod
     restart: always
     depends_on:
diff --git a/frontend/src/App.jsx b/frontend/src/App.jsx
index 165eb28..1b6a202 100644
--- a/frontend/src/App.jsx
+++ b/frontend/src/App.jsx
@@ -1160,25 +1160,27 @@ function QuestionsManagerModal({ checklist, onClose }) {
                   </div>
                 </div>
 
-                {/* AI Prompt */}
-                <div className="bg-purple-50 border border-purple-200 rounded-lg p-4">
-                  <h4 className="text-sm font-semibold text-purple-900 mb-3">🤖 Prompt de IA (opcional)</h4>
-                  <div>
-                    <label className="block text-sm font-medium text-gray-700 mb-1">
-                      Prompt personalizado para análisis de fotos
-                    </label>
-                    <textarea
-                      value={formData.ai_prompt}
-                      onChange={(e) => setFormData({ ...formData, ai_prompt: e.target.value })}
-                      className="w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-purple-500"
-                      rows="3"
-                      placeholder="Ej: Analiza si las luces delanteras están encendidas y funcionando correctamente. Verifica que ambas luces tengan brillo uniforme y no presenten daños visibles."
-                    />
-                    <p className="text-xs text-gray-500 mt-1">
-                      Este prompt guiará a la IA para analizar las fotos específicamente para esta pregunta. Si la foto no corresponde al contexto, la IA sugerirá cambiarla.
-                    </p>
+                {/* AI Prompt - Solo visible si el checklist tiene IA habilitada */}
+                {checklist.ai_mode !== 'off' && (
+                  <div className="bg-purple-50 border border-purple-200 rounded-lg p-4">
+                    <h4 className="text-sm font-semibold text-purple-900 mb-3">🤖 Prompt de IA (opcional)</h4>
+                    <div>
+                      <label className="block text-sm font-medium text-gray-700 mb-1">
+                        Prompt personalizado para análisis de fotos
+                      </label>
+                      <textarea
+                        value={formData.ai_prompt}
+                        onChange={(e) => setFormData({ ...formData, ai_prompt: e.target.value })}
+                        className="w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-purple-500"
+                        rows="3"
+                        placeholder="Ej: Analiza si las luces delanteras están encendidas y funcionando correctamente. Verifica que ambas luces tengan brillo uniforme y no presenten daños visibles."
+                      />
+                      <p className="text-xs text-gray-500 mt-1">
+                        Este prompt guiará a la IA para analizar las fotos específicamente para esta pregunta. Si la foto no corresponde al contexto, la IA sugerirá cambiarla.
+                      </p>
+                    </div>
                   </div>
-                </div>
+                )}
 
                 <div className="grid grid-cols-3 gap-4">
                   <div>