fix overflow x

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;
 				}
 			}
 		}

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;