From 92b3693174b005002f12031d53e565a4a34577a0 Mon Sep 17 00:00:00 2001
From: Celal Zamanoglu <95054566+celalzamanoglu@users.noreply.github.com>
Date: Fri, 23 Jan 2026 17:53:14 +0300
Subject: [PATCH] fix workflow version comparison to show older version on left
 (#4531)

---
 .../routes/workflows/editor/panels/WorkflowHistoryPanel.tsx | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/skyvern-frontend/src/routes/workflows/editor/panels/WorkflowHistoryPanel.tsx b/skyvern-frontend/src/routes/workflows/editor/panels/WorkflowHistoryPanel.tsx
index 2be60dba..83d7ebc5 100644
--- a/skyvern-frontend/src/routes/workflows/editor/panels/WorkflowHistoryPanel.tsx
+++ b/skyvern-frontend/src/routes/workflows/editor/panels/WorkflowHistoryPanel.tsx
@@ -67,7 +67,11 @@ function WorkflowHistoryPanel({ workflowPermanentId, onCompare }: Props) {
 
   const handleCompare = (mode: "visual" | "json" = "visual") => {
     if (selectedVersions.size === 2 && versions) {
-      const selectedVersionsArray = Array.from(selectedVersions);
+      // Sort ascending so older version (lower number) is first, newer is second
+      // This matches standard diff convention: old on left, new on right
+      const selectedVersionsArray = Array.from(selectedVersions).sort(
+        (a, b) => a - b,
+      );
       const version1 = versions.find(
         (v) => v.version === selectedVersionsArray[0],
       );