Corregir modelos de ia en configuraciones

This commit is contained in:
2025-11-26 00:29:05 -03:00
parent 26ed0eb4f0
commit 83e76f02a2

View File

@@ -563,22 +563,30 @@ function SettingsTab({ user }) {
</div> </div>
<div className="bg-white border border-gray-200 rounded-lg p-6 mb-6"> <div className="bg-white border border-gray-200 rounded-lg p-6 mb-6">
<h3 className="text-lg font-semibold text-gray-900 mb-4">Modelo de IA</h3> <h3 className="text-lg font-semibold text-gray-900 mb-4">Modelo de IA</h3>
<div className="space-y-3"> {loading ? (
{filteredModels.map((model) => ( <div className="text-gray-500">Cargando modelos...</div>
<label key={model.model_name} className={`flex items-center gap-3 p-3 border rounded-lg cursor-pointer transition ${formData.model_name === model.model_name ? 'border-indigo-500 bg-indigo-50' : 'border-gray-300 hover:border-gray-400'}`}> ) : filteredModels.length === 0 ? (
<input <div className="text-gray-500">No hay modelos disponibles para {formData.provider}</div>
type="radio" ) : (
name="model_name" <div className="space-y-3">
value={model.model_name} {filteredModels.map((model) => (
checked={formData.model_name === model.model_name} <label key={model.id} className={`flex items-center gap-3 p-3 border rounded-lg cursor-pointer transition ${formData.model_name === model.id ? 'border-indigo-500 bg-indigo-50' : 'border-gray-300 hover:border-gray-400'}`}>
onChange={() => setFormData({ ...formData, model_name: model.model_name })} <input
className="form-radio text-indigo-600" type="radio"
/> name="model_name"
<span className="font-semibold">{model.model_name}</span> value={model.id}
<span className="text-xs text-gray-500">{model.description}</span> checked={formData.model_name === model.id}
</label> onChange={() => setFormData({ ...formData, model_name: model.id })}
))} className="form-radio text-indigo-600"
</div> />
<div className="flex-1">
<div className="font-semibold text-gray-900">{model.name}</div>
<div className="text-xs text-gray-500 mt-1">{model.description}</div>
</div>
</label>
))}
</div>
)}
</div> </div>
<div className="flex gap-3"> <div className="flex gap-3">
<button <button