From a4cb1c160e88e53534afc24f5ea62ee5926b9ecc Mon Sep 17 00:00:00 2001
From: Ammar <ammar+ai@ammar.io>
Date: Mon, 8 Dec 2025 20:19:14 -0600
Subject: [PATCH] =?UTF-8?q?=F0=9F=A4=96=20fix:=20refactor=20Output=20secti?=
 =?UTF-8?q?on=20to=20use=20DetailContent?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Changed the Output section in BashToolCall to use DetailContent with
px-2 py-1.5 padding, matching the Script section. This makes both
sections consistent in styling.

_Generated with mux_
---
 src/browser/components/tools/BashToolCall.tsx | 4 +---
 1 file changed, 1 insertion(+), 3 deletions(-)

diff --git a/src/browser/components/tools/BashToolCall.tsx b/src/browser/components/tools/BashToolCall.tsx
index e59f0a2fb2..6cad2fb0c6 100644
--- a/src/browser/components/tools/BashToolCall.tsx
+++ b/src/browser/components/tools/BashToolCall.tsx
@@ -127,9 +127,7 @@ export const BashToolCall: React.FC<BashToolCallProps> = ({
                 result.output && (
                   <DetailSection>
                     <DetailLabel>Output</DetailLabel>
-                    <pre className="bg-code-bg border-success m-0 max-h-[200px] overflow-y-auto rounded border-l-2 px-2 py-1.5 text-[11px] leading-[1.4] break-words whitespace-pre-wrap">
-                      {result.output}
-                    </pre>
+                    <DetailContent className="px-2 py-1.5">{result.output}</DetailContent>
                   </DetailSection>
                 )
               )}