gitea/checklist
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: Ocultar campo AI Prompt cuando checklist no usa IA - frontend v1.0.22

Browse Source 
- Campo AI Prompt solo visible cuando checklist.ai_mode !== 'off'
- Evita confusión en checklists sin IA habilitada
This commit is contained in:
ronalds
2025-11-21 02:53:54 -03:00
parent 2b5424790a
commit ac7b582d8a
2 changed files with 21 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

38
frontend/src/App.jsx
View File

@@ -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>