From 34dc35f36f87e70c40efc7d0c358c1b12be0c673 Mon Sep 17 00:00:00 2001
From: Sabiha Khan <sabihak89@gmail.com>
Date: Mon, 30 Mar 2026 12:12:46 +0530
Subject: [PATCH] fix: resize chatwoot icon for workflow run page

---
 ui/src/app/globals.css                         | 18 ++++++++++++++++++
 .../workflow/[workflowId]/run/[runId]/page.tsx |  6 ++++++
 2 files changed, 24 insertions(+)

diff --git a/ui/src/app/globals.css b/ui/src/app/globals.css
index 679436e..0f252c8 100644
--- a/ui/src/app/globals.css
+++ b/ui/src/app/globals.css
@@ -136,3 +136,21 @@
   animation: spin-slow 3s linear infinite;
 }
 
+/* Smaller Chatwoot bubble on workflow run pages */
+body.chatwoot-compact .woot--bubble-holder {
+  transform: scale(0.7) !important;
+  transform-origin: bottom right !important;
+  right: 4px !important;
+  bottom: 4px !important;
+}
+
+body.chatwoot-compact .woot--bubble-holder .woot-widget-bubble {
+  width: 48px !important;
+  height: 48px !important;
+}
+
+body.chatwoot-compact #chatwoot_live_chat_widget {
+  bottom: 60px !important;
+  right: 4px !important;
+}
+
diff --git a/ui/src/app/workflow/[workflowId]/run/[runId]/page.tsx b/ui/src/app/workflow/[workflowId]/run/[runId]/page.tsx
index 72b496a..c33e74d 100644
--- a/ui/src/app/workflow/[workflowId]/run/[runId]/page.tsx
+++ b/ui/src/app/workflow/[workflowId]/run/[runId]/page.tsx
@@ -85,6 +85,12 @@ export default function WorkflowRunPage() {
         }
     }, [auth]);
 
+    // Shrink and reposition Chatwoot bubble on this page
+    useEffect(() => {
+        document.body.classList.add('chatwoot-compact');
+        return () => document.body.classList.remove('chatwoot-compact');
+    }, []);
+
     const { openPreview, dialog } = MediaPreviewDialog();
 
     useEffect(() => {