src/routes/planes/$planId/_detalle/historial.tsx

@@ -298,6 +298,8 @@ function RouteComponent() {
           <div className="flex-1 overflow-y-auto p-6">
             <div className="grid h-full grid-cols-2 gap-6">
               {/* Lado Antes */}
+              {/* Lado Antes: Solo se renderiza si existe valor_anterior */}
+              {selectedEvent?.details.from && (
                 <div className="flex flex-col space-y-2">
                   <div className="sticky top-0 z-10 flex items-center gap-2 bg-white py-1">
                     <div className="h-2 w-2 rounded-full bg-red-400" />
@@ -306,9 +308,10 @@ function RouteComponent() {
                     </span>
                   </div>
                   <div className="max-h-[500px] min-h-[250px] flex-1 overflow-y-auto rounded-lg border border-red-100 bg-red-50/30 p-4 font-mono text-xs leading-relaxed whitespace-pre-wrap text-slate-700">
-                  {renderValue(selectedEvent?.details.from)}
+                    {renderValue(selectedEvent.details.from)}
                   </div>
                 </div>
+              )}
 
               {/* Lado Después */}
               <div className="flex flex-col space-y-2">