From 440147edec40d41ab18e93a8270f4409985c768b Mon Sep 17 00:00:00 2001
From: "Roberto.silva" <Roberto.silva@lasalle.mx>
Date: Thu, 19 Feb 2026 10:02:48 -0600
Subject: [PATCH] Historial de cambios fix #62

---
 .../planes/$planId/_detalle/historial.tsx     | 23 +++++++++++--------
 1 file changed, 13 insertions(+), 10 deletions(-)

diff --git a/src/routes/planes/$planId/_detalle/historial.tsx b/src/routes/planes/$planId/_detalle/historial.tsx
index c62df55..5f21df0 100644
--- a/src/routes/planes/$planId/_detalle/historial.tsx
+++ b/src/routes/planes/$planId/_detalle/historial.tsx
@@ -298,17 +298,20 @@ function RouteComponent() {
           <div className="flex-1 overflow-y-auto p-6">
             <div className="grid h-full grid-cols-2 gap-6">
               {/* Lado Antes */}
-              <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" />
-                  <span className="text-muted-foreground text-[10px] font-bold tracking-widest uppercase">
-                    Versión Anterior
-                  </span>
+              {/* 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" />
+                    <span className="text-muted-foreground text-[10px] font-bold tracking-widest uppercase">
+                      Versión Anterior
+                    </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)}
+                  </div>
                 </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)}
-                </div>
-              </div>
+              )}
 
               {/* Lado Después */}
               <div className="flex flex-col space-y-2">
-- 
2.49.1