From c2da551c922645a3244422da51ffeb9231930ab2 Mon Sep 17 00:00:00 2001
From: ViperEkura <3081035982@qq.com>
Date: Mon, 13 Apr 2026 23:25:01 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E4=BC=98=E5=8C=96=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 dashboard/src/views/ConversationsView.vue | 17 +++++++++++++++--
 1 file changed, 15 insertions(+), 2 deletions(-)

diff --git a/dashboard/src/views/ConversationsView.vue b/dashboard/src/views/ConversationsView.vue
index aa0b89a..7df6b39 100644
--- a/dashboard/src/views/ConversationsView.vue
+++ b/dashboard/src/views/ConversationsView.vue
@@ -41,6 +41,13 @@
 
       <!-- 右侧内容区 - 对话界面 -->
       <main class="conv-content">
+        <!-- 右侧导航栏 -->
+        <MessageNav 
+          v-if="showNav && convMessages.length > 0"
+          :messages="convMessages"
+          @navigate="scrollToMessage"
+          @close="showNav = false"
+        />
         <div v-if="!selectedConv" class="empty-content">
           <div class="empty-icon">💬</div>
           <p>选择一个会话查看</p>
@@ -142,6 +149,7 @@ import { useRouter } from 'vue-router'
 import { conversationsAPI, providersAPI, messagesAPI, toolsAPI } from '../utils/api.js'
 import { renderMarkdown } from '../utils/markdown.js'
 import ProcessBlock from '../components/ProcessBlock.vue'
+import MessageNav from '../components/MessageNav.vue'
 
 const router = useRouter()
 const list = ref([])
@@ -463,7 +471,6 @@ onMounted(() => {
   overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
-  -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;
   flex: 1;
 }
@@ -616,7 +623,13 @@ onMounted(() => {
 }
 
 .message-content {
-  max-width: 70%;
+  max-width: 80%;
+  width: 80%;
+}
+
+.chat-message.user .message-content {
+  max-width: 80%;
+  width: auto;
 }
 
 .message-text {