From 934365c41fc88025c8bb48c83365302d382f7974 Mon Sep 17 00:00:00 2001
From: yiliang114 <1204183885@qq.com>
Date: Tue, 25 Nov 2025 13:39:49 +0800
Subject: [PATCH] style(vscode-ide-companion): improve UI styling for chat
 components

---
 .../src/webview/components/InfoBanner.tsx           |  2 +-
 .../src/webview/components/layouts/ChatHeader.tsx   |  1 -
 .../components/messages/AssistantMessage.tsx        | 13 +++++++++++--
 3 files changed, 12 insertions(+), 4 deletions(-)

diff --git a/packages/vscode-ide-companion/src/webview/components/InfoBanner.tsx b/packages/vscode-ide-companion/src/webview/components/InfoBanner.tsx
index 2da09430..193bde92 100644
--- a/packages/vscode-ide-companion/src/webview/components/InfoBanner.tsx
+++ b/packages/vscode-ide-companion/src/webview/components/InfoBanner.tsx
@@ -47,7 +47,7 @@ export const InfoBanner: React.FC<InfoBannerProps> = ({
 
   return (
     <div
-      className="flex items-center justify-between border-t"
+      className="flex items-center justify-between"
       style={{
         gap: '12px',
         padding: '12px 16px',
diff --git a/packages/vscode-ide-companion/src/webview/components/layouts/ChatHeader.tsx b/packages/vscode-ide-companion/src/webview/components/layouts/ChatHeader.tsx
index 48e15ab8..45aca113 100644
--- a/packages/vscode-ide-companion/src/webview/components/layouts/ChatHeader.tsx
+++ b/packages/vscode-ide-companion/src/webview/components/layouts/ChatHeader.tsx
@@ -23,7 +23,6 @@ export const ChatHeader: React.FC<ChatHeaderProps> = ({
   <div
     className="flex gap-1 select-none py-1.5 px-2.5"
     style={{
-      borderBottom: '1px solid var(--app-primary-border-color)',
       backgroundColor: 'var(--app-header-background)',
     }}
   >
diff --git a/packages/vscode-ide-companion/src/webview/components/messages/AssistantMessage.tsx b/packages/vscode-ide-companion/src/webview/components/messages/AssistantMessage.tsx
index 6308cb8f..1d1a974f 100644
--- a/packages/vscode-ide-companion/src/webview/components/messages/AssistantMessage.tsx
+++ b/packages/vscode-ide-companion/src/webview/components/messages/AssistantMessage.tsx
@@ -61,8 +61,17 @@ export const AssistantMessage: React.FC<AssistantMessageProps> = ({
         paddingBottom: '8px',
       }}
     >
-      <span style={{ color: 'var(--app-secondary-foreground)' }}>
-        <p style={{ margin: 0, color: 'var(--app-secondary-foreground)' }}>
+      <span style={{ color: 'var(--app-secondary-foreground)', width: '100%' }}>
+        <p
+          style={{
+            margin: 0,
+            color: 'var(--app-secondary-foreground)',
+            width: '100%',
+            wordWrap: 'break-word',
+            overflowWrap: 'break-word',
+            whiteSpace: 'normal',
+          }}
+        >
           <MessageContent content={content} onFileClick={onFileClick} />
         </p>
       </span>