From 6805e660291536a4f032713b5962c7aa34f390c8 Mon Sep 17 00:00:00 2001
From: yoyoyohamapi <8338436+yoyoyohamapi@users.noreply.github.com>
Date: Tue, 20 May 2025 01:51:50 +0000
Subject: [PATCH] fix(core): ai user message word break failed (#12347)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

![截屏2025-05-19 10.11.58.png](https://graphite-user-uploaded-assets-prod.s3.amazonaws.com/MyktQ6Qwc7H6TiRCFoYN/549544df-c1f1-49da-8884-f666e46a0419.png)

<!-- This is an auto-generated comment: release notes by coderabbit.ai -->
## Summary by CodeRabbit

- **Style**
  - Updated chat content containers to use the full available width, improving display on different screen sizes.
<!-- end of auto-generated comment: release notes by coderabbit.ai -->
---
 .../core/src/blocksuite/ai/chat-panel/content/pure-text.ts  | 2 +-
 .../core/src/blocksuite/ai/chat-panel/message/user.ts       | 6 +++++-
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/packages/frontend/core/src/blocksuite/ai/chat-panel/content/pure-text.ts b/packages/frontend/core/src/blocksuite/ai/chat-panel/content/pure-text.ts
index b71fc0e866..167f14adf9 100644
--- a/packages/frontend/core/src/blocksuite/ai/chat-panel/content/pure-text.ts
+++ b/packages/frontend/core/src/blocksuite/ai/chat-panel/content/pure-text.ts
@@ -8,7 +8,7 @@ export class ChatContentPureText extends ShadowlessElement {
     .chat-content-pure-text {
       display: inline-block;
       text-align: left;
-      max-width: 800px;
+      max-width: 100%;
       max-height: 500px;
       overflow-y: auto;
       overflow-x: hidden;
diff --git a/packages/frontend/core/src/blocksuite/ai/chat-panel/message/user.ts b/packages/frontend/core/src/blocksuite/ai/chat-panel/message/user.ts
index 139c63d3f7..0deea19f84 100644
--- a/packages/frontend/core/src/blocksuite/ai/chat-panel/message/user.ts
+++ b/packages/frontend/core/src/blocksuite/ai/chat-panel/message/user.ts
@@ -47,7 +47,11 @@ export class ChatMessageUser extends WithDisposable(ShadowlessElement) {
             .images=${item.attachments}
           ></chat-content-images>`
         : nothing}
-      <div class="text-content-wrapper" data-test-id="chat-content-user-text">
+      <div
+        class="text-content-wrapper"
+        data-test-id="chat-content-user-text"
+        style="max-width: 100%;"
+      >
         <chat-content-pure-text .text=${item.content}></chat-content-pure-text>
       </div>
     `;