update

docker-compose.yml

@@ -5,7 +5,7 @@ services:
     build:
       context: .
       dockerfile: Dockerfile
-    image: tradus-web:1.8
+    image: tradus-web:1.9
     container_name: tradus-web
     ports:
       - '6000:80'

src/views/AIAgentView.vue

@@ -680,19 +680,26 @@ const getInitial = (nickname: string) => {
   width: 100%;
 }
 
-.user-message {
+/* 用户消息样式 */
+.message-wrapper .user-message {
   justify-content: flex-end;
-  width: 100%;
+  width: fit-content;
   display: flex;
   gap: 12px;
+  flex-direction: row-reverse;
+  margin-left: auto;
+  max-width: 80%;
 }
 
-.ai-message,
-.thought-message {
+/* AI消息样式 */
+.message-wrapper .ai-message,
+.message-wrapper .thought-message {
   justify-content: flex-start;
-  width: 100%;
+  width: fit-content;
   display: flex;
   gap: 12px;
+  max-width: 80%;
+  margin-right: auto;
 }
 
 .avatar {
@@ -733,7 +740,7 @@ const getInitial = (nickname: string) => {
 
 .message-content {
   display: inline-block;
-  max-width: 800px;
+  max-width: 100%;
   min-width: 4em;
   word-break: break-word;
   overflow-wrap: break-word;
@@ -768,14 +775,14 @@ const getInitial = (nickname: string) => {
 .user-message .message-content {
   background-color: var(--color-accent);
   color: white;
-  border-radius: 0 1rem 1rem 1rem;
+  border-radius: 1rem 0 1rem 1rem;
   padding: 1.25rem;
 }
 
 .ai-message .message-content {
   background-color: var(--color-bg-secondary);
   color: var(--color-text-primary);
-  border-radius: 1rem 0 1rem 1rem;
+  border-radius: 0 1rem 1rem 1rem;
   border: 1px solid var(--color-border);
   padding: 1.25rem;
   margin-top: 0.5rem;