From 17c342020e30b92d27b160b77d32dd75836dc24a Mon Sep 17 00:00:00 2001
From: Li Xin <lixin.henry@bytedance.com>
Date: Fri, 25 Apr 2025 13:44:20 +0800
Subject: [PATCH] feat: adjust the style of code block

---
 .../_components/research-activities-block.tsx    | 16 +++++++++-------
 1 file changed, 9 insertions(+), 7 deletions(-)

diff --git a/web/src/app/_components/research-activities-block.tsx b/web/src/app/_components/research-activities-block.tsx
index 846bff9..bcefd1b 100644
--- a/web/src/app/_components/research-activities-block.tsx
+++ b/web/src/app/_components/research-activities-block.tsx
@@ -289,13 +289,15 @@ function PythonToolCall({ toolCall }: { toolCall: ToolCallRuntime }) {
       <div className="px-5">
         <div className="bg-accent mt-2 max-h-[400px] w-[800px] overflow-y-auto rounded-md p-2 text-sm">
           <SyntaxHighlighter
-            customStyle={{
-              background: "transparent",
-            }}
             language="python"
             style={resolvedTheme === "dark" ? dark : docco}
+            customStyle={{
+              background: "transparent",
+              border: "none",
+              boxShadow: "none",
+            }}
           >
-            {code}
+            {code.trim()}
           </SyntaxHighlighter>
         </div>
       </div>
@@ -328,15 +330,15 @@ function MCPToolCall({ toolCall }: { toolCall: ToolCallRuntime }) {
               {toolCall.result && (
                 <div className="bg-accent max-h-[400px] w-[800px] overflow-y-auto rounded-md text-sm">
                   <SyntaxHighlighter
+                    language="json"
+                    style={resolvedTheme === "dark" ? dark : docco}
                     customStyle={{
                       background: "transparent",
                       border: "none",
                       boxShadow: "none",
                     }}
-                    language="json"
-                    style={resolvedTheme === "dark" ? dark : docco}
                   >
-                    {toolCall.result}
+                    {toolCall.result.trim()}
                   </SyntaxHighlighter>
                 </div>
               )}