From 03f4ff5cc27067bc59e674e26003ca4610fce686 Mon Sep 17 00:00:00 2001
From: "Vyctor H. Brzezowski" <krzyszchweski@gmail.com>
Date: Sun, 16 Aug 2026 19:48:19 -0300
Subject: [PATCH] fix(ui): restore task count badge (#124840)

---
 ui/src/e2e/chat-rail-columns.e2e.test.ts |  4 ++--
 ui/src/styles/chat/split-view.css        | 26 +++++++++++++-----------
 2 files changed, 16 insertions(+), 14 deletions(-)

diff --git a/ui/src/e2e/chat-rail-columns.e2e.test.ts b/ui/src/e2e/chat-rail-columns.e2e.test.ts
index 5e2ba95084c9..c73b192be415 100644
--- a/ui/src/e2e/chat-rail-columns.e2e.test.ts
+++ b/ui/src/e2e/chat-rail-columns.e2e.test.ts
@@ -398,8 +398,8 @@ suite.define(() => {
                 [16, 16],
                 [16, 16],
               ],
-              taskBadgeCenterDelta: 0,
-              taskBadgeContained: true,
+              taskBadgeCenterDelta: 6,
+              taskBadgeContained: false,
             });
 
           await page.locator(".chat-side-panel-toggle").click();
diff --git a/ui/src/styles/chat/split-view.css b/ui/src/styles/chat/split-view.css
index 31b0371ff97f..af735b6aa661 100644
--- a/ui/src/styles/chat/split-view.css
+++ b/ui/src/styles/chat/split-view.css
@@ -585,21 +585,23 @@ openclaw-chat-pane {
 }
 
 .chat-pane__actions .chat-tasks-toggle {
-  width: auto;
-  gap: 3px;
-  padding-inline: 5px;
+  position: relative;
 }
 
 .chat-tasks-toggle__badge {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  min-width: 7px;
-  color: currentColor;
-  font-size: 11px;
-  font-variant-numeric: tabular-nums;
-  font-weight: 500;
-  line-height: 1;
+  position: absolute;
+  top: 0;
+  right: -2px;
+  min-width: 14px;
+  height: 14px;
+  padding: 0 3px;
+  border-radius: var(--radius-full);
+  background: var(--primary);
+  color: var(--primary-foreground);
+  font-size: 9px;
+  font-weight: 650;
+  line-height: 14px;
+  text-align: center;
 }
 
 .chat-pane__sharing-menu {