From 0a4425e11f33efac82526d4b5730e3652c39ed85 Mon Sep 17 00:00:00 2001
From: Timi <imyeyu6@qq.com>
Date: Sat, 26 Sep 2026 09:28:56 +0800
Subject: [PATCH] fix overflow x

---
 src/components/ai/AiChatMessageList.vue | 17 +++++++++++++++++
 src/components/ai/AiChatPanel.vue       |  1 +
 2 files changed, 18 insertions(+)

diff --git a/src/components/ai/AiChatMessageList.vue b/src/components/ai/AiChatMessageList.vue
index af3c211..a720ad6 100644
--- a/src/components/ai/AiChatMessageList.vue
+++ b/src/components/ai/AiChatMessageList.vue
@@ -173,8 +173,10 @@ defineExpose({
 	flex: 1;
 	display: flex;
 	padding: .5rem 1rem calc(6rem + env(safe-area-inset-bottom, 0px));
+	min-width: 0;
 	min-height: 0;
 	overflow-y: auto;
+	overflow-x: hidden;
 	flex-direction: column;
 
 	.list-state {
@@ -193,6 +195,7 @@ defineExpose({
 		gap: .5rem;
 		display: flex;
 		width: 100%;
+		min-width: 0;
 		align-items: stretch;
 		flex-direction: column;
 
@@ -235,6 +238,7 @@ defineExpose({
 
 		.message-main {
 			width: 100%;
+			min-width: 0;
 			max-width: none;
 		}
 
@@ -252,6 +256,9 @@ defineExpose({
 			color: var(--td-text-color-primary);
 			width: 100%;
 			padding: .75rem;
+			min-width: 0;
+			max-width: 100%;
+			box-sizing: border-box;
 			border-radius: .25rem 1rem 1rem 1rem;
 			background: var(--ai-chat-bubble, #f5f6f8);
 			text-align: left;
@@ -279,9 +286,19 @@ defineExpose({
 
 				:deep(.tui-markdown-view) {
 					width: auto;
+					max-width: 100%;
 					font-size: .875rem;
 					line-height: 1.65;
 					word-break: break-word;
+					overflow-wrap: anywhere;
+					overflow-x: hidden;
+				}
+
+				:deep(.tui-markdown-view pre),
+				:deep(.tui-markdown-view code) {
+					white-space: pre-wrap;
+					word-break: break-word;
+					overflow-wrap: anywhere;
 				}
 			}
 		}
diff --git a/src/components/ai/AiChatPanel.vue b/src/components/ai/AiChatPanel.vue
index 8b37ede..3e59bab 100644
--- a/src/components/ai/AiChatPanel.vue
+++ b/src/components/ai/AiChatPanel.vue
@@ -176,6 +176,7 @@ defineExpose({
 	display: flex;
 	position: relative;
 	overflow: hidden;
+	min-width: 0;
 	min-height: 0;
 	background: var(--ai-chat-background);
 	flex-direction: column;