Mejorar experiencia de usuario

fix #141

src/components/planes/detalle/Ia/ImprovementCard.tsx

@@ -2,30 +2,29 @@ import { Check, Loader2 } from 'lucide-react'
 import { useState } from 'react'
 
 import { Button } from '@/components/ui/button'
-import { useUpdatePlanFields, useUpdateRecommendationApplied } from '@/data' // Tu hook existente
+import { useUpdatePlanFields, useUpdateRecommendationApplied } from '@/data'
 
 export const ImprovementCard = ({
   suggestions,
   onApply,
-  planId, // Necesitamos el ID
-  currentDatos, // Necesitamos los datos actuales para no sobrescribir todo el JSON
+  planId,
+  currentDatos,
   activeChatId,
+  onApplySuccess,
 }: {
   suggestions: Array<any>
   onApply?: (key: string, value: string) => void
   planId: string
   currentDatos: any
   activeChatId: any
+  onApplySuccess?: (key: string) => void
 }) => {
-  const [appliedFields, setAppliedFields] = useState<Array<string>>([])
   const [localApplied, setLocalApplied] = useState<Array<string>>([])
   const updatePlan = useUpdatePlanFields()
   const updateAppliedStatus = useUpdateRecommendationApplied()
 
   const handleApply = (key: string, newValue: string) => {
     if (!currentDatos) return
-
-    // 1. Lógica para preparar el valor (idéntica a tu handleSave original)
     const currentValue = currentDatos[key]
     let finalValue: any
 
@@ -39,13 +38,11 @@ export const ImprovementCard = ({
       finalValue = newValue
     }
 
-    // 2. Construir el nuevo objeto 'datos' manteniendo lo que ya existía
     const datosActualizados = {
       ...currentDatos,
       [key]: finalValue,
     }
 
-    // 3. Ejecutar la mutación directamente aquí
     updatePlan.mutate(
       {
         planId: planId as any,
@@ -53,9 +50,9 @@ export const ImprovementCard = ({
       },
       {
         onSuccess: () => {
-          setAppliedFields((prev) => [...prev, key])
-          if (onApply) onApply(key, newValue)
-          console.log(`Campo ${key} guardado exitosamente`)
+          setLocalApplied((prev) => [...prev, key])
+
+          if (onApplySuccess) onApplySuccess(key)
           if (activeChatId) {
             updateAppliedStatus.mutate({
               conversacionId: activeChatId,