fix(web): prevent mobile tool overflow

apps/web/src/components/chat/chat-tool-call.tsx

@@ -1,7 +1,6 @@
 import {
   Tool,
   ToolContent,
-  ToolHeader,
   ToolInput,
   ToolOutput,
 } from "@code/ui/components/ai-elements/tool";
@@ -37,12 +36,6 @@ export const ChatToolCall = ({ part }: ChatToolCallProps) => {
 
   return (
     <Tool className="mb-0 w-full border-0" defaultOpen>
-      <ToolHeader
-        className="sr-only"
-        state={part.state}
-        toolName={part.toolName}
-        type="dynamic-tool"
-      />
       <ToolContent className="space-y-0 p-0">
         <MobileChatToolCall
           detail={detail}

apps/web/src/routes/design.mobile-chat.tsx

@@ -6,11 +6,7 @@ import {
   Message,
   MessageContent,
 } from "@code/ui/components/ai-elements/message";
-import {
+import { Tool, ToolContent } from "@code/ui/components/ai-elements/tool";
-  Tool,
-  ToolContent,
-  ToolHeader,
-} from "@code/ui/components/ai-elements/tool";
 import {
   MobileChatAssistantLabel,
   MobileChatBubble,
@@ -53,12 +49,6 @@ const MobileChatShowcase = () => (
                 <MobileChatAssistantLabel />
                 <MobileChatBubble sender="assistant">
                   <Tool className="mb-0 w-full border-0" defaultOpen>
-                    <ToolHeader
-                      className="sr-only"
-                      state="output-available"
-                      toolName="Web Search"
-                      type="dynamic-tool"
-                    />
                     <ToolContent className="space-y-0 p-0">
                       <MobileChatToolCall
                         status="done"