From 2bb5315dcb2926c3cb7a5b3e20a06444ac163e1b Mon Sep 17 00:00:00 2001
From: Dyingbreed <Dannyvrf@outlook.com>
Date: Wed, 7 Oct 2026 13:02:09 +0200
Subject: [PATCH 1/2] show full step variable values with show more toggle

---
 .../details-tab-view/DetailsTabView.tsx       | 22 +++++++++----------
 1 file changed, 10 insertions(+), 12 deletions(-)

diff --git a/src/pages/main-page/monitoring-page/details-tab-view/DetailsTabView.tsx b/src/pages/main-page/monitoring-page/details-tab-view/DetailsTabView.tsx
index e5b101c..5733bb2 100644
--- a/src/pages/main-page/monitoring-page/details-tab-view/DetailsTabView.tsx
+++ b/src/pages/main-page/monitoring-page/details-tab-view/DetailsTabView.tsx
@@ -240,23 +240,21 @@ export const DetailsTabView: React.FC<DetailsTabViewProps> = ({ steps }) => {
                         {Object.entries(step.variables).map(
                           ([key, variable]) => {
                             const valueStr = String(variable?.value ?? "");
-                            const isTruncated = valueStr.length > 75;
-                            const displayValue = isTruncated
-                              ? valueStr.substring(0, 75) + "..."
-                              : valueStr;
                             const varName = variable?.name || key;
                             const varType = variable?.type || "unknown";
 
                             return (
                               <VariableItemRow key={key}>
-                                <VariableCellValue
-                                  style={{
-                                    cursor: isTruncated ? "help" : "default",
-                                  }}
-                                  title={isTruncated ? valueStr : undefined}
-                                >
-                                  <strong>{varName}</strong> ({varType}) :{" "}
-                                  {displayValue}
+                                <VariableCellValue>
+                                  <ExpandableText
+                                    $lineClamp={2}
+                                    $text={
+                                      <>
+                                        <strong>{varName}</strong> ({varType}) :{" "}
+                                        {valueStr}
+                                      </>
+                                    }
+                                  />
                                 </VariableCellValue>
                               </VariableItemRow>
                             );

From b86daa99cf26f26a4a00366a8e0f5a0dcc2d5b2c Mon Sep 17 00:00:00 2001
From: Dyingbreed <Dannyvrf@outlook.com>
Date: Wed, 7 Oct 2026 13:03:24 +0200
Subject: [PATCH 2/2] allow variable values to wrap in flex row

allow variable values to wrap in flex row
---
 .../monitoring-page/details-tab-view/DetailsTabView.styles.tsx   | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/pages/main-page/monitoring-page/details-tab-view/DetailsTabView.styles.tsx b/src/pages/main-page/monitoring-page/details-tab-view/DetailsTabView.styles.tsx
index 738aa6b..77063d0 100644
--- a/src/pages/main-page/monitoring-page/details-tab-view/DetailsTabView.styles.tsx
+++ b/src/pages/main-page/monitoring-page/details-tab-view/DetailsTabView.styles.tsx
@@ -57,6 +57,7 @@ export const VariableItemRow = styled.div`
 
 export const VariableCellValue = styled.div`
   width: 100%;
+  min-width: 0;
   box-sizing: border-box;
   font: ${({ theme }) => theme.typography.body.font};
   color: ${({ theme }) => theme.colors.text.primary};