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 {