From 61499624a09aceb014777c46c019266cfbc0fe39 Mon Sep 17 00:00:00 2001
From: Henry Li <henry1943@163.com>
Date: Thu, 15 Jan 2026 23:56:42 +0800
Subject: [PATCH] feat: adjust message group layout

---
 frontend/src/components/ai-elements/chain-of-thought.tsx    | 2 +-
 .../src/components/workspace/message-list/message-group.tsx | 6 +++---
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/frontend/src/components/ai-elements/chain-of-thought.tsx b/frontend/src/components/ai-elements/chain-of-thought.tsx
index eeecad0..1a8550a 100644
--- a/frontend/src/components/ai-elements/chain-of-thought.tsx
+++ b/frontend/src/components/ai-elements/chain-of-thought.tsx
@@ -64,7 +64,7 @@ export const ChainOfThought = memo(
 
     return (
       <ChainOfThoughtContext.Provider value={chainOfThoughtContext}>
-        <div className={cn("not-prose space-y-4", className)} {...props}>
+        <div className={cn("not-prose", className)} {...props}>
           {children}
         </div>
       </ChainOfThoughtContext.Provider>
diff --git a/frontend/src/components/workspace/message-list/message-group.tsx b/frontend/src/components/workspace/message-list/message-group.tsx
index cd10366..2fb0c7f 100644
--- a/frontend/src/components/workspace/message-list/message-group.tsx
+++ b/frontend/src/components/workspace/message-list/message-group.tsx
@@ -46,7 +46,7 @@ export function MessageGroup({
   const { label, icon } = describeStep(lastStep);
   return (
     <ChainOfThought
-      className={cn("w-full rounded-lg border px-4 pt-4", className)}
+      className={cn("w-full rounded-lg border px-3 py-2", className)}
       defaultOpen={false}
       open={open}
       onOpenChange={setOpen}
@@ -79,7 +79,7 @@ export function MessageGroup({
           </div>
         </div>
       </ChainOfThoughtHeader>
-      <ChainOfThoughtContent className="pb-4">
+      <ChainOfThoughtContent className="pb-2">
         {steps.map((step) =>
           step.type === "reasoning" ? (
             <ChainOfThoughtStep
@@ -224,7 +224,7 @@ function ToolCall({
         label={
           description ?? (
             <div>
-              Use tool <b>{name}</b>
+              Use &quot;<span className="font-bold">{name}</span>&quot; tool
             </div>
           )
         }