From a1090b8ba101fe8ab37dce03952e9860a9ac8697 Mon Sep 17 00:00:00 2001
From: abccodes <abayercalvert@gmail.com>
Date: Wed, 17 Jun 2026 23:16:14 -0700
Subject: [PATCH] [aidan] ui: fix running agent display

---
 .../pages/Workflows/WorkflowCardLiveViews.tsx | 42 +++++++++----------
 1 file changed, 19 insertions(+), 23 deletions(-)

diff --git a/frontend/src/app/pages/Workflows/WorkflowCardLiveViews.tsx b/frontend/src/app/pages/Workflows/WorkflowCardLiveViews.tsx
index b2c4b362..7fa2a708 100644
--- a/frontend/src/app/pages/Workflows/WorkflowCardLiveViews.tsx
+++ b/frontend/src/app/pages/Workflows/WorkflowCardLiveViews.tsx
@@ -317,32 +317,28 @@ export function CompletedView({ workflow, steps, runs, mode = 'card' }: {
         stepStatuses={statuses}
       />
       <Box sx={{ flex: 1 }} />
-      {/* Success card. Hidden in sidecar-linked mode (Image #43) so the
-          compacted card stays tight. Soft green tint + rocket icon. */}
-      {!isLinked && (
+      <Box sx={{
+        display: 'flex', alignItems: 'flex-start', gap: 1.25,
+        p: 1.5, borderRadius: `${c.radius.lg}px`,
+        bgcolor: c.status.successBg,
+        border: `1px solid ${c.status.success}30`,
+      }}>
         <Box sx={{
-          display: 'flex', alignItems: 'flex-start', gap: 1.25,
-          p: 1.5, borderRadius: `${c.radius.lg}px`,
-          bgcolor: c.status.successBg,
-          border: `1px solid ${c.status.success}30`,
+          width: 32, height: 32, borderRadius: `${c.radius.md}px`,
+          bgcolor: c.status.success + '22', color: c.status.success,
+          display: 'flex', alignItems: 'center', justifyContent: 'center', flexShrink: 0,
         }}>
-          <Box sx={{
-            width: 32, height: 32, borderRadius: `${c.radius.md}px`,
-            bgcolor: c.status.success + '22', color: c.status.success,
-            display: 'flex', alignItems: 'center', justifyContent: 'center', flexShrink: 0,
-          }}>
-            <RocketLaunchRounded sx={{ fontSize: 16 }} />
-          </Box>
-          <Box sx={{ flex: 1, minWidth: 0 }}>
-            <Typography sx={{ fontSize: '0.95rem', fontWeight: 700, color: c.text.primary, lineHeight: 1.3 }}>
-              Workflow Success!
-            </Typography>
-            <Typography sx={{ fontSize: '0.82rem', color: c.text.secondary, mt: 0.25, lineHeight: 1.45 }}>
-              If you&apos;re curious, you can click the green button below to see exactly what the agent did.
-            </Typography>
-          </Box>
+          <RocketLaunchRounded sx={{ fontSize: 16 }} />
         </Box>
-      )}
+        <Box sx={{ flex: 1, minWidth: 0 }}>
+          <Typography sx={{ fontSize: '0.95rem', fontWeight: 700, color: c.text.primary, lineHeight: 1.3 }}>
+            Workflow Success!
+          </Typography>
+          <Typography sx={{ fontSize: '0.82rem', color: c.text.secondary, mt: 0.25, lineHeight: 1.45 }}>
+            If you&apos;re curious, you can click the green button below to see exactly what the agent did.
+          </Typography>
+        </Box>
+      </Box>
       <Box sx={{ display: 'flex', alignItems: 'center', gap: 1.25 }}>
         <PillButton
           label="Edit"