fix style

src/components/thread/messages/tool-calls.tsx

@@ -15,7 +15,7 @@ export function ToolCalls({
   if (!toolCalls || toolCalls.length === 0) return null;
 
   return (
-    <div className="w-full max-w-4xl space-y-4">
+    <div className="mx-auto grid max-w-3xl grid-rows-[1fr_auto] gap-2">
       {toolCalls.map((tc, idx) => {
         const args = tc.args as Record<string, any>;
         const hasArgs = Object.keys(args).length > 0;
@@ -94,6 +94,7 @@ export function ToolResult({ message }: { message: ToolMessage }) {
       : contentStr;
 
   return (
+    <div className="mx-auto grid max-w-3xl grid-rows-[1fr_auto] gap-2">
       <div className="overflow-hidden rounded-lg border border-gray-200">
         <div className="border-b border-gray-200 bg-gray-50 px-4 py-2">
           <div className="flex flex-wrap items-center justify-between gap-2">
@@ -185,5 +186,6 @@ export function ToolResult({ message }: { message: ToolMessage }) {
           )}
         </motion.div>
       </div>
+    </div>
   );
 }