diff --git a/prompto-lab-app/src/main/java/io/github/timemachinelab/controller/UserInteractionController.java b/prompto-lab-app/src/main/java/io/github/timemachinelab/controller/UserInteractionController.java
index 1d44d9a..68b4e0e 100644
--- a/prompto-lab-app/src/main/java/io/github/timemachinelab/controller/UserInteractionController.java
+++ b/prompto-lab-app/src/main/java/io/github/timemachinelab/controller/UserInteractionController.java
@@ -16,6 +16,7 @@
 
 import io.github.timemachinelab.core.session.domain.entity.ConversationSession;
 import io.github.timemachinelab.core.session.infrastructure.web.dto.*;
+import io.github.timemachinelab.util.QaTreeSerializeUtil;
 import io.github.timemachinelab.entity.req.RetryRequest;
 import io.github.timemachinelab.entity.resp.ApiResult;
 import io.github.timemachinelab.entity.resp.RetryResponse;
@@ -375,14 +376,24 @@ public ResponseEntity<ApiResult<ConversationHistoryResponse>> getConversationHis
                     .body(ApiResult.error("会话数据不完整"));
             }
 
-            // 4. 组装返回数据
+            // 4. 序列化QaTree为前端期望的格式
+            String serializedQaTree;
+            try {
+                serializedQaTree = QaTreeSerializeUtil.serialize(qaTree);
+            } catch (Exception e) {
+                log.error("序列化QaTree失败 - sessionId: {}", sessionId, e);
+                return ResponseEntity.internalServerError()
+                    .body(ApiResult.error("序列化会话数据失败: " + e.getMessage()));
+            }
+            
+            // 5. 组装返回数据
             ConversationHistoryResponse response = new ConversationHistoryResponse(
                 session.getSessionId(),
                 session.getUserId(),
                 session.getCurrentNode(),
                 session.getCreateTime(),
                 session.getUpdateTime(),
-                qaTree
+                serializedQaTree
             );
 
             log.info("成功获取对话历史 - sessionId: {}, 节点数量: {}", sessionId, qaTree.getNodeCount());
@@ -411,4 +422,59 @@ public ResponseEntity<Map<String, Object>> getSseStatus() {
     public ResponseEntity<Boolean> setUserProfile(@RequestBody SetUserProfileRequest request) {
         return ResponseEntity.ok(sessionManagementService.setUserProfile(request.getSessionId(), request.getUserId(), request.getUserProfile()));
     }
+
+    /**
+     * 验证指纹一致性
+     * 检查客户端提供的指纹是否与服务端生成的指纹一致
+     * 如果不一致，生成新的指纹替代客户端指纹，并返回空的sessionIdList避免水平越权
+     * 
+     * @param request HTTP请求对象
+     * @return 验证结果，包含是否一致和正确的指纹
+     */
+    @PostMapping("/validate-fingerprint")
+    public ResponseEntity<ApiResult<Map<String, Object>>> validateFingerprint(
+            @RequestBody Map<String, String> requestBody,
+            HttpServletRequest request) {
+        
+        try {
+            // 从请求体中获取客户端指纹
+            String clientFingerprint = requestBody.get("fingerprint");
+            
+            // 生成服务端指纹
+            UserFingerprint serverFingerprint = fingerprintService.getOrCreateUserFingerprint(request);
+            String serverFingerprintId = serverFingerprint.getFingerprint();
+            
+            // 比较指纹
+            boolean isConsistent = serverFingerprintId.equals(clientFingerprint);
+            
+            Map<String, Object> result = new ConcurrentHashMap<>();
+            result.put("isConsistent", isConsistent);
+            result.put("serverFingerprint", serverFingerprintId);
+            result.put("clientFingerprint", clientFingerprint);
+            result.put("timestamp", System.currentTimeMillis());
+            
+            if (!isConsistent) {
+                log.warn("指纹不一致 - 客户端: {}, 服务端: {}, 生成新指纹替代", clientFingerprint, serverFingerprintId);
+                result.put("message", "指纹不一致，已生成新指纹");
+                result.put("newFingerprint", serverFingerprintId);
+                // 指纹不匹配时返回空的sessionIdList，避免水平越权
+                result.put("sessionIdList", List.of());
+                result.put("requireUpdate", true);
+            } else {
+                log.debug("指纹验证通过 - 指纹: {}", serverFingerprintId);
+                result.put("message", "指纹验证通过");
+                // 指纹匹配时返回对应的sessionIdList
+                List<String> sessionIds = sessionManagementService.getUserSessionIds(serverFingerprintId);
+                result.put("sessionIdList", sessionIds);
+                result.put("requireUpdate", false);
+            }
+            
+            return ResponseEntity.ok(ApiResult.success(result));
+            
+        } catch (Exception e) {
+            log.error("指纹验证失败: {}", e.getMessage(), e);
+            return ResponseEntity.internalServerError()
+                .body(ApiResult.error("指纹验证失败: " + e.getMessage()));
+        }
+    }
 }
\ No newline at end of file
diff --git a/prompto-lab-app/src/main/java/io/github/timemachinelab/core/session/application/SseNotificationService.java b/prompto-lab-app/src/main/java/io/github/timemachinelab/core/session/application/SseNotificationService.java
index d2df228..52f1aac 100644
--- a/prompto-lab-app/src/main/java/io/github/timemachinelab/core/session/application/SseNotificationService.java
+++ b/prompto-lab-app/src/main/java/io/github/timemachinelab/core/session/application/SseNotificationService.java
@@ -43,22 +43,19 @@ public void registerSseConnection(String fingerprint, SseEmitter emitter) {
         // 如果用户已有连接，先移除旧连接
         SseEmitter oldEmitter = sseEmitters.get(fingerprint);
         if (oldEmitter != null) {
-            oldEmitter.complete(); // 完成旧连接
+            // 静默关闭旧连接，避免向已断开的连接发送消息导致 Broken pipe 错误
+            try {
+                oldEmitter.complete(); // 直接完成旧连接，不发送关闭通知
+                log.info("旧SSE连接已静默关闭 - 用户指纹: {}", fingerprint);
+            } catch (Exception e) {
+                log.warn("关闭旧连接时出错 - 用户指纹: {}, 错误: {}", fingerprint, e.getMessage());
+            }
         }
 
         sseEmitters.put(fingerprint, emitter);
         log.info("SSE连接已注册 - 用户指纹: {}", fingerprint);
         
-        // 添加连接完成和超时的回调
-        emitter.onCompletion(() -> {
-            sseEmitters.remove(fingerprint);
-            log.info("SSE连接已完成 - 用户指纹: {}", fingerprint);
-        });
-        
-        emitter.onTimeout(() -> {
-            sseEmitters.remove(fingerprint);
-            log.info("SSE连接已超时 - 用户指纹: {}", fingerprint);
-        });
+        // 注意：回调处理由Controller层统一管理，避免重复设置
     }
 
     /**
@@ -67,8 +64,22 @@ public void registerSseConnection(String fingerprint, SseEmitter emitter) {
      * @param fingerprint 用户指纹
      */
     public void removeSseConnection(String fingerprint) {
-        SseEmitter emitter = sseEmitters.remove(fingerprint);
+        SseEmitter emitter = sseEmitters.get(fingerprint);
         if (emitter != null) {
+            try {
+                // 在关闭连接前通知客户端
+                emitter.send(SseEmitter.event()
+                    .name("close")
+                    .data("服务器主动关闭连接"));
+                log.info("已发送连接关闭通知 - 用户指纹: {}", fingerprint);
+            } catch (IOException e) {
+                log.warn("发送连接关闭通知失败 - 用户指纹: {}, 错误: {}", fingerprint, e.getMessage());
+            } catch (IllegalStateException e) {
+                log.warn("连接已关闭，无法发送关闭通知 - 用户指纹: {}", fingerprint);
+            }
+            
+            // 移除并完成连接
+            sseEmitters.remove(fingerprint);
             emitter.complete();
         }
         log.info("SSE连接已移除 - 用户指纹: {}", fingerprint);
diff --git a/prompto-lab-app/src/main/java/io/github/timemachinelab/core/session/application/SseValidationService.java b/prompto-lab-app/src/main/java/io/github/timemachinelab/core/session/application/SseValidationService.java
index f4ee36c..e377828 100644
--- a/prompto-lab-app/src/main/java/io/github/timemachinelab/core/session/application/SseValidationService.java
+++ b/prompto-lab-app/src/main/java/io/github/timemachinelab/core/session/application/SseValidationService.java
@@ -71,11 +71,18 @@ public String getFingerprint() {
      */
     public String validateAndGetFingerprint(HttpServletRequest request) throws SessionException {
         try {
-            // 1. 获取已存在的用户指纹（不创建新指纹）
+            // 1. 优先获取已存在的用户指纹
             UserFingerprint userFingerprint = fingerprintService.getExistingUserFingerprint(request);
+            
+            // 如果指纹不存在，尝试创建新指纹（可能是页面刷新后的情况）
             if (userFingerprint == null) {
-                log.warn("用户指纹不存在，请先建立SSE连接");
-                throw new SessionException("SSE连接验证失败: 用户指纹不存在，请先建立SSE连接");
+                log.info("用户指纹不存在，尝试创建新指纹（可能是页面刷新）");
+                userFingerprint = fingerprintService.getOrCreateUserFingerprint(request);
+                
+                if (userFingerprint == null) {
+                    log.error("无法创建用户指纹");
+                    throw new SessionException("SSE连接验证失败: 无法生成用户指纹，请重试");
+                }
             }
             
             String fingerprint = userFingerprint.getFingerprint();
diff --git a/prompto-lab-app/src/main/java/io/github/timemachinelab/core/session/infrastructure/web/dto/ConversationHistoryResponse.java b/prompto-lab-app/src/main/java/io/github/timemachinelab/core/session/infrastructure/web/dto/ConversationHistoryResponse.java
index f8ae938..466413b 100644
--- a/prompto-lab-app/src/main/java/io/github/timemachinelab/core/session/infrastructure/web/dto/ConversationHistoryResponse.java
+++ b/prompto-lab-app/src/main/java/io/github/timemachinelab/core/session/infrastructure/web/dto/ConversationHistoryResponse.java
@@ -1,6 +1,5 @@
 package io.github.timemachinelab.core.session.infrastructure.web.dto;
 
-import io.github.timemachinelab.core.qatree.QaTree;
 import lombok.AllArgsConstructor;
 import lombok.Data;
 import lombok.NoArgsConstructor;
@@ -17,5 +16,5 @@ public class ConversationHistoryResponse {
     private String currentNode;
     private LocalDateTime createTime;
     private LocalDateTime updateTime;
-    private QaTree qaTree;
+    private String qaTree;
 }
\ No newline at end of file
diff --git a/prompto-lab-ui/src/components/Chat/AIChatPage.vue b/prompto-lab-ui/src/components/Chat/AIChatPage.vue
index 6f27e3e..f8cb843 100644
--- a/prompto-lab-ui/src/components/Chat/AIChatPage.vue
+++ b/prompto-lab-ui/src/components/Chat/AIChatPage.vue
@@ -12,55 +12,23 @@
 
     <!-- 左侧栏 -->
     <div class="left-sidebar" :class="{ collapsed: !sidebarExpanded }">
-      <div class="sidebar-content">
-        <!-- 可展开/收缩的头部按钮 -->
-        <div class="sidebar-toggle" @click="toggleSidebar">
-          <div class="toggle-icon">
-            <span class="icon">{{ sidebarExpanded ? '◀' : '▶' }}</span>
-          </div>
-          <div class="toggle-text" v-if="sidebarExpanded">
-            <h3>会话列表</h3>
-            <p>点击收起</p>
-          </div>
-        </div>
-        <!-- 会话列表 -->
-        <div class="session-list" v-if="sidebarExpanded">
-          <div class="session-list-header">
-            <h4>最近对话</h4>
-            <button class="new-chat-btn" @click="startNewChat">
-              <span class="plus-icon">+</span>
-              新对话
-            </button>
-          </div>
-          <div class="session-items">
-            <div
-              v-for="sessionItem in sessionList"
-              :key="sessionItem.id"
-              class="session-item"
-              :class="{ active: sessionItem.id === currentSessionId }"
-              @click="switchToSession(sessionItem.id)"
-            >
-              <div class="session-content">
-                <div class="session-title">{{ sessionItem.title }}</div>
-                <div class="session-preview">{{ sessionItem.lastMessage }}</div>
-                <div class="session-time">{{ formatTime(sessionItem.updatedAt) }}</div>
-              </div>
-              <div class="session-actions">
-                <button class="delete-btn" @click.stop="deleteSession(sessionItem.id)">
-                  <span>×</span>
-                </button>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
+      <ConversationHistory
+        :session-list="sessionList"
+        :current-session-id="currentSessionId"
+        :sidebar-expanded="sidebarExpanded"
+        @start-new-chat="startNewChat"
+        @switch-to-session="switchToSession"
+        @delete-session="deleteSession"
+        @toggle-sidebar="toggleSidebar"
+      />
     </div>
 
     <!-- 中间问答主页面 -->
     <div class="main-content" :style="{ width: mainContentWidth + 'px' }">
       <QuestionRenderer ref="questionRendererRef" :current-question="currentQuestion" :is-loading="isLoading"
-        :session-id="sessionId" :user-id="userId" @send-message="handleSendMessage"
-        @submit-answer="handleSubmitAnswer" @retry-question="handleRetryQuestion" @generate-prompt="handleGeneratePrompt" />
+        :session-id="sessionId" :user-id="userId" :conversation-tree="conversationTree" :current-node-id="currentNodeId"
+        @send-message="handleSendMessage" @submit-answer="handleSubmitAnswer" @retry-question="handleRetryQuestion" 
+        @generate-prompt="handleGeneratePrompt" @node-selected="handleNodeSelected" />
     </div>
 
     <!-- 可拖拽的分隔条 -->
@@ -84,12 +52,14 @@
 </template>
 
 <script setup lang="ts">
-import { ref, computed, onMounted, onUnmounted } from 'vue'
+import { ref, computed, onMounted, onUnmounted, readonly, nextTick } from 'vue'
 import QuestionRenderer from './QuestionRenderer.vue'
 import MindMapTree from './MindMapTree.vue'
+import ConversationHistory from './ConversationHistory.vue'
 import { startConversation, sendMessage, sendUserMessage, connectSSE, closeSSE, processAnswer, connectUserInteractionSSE, retryQuestion, fetchSessionList, type MessageRequest, type MessageResponse, type ConversationSession, type UnifiedAnswerRequest, type FormAnswerItem, type RetryRequest, type SessionItem } from '@/services/conversationApi'
-import { generatePrompt } from '@/services/userInteractionApi'
+import { generatePrompt, getConversationHistory, validateFingerprint } from '@/services/userInteractionApi'
 import { toast } from '@/utils/toast'
+import sseConnectionManager from '@/services/sseConnectionManager'
 
 interface Message {
   id: string
@@ -190,8 +160,11 @@ const saveFingerprint = (fp: string) => {
 // SSE连接管理
 const connectionTimeout = ref<NodeJS.Timeout | null>(null)
 const activityTimeout = ref<NodeJS.Timeout | null>(null)
+const heartbeatInterval = ref<NodeJS.Timeout | null>(null)
 const ACTIVITY_TIMEOUT = 5 * 60 * 1000 // 5分钟不活跃超时
+const HEARTBEAT_INTERVAL = 30 * 1000 // 30秒心跳检测间隔
 const lastActivityTime = ref<number>(Date.now())
+const lastHeartbeatTime = ref<number>(Date.now())
 
 // 对话树存储所有节点
 const conversationTree = ref<Map<string, ConversationNode>>(new Map())
@@ -250,14 +223,18 @@ const ensureUniqueConnection = () => {
     activityTimeout.value = null
   }
 
-  // 重置重连尝试次数
-  retryCount = MAX_RETRY_COUNT
+  // 停止心跳检测
+  stopHeartbeat()
+  
+  // 重置重连状态
+  resetRetryCount()
 }
 
 // 更新活跃时间
 const updateActivity = () => {
-
-  lastActivityTime.value = Date.now()
+  const now = Date.now()
+  lastActivityTime.value = now
+  lastHeartbeatTime.value = now
 
   // 重置活跃超时定时器
   if (activityTimeout.value) {
@@ -265,7 +242,6 @@ const updateActivity = () => {
   }
 
   activityTimeout.value = setTimeout(() => {
-
     closeConnection()
     toast.info({
       title: '连接已关闭',
@@ -291,31 +267,78 @@ const closeConnection = () => {
     clearTimeout(activityTimeout.value)
     activityTimeout.value = null
   }
+  
+  // 停止心跳检测
+  stopHeartbeat()
+  
+  // 清理全局连接管理器的连接信息
+  sseConnectionManager.clearConnection()
+}
+
+// 连接建立锁，防止并发建立连接
+// 建立新的SSE连接
+const establishNewConnection = async () => {
+  // 确保连接唯一性
+  ensureUniqueConnection()
+
+  // 建立SSE连接，后端会自动处理指纹生成和会话管理
+  eventSource.value = connectUserInteractionSSE(
+    handleSSEMessage,
+    handleSSEError,
+    handleSSEClose
+  )
+
+  // 启动活跃监控
+  updateActivity()
+
+  console.log('SSE连接已建立，等待后端返回指纹和会话信息...')
 }
 
 // 初始化会话
 const initializeSession = async () => {
   if (isInitializing.value) return
 
-  isInitializing.value = true
-
-  try {
-    // 确保连接唯一性
-    ensureUniqueConnection()
-
-    // 生成用户ID（如果没有的话）
-    const userId = 'demo-user-' + Date.now() // 临时用户ID
+  // 优先检查全局连接管理器中是否已有活跃连接
+  if (sseConnectionManager.hasActiveConnection()) {
+    const connectionInfo = sseConnectionManager.getConnectionInfo()
+    if (connectionInfo && connectionInfo.eventSource) {
+      // 验证连接是否真正可用
+      try {
+        const testEventSource = connectionInfo.eventSource
+        if (testEventSource.readyState === EventSource.OPEN && testEventSource.url) {
+          console.log('从全局连接管理器恢复SSE连接:', connectionInfo.connectionId)
+          eventSource.value = connectionInfo.eventSource
+          fingerprint.value = connectionInfo.fingerprint
+          isConnected.value = connectionInfo.isConnected
+          
+          // 更新活跃时间
+          sseConnectionManager.updateActivity()
+          
+          console.log('SSE连接已从全局管理器恢复，跳过初始化')
+          return
+        } else {
+          console.log('全局管理器中的连接已失效，清理并重新建立')
+          sseConnectionManager.clearConnection()
+        }
+      } catch (error) {
+        console.log('验证全局连接时出错，清理并重新建立:', error)
+        sseConnectionManager.clearConnection()
+      }
+    }
+  }
 
-    // 建立SSE连接（不传sessionId，让后端创建新会话）
-    eventSource.value = connectUserInteractionSSE(
-      handleSSEMessage,
-      handleSSEError
-    )
+  // 如果已有有效的SSE连接，跳过初始化
+  if (eventSource.value && eventSource.value.readyState === EventSource.OPEN && isConnected.value) {
+    console.log('SSE连接已存在且有效，跳过初始化')
+    return
+  }
 
-    // 启动活跃监控
-    updateActivity()
+  isInitializing.value = true
 
-    // console.log('SSE连接已建立，等待后端返回会话信息...')
+  try {
+    // 直接建立SSE连接，后端会自动处理指纹生成或获取
+    console.log('建立SSE连接，后端将自动处理指纹')
+    await establishNewConnection()
 
   } catch (error: any) {
     console.error('初始化会话失败:', error)
@@ -330,6 +353,7 @@ const initializeSession = async () => {
   }
 }
 
+
 // 处理SSE消息
 const handleSSEMessage = (response: any) => {
 
@@ -398,12 +422,31 @@ const handleSSEMessage = (response: any) => {
 const handleConnectionMessage = (response: any): boolean => {
   if (response.type === 'connected' || response.fingerprint || response.fingerprintId) {
     console.log('收到SSE连接建立消息:', response)
+    
+    // 连接成功，重置重连计数器并启动心跳检测
+    resetRetryCount()
+    isConnected.value = true
+    startHeartbeat()
+    
+    // 更新全局连接管理器的连接状态
+    sseConnectionManager.updateConnectionStatus(true)
 
     // 处理SSE连接建立时的指纹和sessionList
-    const fingerprint = response.fingerprintId || response.fingerprint
-    if (fingerprint) {
-      saveFingerprint(fingerprint)
-      console.log('已保存指纹:', fingerprint)
+    const fingerprintValue = response.fingerprintId || response.fingerprint
+    if (fingerprintValue) {
+      saveFingerprint(fingerprintValue)
+      fingerprint.value = fingerprintValue
+      console.log('已保存指纹:', fingerprintValue)
+      
+      // 将连接注册到全局管理器
+      if (eventSource.value) {
+        const connectionId = sseConnectionManager.registerConnection(
+          eventSource.value,
+          fingerprintValue,
+          true // 连接已建立
+        )
+        console.log('SSE连接已注册到全局管理器:', connectionId)
+      }
     }
 
     // 处理新的会话详细信息格式
@@ -681,9 +724,102 @@ const handleOtherMessages = (response: any) => {
   }
 }
 
-// 重连尝试次数
-const MAX_RETRY_COUNT = 3
-let retryCount = MAX_RETRY_COUNT
+// SSE重连配置 - 可配置的重连策略
+interface ReconnectConfig {
+  maxRetryCount: number
+  initialRetryDelay: number
+  maxRetryDelay: number
+  backoffMultiplier: number
+  enableHeartbeat: boolean
+  heartbeatInterval: number
+}
+
+// 默认重连配置
+const DEFAULT_RECONNECT_CONFIG: ReconnectConfig = {
+  maxRetryCount: 5,
+  initialRetryDelay: 1000, // 初始重连延迟1秒
+  maxRetryDelay: 30000, // 最大重连延迟30秒
+  backoffMultiplier: 2, // 指数退避倍数
+  enableHeartbeat: true, // 启用心跳检测
+  heartbeatInterval: 30000 // 30秒心跳检测间隔
+}
+
+// 当前重连配置（可通过外部配置覆盖）
+const reconnectConfig = ref<ReconnectConfig>({ ...DEFAULT_RECONNECT_CONFIG })
+
+// 重连状态
+let retryCount = 0
+let retryTimeout: NodeJS.Timeout | null = null
+
+// 兼容性常量（保持向后兼容）
+const MAX_RETRY_COUNT = reconnectConfig.value.maxRetryCount
+const INITIAL_RETRY_DELAY = reconnectConfig.value.initialRetryDelay
+const MAX_RETRY_DELAY = reconnectConfig.value.maxRetryDelay
+
+// 计算重连延迟（指数退避策略）
+const calculateRetryDelay = (attemptCount: number): number => {
+  const delay = reconnectConfig.value.initialRetryDelay * Math.pow(reconnectConfig.value.backoffMultiplier, attemptCount)
+  return Math.min(delay, reconnectConfig.value.maxRetryDelay)
+}
+
+// 配置重连策略
+const configureReconnectStrategy = (config: Partial<ReconnectConfig>) => {
+  reconnectConfig.value = { ...reconnectConfig.value, ...config }
+  console.log('重连策略已更新:', reconnectConfig.value)
+}
+
+// 获取当前重连配置
+const getReconnectConfig = (): ReconnectConfig => {
+  return { ...reconnectConfig.value }
+}
+
+// 重置重连计数器
+const resetRetryCount = () => {
+  retryCount = 0
+  if (retryTimeout) {
+    clearTimeout(retryTimeout)
+    retryTimeout = null
+  }
+}
+
+// 启动心跳检测
+const startHeartbeat = () => {
+  // 检查是否启用心跳检测
+  if (!reconnectConfig.value.enableHeartbeat) {
+    console.log('心跳检测已禁用')
+    return
+  }
+  
+  if (heartbeatInterval.value) {
+    clearInterval(heartbeatInterval.value)
+  }
+  
+  heartbeatInterval.value = setInterval(() => {
+    const now = Date.now()
+    const timeSinceLastActivity = now - lastActivityTime.value
+    const heartbeatIntervalMs = reconnectConfig.value.heartbeatInterval
+    
+    // 如果连接状态为已连接但长时间没有活动，检查连接状态
+    if (isConnected.value && timeSinceLastActivity > heartbeatIntervalMs) {
+      // 检查EventSource连接状态
+      if (eventSource.value && eventSource.value.readyState !== EventSource.OPEN) {
+        console.warn('检测到SSE连接异常，触发重连')
+        handleSSEError(new Event('heartbeat_check_failed'))
+      }
+    }
+    
+    lastHeartbeatTime.value = now
+  }, reconnectConfig.value.heartbeatInterval)
+}
+
+// 停止心跳检测
+const stopHeartbeat = () => {
+  if (heartbeatInterval.value) {
+    clearInterval(heartbeatInterval.value)
+    heartbeatInterval.value = null
+  }
+}
+
 // 处理SSE错误
 const handleSSEError = (error: Event) => {
   console.error('SSE连接错误:', error)
@@ -695,36 +831,79 @@ const handleSSEError = (error: Event) => {
     activityTimeout.value = null
   }
 
+  // 如果正在初始化或已经有连接，不进行重连
+  if (isInitializing.value || eventSource.value) {
+    console.log('正在初始化或已有连接，跳过重连')
+    return
+  }
+
+  // 如果已达到最大重连次数，停止重连
+  if (retryCount >= reconnectConfig.value.maxRetryCount) {
+    console.error(`已达到最大重连次数(${reconnectConfig.value.maxRetryCount})，停止重连`)
+    toast.error({
+      title: '连接失败',
+      message: '无法连接到服务器，请刷新页面重试',
+      duration: 5000
+    })
+    return
+  }
+
+  retryCount++
+  const retryDelay = calculateRetryDelay(retryCount - 1)
+  
+  console.log(`第${retryCount}次重连尝试，延迟${retryDelay}ms`)
+  
   toast.error({
     title: '连接中断',
-    message: '与AI助手的连接已中断，正在尝试重连...',
-    duration: 3000
+    message: `连接已中断，${retryDelay/1000}秒后尝试第${retryCount}次重连...`,
+    duration: Math.min(retryDelay, 3000)
   })
 
-  // 尝试重连（如果有会话信息）
-  if (session.value && !isInitializing.value) {
-    setTimeout(() => {
-      if (!isConnected.value && !isInitializing.value) {
-        // console.log('尝试重连到现有会话:', session.value?.sessionId)
-        ensureUniqueConnection() // 确保连接唯一性
-
-        eventSource.value = connectUserInteractionSSE(
-          handleSSEMessage,
-          handleSSEError
-        )
+  // 使用指数退避策略进行重连
+  retryTimeout = setTimeout(() => {
+    if (!isConnected.value && !isInitializing.value && !eventSource.value) {
+      console.log(`开始第${retryCount}次重连尝试`)
+      
+      // 重新初始化会话（包含指纹验证）
+      initializeSession()
+    }
+  }, retryDelay)
+}
 
-        // 重新启动活跃监控
-        updateActivity()
-      }
-    }, 3000)
-  } else if (!isInitializing.value) {
-    // 如果没有会话信息，也尝试重新初始化
-    setTimeout(() => {
-      if (!isConnected.value && !isInitializing.value) {
-        initializeSession()
-      }
-    }, 3000)
+// 处理SSE连接关闭
+const handleSSEClose = () => {
+  console.log('SSE连接已关闭，清理客户端状态')
+  
+  // 更新连接状态
+  isConnected.value = false
+  
+  // 清理EventSource引用
+  eventSource.value = null
+  
+  // 清理定时器
+  if (activityTimeout.value) {
+    clearTimeout(activityTimeout.value)
+    activityTimeout.value = null
   }
+  if (connectionTimeout.value) {
+    clearTimeout(connectionTimeout.value)
+    connectionTimeout.value = null
+  }
+  
+  // 停止心跳检测
+  stopHeartbeat()
+  
+  // 重置重连状态
+  resetRetryCount()
+  
+  // 清理全局连接管理器的连接信息
+  sseConnectionManager.clearConnection()
+  
+  // 不清理指纹，保持用户身份标识
+  // localStorage.removeItem(FINGERPRINT_KEY)
+  // fingerprint.value = null
+  
+  console.log('SSE连接关闭，保持指纹不变')
 }
 
 // 添加AI消息到对话树
@@ -863,14 +1042,148 @@ const startNewChat = () => {
   toast.success('已开始新对话')
 }
 
-const switchToSession = (sessionId: string) => {
+const switchToSession = async (sessionId: string) => {
   if (currentSessionId.value === sessionId) return
 
-  currentSessionId.value = sessionId
-  // 保存当前会话ID到localStorage
-  saveCurrentSessionId(sessionId)
-  // 这里后续会调用API加载会话历史
-  toast.info(`切换到会话: ${sessionId}`)
+  try {
+    // 显示加载状态
+    setLoading(true)
+    
+    // 确保SSE连接已建立
+    if (!isConnected.value || !eventSource.value || eventSource.value.readyState !== EventSource.OPEN) {
+      console.log('SSE连接未建立，先建立连接再切换会话')
+      toast.info({
+        title: '正在连接',
+        message: '正在建立连接，请稍候...',
+        duration: 2000
+      })
+      
+      // 尝试建立连接
+      await initializeSession()
+      
+      // 等待连接建立（最多等待5秒）
+      let waitCount = 0
+      while ((!isConnected.value || !eventSource.value || eventSource.value.readyState !== EventSource.OPEN) && waitCount < 50) {
+        await new Promise(resolve => setTimeout(resolve, 100))
+        waitCount++
+      }
+      
+      // 如果连接仍未建立，提示用户
+      if (!isConnected.value || !eventSource.value || eventSource.value.readyState !== EventSource.OPEN) {
+        throw new Error('无法建立SSE连接，请刷新页面重试')
+      }
+      
+      console.log('SSE连接已建立，继续切换会话')
+    }
+    
+    // 调用API获取会话历史
+    const historyResponse = await getConversationHistory(sessionId)
+    
+    if (historyResponse && historyResponse.data) {
+      const historyData = historyResponse.data
+      
+      // 更新当前会话ID
+      currentSessionId.value = sessionId
+      saveCurrentSessionId(sessionId)
+      
+      // 清空当前对话树和问题状态
+      conversationTree.value.clear()
+      currentQuestion.value = null // 清空当前问题，显示对话历史而不是快速输入
+      
+      // 如果有qaTree数据，重建对话树
+      if (historyData.qaTree) {
+        try {
+          // 解析qaTree数据 - 后端返回的是JsonNode数组的JSON字符串
+          let qaTreeNodes = historyData.qaTree
+          if (typeof qaTreeNodes === 'string') {
+            qaTreeNodes = JSON.parse(qaTreeNodes)
+          }
+          
+          // 重建对话树 - qaTreeNodes是JsonNode数组格式
+          if (Array.isArray(qaTreeNodes)) {
+            qaTreeNodes.forEach((jsonNode: any) => {
+              if (jsonNode && jsonNode.nodeId) {
+                const conversationNode: ConversationNode = {
+                  id: jsonNode.nodeId,
+                  content: jsonNode.question || '',
+                  type: jsonNode.parentId ? 'user' : 'assistant', // 根节点为assistant，其他为user
+                  timestamp: new Date(),
+                  parentId: jsonNode.parentId,
+                  children: [],
+                  isActive: false
+                }
+                conversationTree.value.set(jsonNode.nodeId, conversationNode)
+                
+                // 如果有答案，添加对应的回答节点
+                if (jsonNode.answer && jsonNode.answer.trim()) {
+                  const answerNode: ConversationNode = {
+                    id: jsonNode.nodeId + '_answer',
+                    content: jsonNode.answer,
+                    type: 'assistant',
+                    timestamp: new Date(),
+                    parentId: jsonNode.nodeId,
+                    children: [],
+                    isActive: false
+                  }
+                  conversationTree.value.set(answerNode.id, answerNode)
+                  conversationNode.children.push(answerNode.id)
+                }
+              }
+            })
+            
+            // 设置当前节点ID
+            if (historyData.currentNode) {
+              currentNodeId.value = historyData.currentNode
+            }
+            
+            console.log('已加载会话历史:', {
+              sessionId,
+              nodeCount: conversationTree.value.size,
+              currentNodeId: currentNodeId.value
+            })
+            
+            toast.success({
+              title: '会话已切换',
+              message: `已加载会话历史 (${conversationTree.value.size} 个节点)`,
+              duration: 2000
+            })
+          } else {
+            console.warn('qaTree数据格式不正确，期望数组格式:', qaTreeNodes)
+            toast.warning({
+              title: '历史记录为空',
+              message: '该会话暂无历史记录',
+              duration: 2000
+            })
+          }
+        } catch (parseError) {
+          console.error('解析qaTree数据失败:', parseError)
+          toast.error({
+            title: '数据解析失败',
+            message: '无法解析会话历史数据',
+            duration: 3000
+          })
+        }
+      } else {
+        console.log('该会话没有qaTree数据')
+        toast.info({
+          title: '会话已切换',
+          message: '该会话暂无历史记录',
+          duration: 2000
+        })
+      }
+    } else {
+      throw new Error('获取会话历史失败：响应数据为空')
+    }
+  } catch (error) {
+    console.error('切换会话失败:', error)
+    toast.error({
+      title: '切换失败',
+      message: '无法加载会话历史，请重试',
+      duration: 3000
+    })
+  } finally {
+    setLoading(false)
+  }
 }
 
 const deleteSession = (sessionId: string) => {
@@ -886,59 +1199,7 @@ const deleteSession = (sessionId: string) => {
   }
 }
 
-const formatTime = (date: Date | string) => {
-  // 如果传入的是字符串，尝试解析为Date对象
-  let dateObj: Date;
-  if (typeof date === 'string') {
-    // 处理后端返回的时间格式
-    if (date.includes('.')) {
-      // 处理带纳秒的时间格式，如 "2025-08-26 02:45:50.591607900"
-      const parts = date.split('.');
-      if (parts.length > 1) {
-        // 只取前3位小数（毫秒）
-        const milliseconds = parts[1].substring(0, 3);
-        // 将空格替换为T以符合ISO格式
-        const isoString = parts[0].replace(' ', 'T') + '.' + milliseconds;
-        date = isoString;
-      }
-    } else if (date.includes(' ')) {
-      // 处理 "2025-08-26 02:45:55" 格式
-      date = date.replace(' ', 'T');
-    }
-    dateObj = new Date(date);
-  } else {
-    dateObj = date;
-  }
-
-  // 检查日期是否有效
-  if (!dateObj || !(dateObj instanceof Date) || isNaN(dateObj.getTime())) {
-    return '未知时间';
-  }
 
-  const now = new Date();
-  const diff = now.getTime() - dateObj.getTime();
-
-  // 检查差值是否有效
-  if (isNaN(diff)) {
-    return '未知时间';
-  }
-
-  const minutes = Math.floor(diff / (1000 * 60));
-  const hours = Math.floor(diff / (1000 * 60 * 60));
-  const days = Math.floor(diff / (1000 * 60 * 60 * 24));
-
-  if (minutes < 1) {
-    return '刚刚';
-  } else if (minutes < 60) {
-    return `${minutes}分钟前`;
-  } else if (hours < 24) {
-    return `${hours}小时前`;
-  } else if (days < 7) {
-    return `${days}天前`;
-  } else {
-    return dateObj.toLocaleDateString('zh-CN', { month: 'short', day: 'numeric' });
-  }
-}
 
 // 生命周期
 onMounted(() => {
@@ -967,7 +1228,78 @@ onMounted(() => {
     console.log('从localStorage加载当前会话ID:', currentSessionId.value)
   }
 
+  // 页面加载时检查并清理可能失效的连接
+  if (sseConnectionManager.hasActiveConnection()) {
+    const connectionInfo = sseConnectionManager.getConnectionInfo()
+    if (connectionInfo?.eventSource) {
+      try {
+        // 检查连接是否在页面刷新后仍然有效
+        if (connectionInfo.eventSource.readyState !== EventSource.OPEN) {
+          console.log('页面加载时发现连接已失效，清理连接信息')
+          sseConnectionManager.clearConnection()
+        }
+      } catch (error) {
+        console.log('页面加载时检查连接状态出错，清理连接信息:', error)
+        sseConnectionManager.clearConnection()
+      }
+    }
+  }
+
+  // 页面可见性变化处理函数
+  const handleVisibilityChange = () => {
+    if (!document.hidden) {
+      // 页面变为可见时，检查连接状态
+      if (sseConnectionManager.hasActiveConnection()) {
+        const connectionInfo = sseConnectionManager.getConnectionInfo()
+        if (connectionInfo?.eventSource) {
+          try {
+            if (connectionInfo.eventSource.readyState !== EventSource.OPEN) {
+              console.log('页面可见时发现连接已失效，清理连接信息')
+              sseConnectionManager.clearConnection()
+              // 如果连接失效，尝试重新初始化
+              if (!isInitializing.value) {
+                initializeSession()
+              }
+            }
+          } catch (error) {
+            console.log('页面可见时检查连接状态出错，清理连接信息:', error)
+            sseConnectionManager.clearConnection()
+          }
+        }
+      }
+    }
+  }
+  
+  // 添加页面可见性变化监听器
+  document.addEventListener('visibilitychange', handleVisibilityChange)
+
+  // 添加页面关闭时的连接清理
+  const handleBeforeUnload = () => {
+    console.log('页面即将关闭，清理SSE连接')
+    // 立即关闭SSE连接
+    if (eventSource.value) {
+      eventSource.value.close()
+      eventSource.value = null
+    }
+    // 清理全局连接管理器
+    sseConnectionManager.clearConnection()
+    // 清理所有定时器
+    if (activityTimeout.value) {
+      clearTimeout(activityTimeout.value)
+      activityTimeout.value = null
+    }
+    if (connectionTimeout.value) {
+      clearTimeout(connectionTimeout.value)
+      connectionTimeout.value = null
+    }
+    stopHeartbeat()
+  }
+  
+  window.addEventListener('beforeunload', handleBeforeUnload)
+
+  // 初始化会话
   initializeSession()
+  
   updateContainerWidth()
   window.addEventListener('resize', updateContainerWidth)
 })
@@ -978,8 +1310,13 @@ onUnmounted(() => {
     closeSSE(eventSource.value)
     eventSource.value = null
   }
+  
+  // 清理全局连接管理器的连接信息
+  sseConnectionManager.clearConnection()
 
   window.removeEventListener('resize', updateContainerWidth)
+  window.removeEventListener('beforeunload', handleBeforeUnload)
+  document.removeEventListener('visibilitychange', handleVisibilityChange)
   stopResize() // 确保清理事件监听器
 })
 
@@ -1506,6 +1843,22 @@ const handleBranchDeleted = (nodeId: string) => {
     currentNodeId.value = newCurrentId || rootNodeId
   }
 }
+
+// 导出给父组件使用的方法
+defineExpose({
+  sendMessage: handleSendMessage,
+  // SSE重连策略配置方法
+  configureReconnectStrategy,
+  getReconnectConfig,
+  // 连接状态和控制方法
+  isConnected: readonly(isConnected),
+  reconnectManually: () => {
+    if (!isConnected.value) {
+      resetRetryCount()
+      initializeSession()
+    }
+  }
+})
 </script>
 
 <style scoped>
@@ -1645,236 +1998,7 @@ const handleBranchDeleted = (nodeId: string) => {
   width: 60px;
 }
 
-/* 会话列表样式 */
-.session-list {
-  flex: 1;
-  display: flex;
-  flex-direction: column;
-  gap: 16px;
-}
-
-.session-list-header {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  margin-bottom: 16px;
-}
-
-.session-list-header h4 {
-  margin: 0;
-  font-size: 14px;
-  font-weight: 600;
-  color: #d4af37;
-  text-transform: uppercase;
-  letter-spacing: 0.5px;
-}
-
-.new-chat-btn {
-  display: flex;
-  align-items: center;
-  gap: 6px;
-  padding: 8px 12px;
-  background: linear-gradient(135deg, rgba(212, 175, 55, 0.1), rgba(244, 208, 63, 0.05));
-  border: 1px solid rgba(212, 175, 55, 0.3);
-  border-radius: 8px;
-  color: #d4af37;
-  font-size: 12px;
-  font-weight: 500;
-  cursor: pointer;
-  transition: all 0.3s ease;
-}
-
-.new-chat-btn:hover {
-  background: linear-gradient(135deg, rgba(212, 175, 55, 0.2), rgba(244, 208, 63, 0.1));
-  border-color: rgba(212, 175, 55, 0.5);
-  transform: translateY(-1px);
-  box-shadow: 0 4px 12px rgba(212, 175, 55, 0.2);
-}
-
-.plus-icon {
-  font-size: 14px;
-  font-weight: 700;
-}
-
-.session-items {
-  flex: 1;
-  overflow-y: auto;
-  display: flex;
-  flex-direction: column;
-  gap: 8px;
-}
-
-.session-item {
-  display: flex;
-  align-items: center;
-  padding: 12px;
-  background: rgba(15, 15, 15, 0.6);
-  border: 1px solid rgba(212, 175, 55, 0.1);
-  border-radius: 10px;
-  cursor: pointer;
-  transition: all 0.3s ease;
-  position: relative;
-  overflow: hidden;
-}
-
-.session-item:hover {
-  background: rgba(15, 15, 15, 0.8);
-  border-color: rgba(212, 175, 55, 0.3);
-  transform: translateX(2px);
-}
-
-.session-item.active {
-  background: linear-gradient(135deg, rgba(212, 175, 55, 0.15), rgba(244, 208, 63, 0.08));
-  border-color: rgba(212, 175, 55, 0.4);
-  box-shadow: 0 4px 16px rgba(212, 175, 55, 0.2);
-}
-
-.session-content {
-  flex: 1;
-  min-width: 0;
-}
-
-.session-title {
-  font-size: 13px;
-  font-weight: 600;
-  color: #e8e8e8;
-  margin-bottom: 4px;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-}
-
-.session-preview {
-  font-size: 11px;
-  color: #888;
-  line-height: 1.3;
-  margin-bottom: 4px;
-  display: -webkit-box;
-  -webkit-line-clamp: 2;
-  -webkit-box-orient: vertical;
-  overflow: hidden;
-}
-
-.session-time {
-  font-size: 10px;
-  color: #666;
-  font-weight: 500;
-}
-
-.session-actions {
-  opacity: 0;
-  transition: opacity 0.3s ease;
-}
-
-.session-item:hover .session-actions {
-  opacity: 1;
-}
-
-.delete-btn {
-  width: 24px;
-  height: 24px;
-  border: none;
-  background: rgba(255, 59, 48, 0.1);
-  color: #ff3b30;
-  border-radius: 6px;
-  cursor: pointer;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  font-size: 16px;
-  font-weight: 700;
-  transition: all 0.3s ease;
-}
-
-.delete-btn:hover {
-  background: rgba(255, 59, 48, 0.2);
-  transform: scale(1.1);
-}
-
-.sidebar-content {
-  padding: 24px 20px;
-  /* 恢复原始内边距 */
-  height: 100%;
-  display: flex;
-  flex-direction: column;
-  gap: 24px;
-  /* 恢复原始间距 */
-}
-
-/* 切换按钮样式 */
-.sidebar-toggle {
-  display: flex;
-  align-items: center;
-  gap: 12px;
-  padding: 12px;
-  background: linear-gradient(135deg, rgba(212, 175, 55, 0.1), rgba(244, 208, 63, 0.05));
-  border: 1px solid rgba(212, 175, 55, 0.3);
-  border-radius: 12px;
-  cursor: pointer;
-  transition: all 0.3s ease;
-  user-select: none;
-}
-
-.sidebar-toggle:hover {
-  background: linear-gradient(135deg, rgba(212, 175, 55, 0.2), rgba(244, 208, 63, 0.1));
-  border-color: rgba(212, 175, 55, 0.5);
-  transform: translateY(-1px);
-  box-shadow: 0 4px 16px rgba(212, 175, 55, 0.2);
-}
 
-.toggle-icon {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 32px;
-  height: 32px;
-  background: rgba(212, 175, 55, 0.2);
-  border-radius: 8px;
-  flex-shrink: 0;
-}
-
-.toggle-icon .icon {
-  font-size: 16px;
-  color: #d4af37;
-  font-weight: 700;
-  transition: transform 0.3s ease;
-}
-
-.toggle-text {
-  flex: 1;
-  min-width: 0;
-}
-
-.toggle-text h3 {
-  margin: 0 0 2px 0;
-  font-size: 14px;
-  font-weight: 600;
-  color: #e8e8e8;
-}
-
-.toggle-text p {
-  margin: 0;
-  font-size: 11px;
-  color: #888;
-}
-
-/* 收缩状态下的样式调整 */
-.left-sidebar.collapsed .sidebar-content {
-  padding: 24px 8px;
-  align-items: center;
-}
-
-.left-sidebar.collapsed .sidebar-toggle {
-  width: 44px;
-  height: 44px;
-  padding: 6px;
-  justify-content: center;
-}
-
-.left-sidebar.collapsed .toggle-icon {
-  width: 28px;
-  height: 28px;
-}
 
 .sidebar-header {
   display: flex;
diff --git a/prompto-lab-ui/src/components/Chat/ConversationHistory.vue b/prompto-lab-ui/src/components/Chat/ConversationHistory.vue
new file mode 100644
index 0000000..0d50b7f
--- /dev/null
+++ b/prompto-lab-ui/src/components/Chat/ConversationHistory.vue
@@ -0,0 +1,472 @@
+<template>
+  <div class="conversation-history">
+    <div class="sidebar-content">
+      <!-- 可展开/收缩的头部按钮 -->
+      <div class="sidebar-toggle" @click="toggleSidebar">
+        <div class="toggle-icon">
+          <span class="icon">{{ sidebarExpanded ? '◀' : '▶' }}</span>
+        </div>
+        <div class="toggle-text" v-if="sidebarExpanded">
+          <h3>会话列表</h3>
+          <p>点击收起</p>
+        </div>
+      </div>
+      
+      <!-- 会话列表 -->
+      <div class="session-list" v-if="sidebarExpanded">
+        <div class="session-list-header">
+          <h4>最近对话</h4>
+          <button class="new-chat-btn" @click="handleStartNewChat">
+            <span class="plus-icon">+</span>
+            新对话
+          </button>
+        </div>
+        
+        <div class="session-items">
+          <div
+            v-for="sessionItem in sessionList"
+            :key="sessionItem.id"
+            class="session-item"
+            :class="{ active: sessionItem.id === currentSessionId }"
+            @click="handleSwitchToSession(sessionItem.id)"
+          >
+            <div class="session-content">
+              <div class="session-title">{{ sessionItem.title }}</div>
+              <div class="session-preview">{{ sessionItem.lastMessage }}</div>
+              <div class="session-time">{{ formatTime(sessionItem.updatedAt) }}</div>
+            </div>
+            <div class="session-actions">
+              <button class="delete-btn" @click.stop="handleDeleteSession(sessionItem.id)">
+                <span>×</span>
+              </button>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { ref, defineProps, defineEmits } from 'vue'
+import type { SessionItem } from '@/services/conversationApi'
+
+// Props
+interface Props {
+  sessionList: SessionItem[]
+  currentSessionId: string
+  sidebarExpanded?: boolean
+}
+
+const props = withDefaults(defineProps<Props>(), {
+  sidebarExpanded: true
+})
+
+// Emits
+interface Emits {
+  startNewChat: []
+  switchToSession: [sessionId: string]
+  deleteSession: [sessionId: string]
+  toggleSidebar: []
+}
+
+const emit = defineEmits<Emits>()
+
+// 本地状态
+const sidebarExpanded = ref(props.sidebarExpanded)
+
+// 方法
+const toggleSidebar = () => {
+  sidebarExpanded.value = !sidebarExpanded.value
+  emit('toggleSidebar')
+}
+
+const handleStartNewChat = () => {
+  emit('startNewChat')
+}
+
+const handleSwitchToSession = (sessionId: string) => {
+  emit('switchToSession', sessionId)
+}
+
+const handleDeleteSession = (sessionId: string) => {
+  emit('deleteSession', sessionId)
+}
+
+const formatTime = (date: Date | string) => {
+  // 如果传入的是字符串，尝试解析为Date对象
+  let dateObj: Date;
+  if (typeof date === 'string') {
+    // 处理后端返回的时间格式
+    if (date.includes('.')) {
+      // 处理带纳秒的时间格式，如 "2025-08-26 02:45:50.591607900"
+      const parts = date.split('.');
+      if (parts.length > 1) {
+        // 只取前3位小数（毫秒）
+        const milliseconds = parts[1].substring(0, 3);
+        const timeWithMs = parts[0] + '.' + milliseconds;
+        dateObj = new Date(timeWithMs);
+      } else {
+        dateObj = new Date(date);
+      }
+    } else {
+      dateObj = new Date(date);
+    }
+  } else {
+    dateObj = date;
+  }
+
+  // 检查日期是否有效
+  if (isNaN(dateObj.getTime())) {
+    return '无效时间';
+  }
+
+  const now = new Date();
+  const diff = now.getTime() - dateObj.getTime();
+  const minutes = Math.floor(diff / (1000 * 60));
+  const hours = Math.floor(diff / (1000 * 60 * 60));
+  const days = Math.floor(diff / (1000 * 60 * 60 * 24));
+
+  if (minutes < 1) {
+    return '刚刚';
+  } else if (minutes < 60) {
+    return `${minutes}分钟前`;
+  } else if (hours < 24) {
+    return `${hours}小时前`;
+  } else if (days < 7) {
+    return `${days}天前`;
+  } else {
+    return dateObj.toLocaleDateString('zh-CN', {
+      month: 'short',
+      day: 'numeric'
+    });
+  }
+}
+</script>
+
+<style scoped>
+.conversation-history {
+  height: 100%;
+  background: rgba(8, 8, 8, 0.9);
+  backdrop-filter: blur(24px) saturate(180%);
+  border-right: 1px solid rgba(212, 175, 55, 0.15);
+  position: relative;
+  z-index: 3;
+  box-shadow:
+    inset -1px 0 0 rgba(212, 175, 55, 0.1),
+    0 0 32px rgba(0, 0, 0, 0.3);
+}
+
+.sidebar-content {
+  height: 100%;
+  padding: 32px 24px;
+  display: flex;
+  flex-direction: column;
+  gap: 32px;
+  overflow: hidden;
+}
+
+.sidebar-toggle {
+  display: flex;
+  align-items: center;
+  gap: 16px;
+  cursor: pointer;
+  padding: 16px;
+  border-radius: 12px;
+  background: linear-gradient(135deg, rgba(15, 15, 15, 0.8), rgba(25, 25, 25, 0.8));
+  border: 1px solid rgba(212, 175, 55, 0.2);
+  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+  backdrop-filter: blur(10px);
+  box-shadow:
+    0 4px 16px rgba(0, 0, 0, 0.2),
+    inset 0 1px 0 rgba(255, 255, 255, 0.05);
+}
+
+.sidebar-toggle:hover {
+  border-color: rgba(212, 175, 55, 0.4);
+  background: linear-gradient(135deg, rgba(20, 20, 20, 0.9), rgba(30, 30, 30, 0.9));
+  box-shadow:
+    0 8px 24px rgba(0, 0, 0, 0.3),
+    0 0 20px rgba(212, 175, 55, 0.1),
+    inset 0 1px 0 rgba(255, 255, 255, 0.1);
+}
+
+.toggle-icon {
+  width: 48px;
+  height: 48px;
+  border-radius: 10px;
+  background: linear-gradient(135deg, #d4af37, #f4d03f);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  box-shadow:
+    0 4px 12px rgba(212, 175, 55, 0.3),
+    inset 0 1px 0 rgba(255, 255, 255, 0.2);
+  transition: all 0.3s ease;
+}
+
+.sidebar-toggle:hover .toggle-icon {
+  transform: scale(1.05);
+  box-shadow:
+    0 6px 16px rgba(212, 175, 55, 0.4),
+    0 0 20px rgba(212, 175, 55, 0.2),
+    inset 0 1px 0 rgba(255, 255, 255, 0.3);
+}
+
+.icon {
+  font-size: 20px;
+  font-weight: bold;
+  color: #1a1a1a;
+  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
+}
+
+.toggle-text {
+  flex: 1;
+}
+
+.toggle-text h3 {
+  margin: 0 0 4px 0;
+  font-size: 18px;
+  font-weight: 600;
+  color: #ffffff;
+  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
+}
+
+.toggle-text p {
+  margin: 0;
+  font-size: 12px;
+  color: rgba(255, 255, 255, 0.6);
+}
+
+.session-list {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  overflow: hidden;
+}
+
+.session-list-header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-bottom: 20px;
+  padding-bottom: 16px;
+  border-bottom: 1px solid rgba(212, 175, 55, 0.15);
+}
+
+.session-list-header h4 {
+  margin: 0;
+  font-size: 16px;
+  font-weight: 600;
+  color: #ffffff;
+  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
+}
+
+.new-chat-btn {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  padding: 8px 16px;
+  background: linear-gradient(135deg, rgba(212, 175, 55, 0.1), rgba(244, 208, 63, 0.1));
+  border: 1px solid rgba(212, 175, 55, 0.3);
+  border-radius: 8px;
+  color: #d4af37;
+  font-size: 14px;
+  font-weight: 500;
+  cursor: pointer;
+  transition: all 0.3s ease;
+  backdrop-filter: blur(10px);
+}
+
+.new-chat-btn:hover {
+  background: linear-gradient(135deg, rgba(212, 175, 55, 0.2), rgba(244, 208, 63, 0.2));
+  border-color: rgba(212, 175, 55, 0.5);
+  box-shadow: 0 4px 12px rgba(212, 175, 55, 0.2);
+  transform: translateY(-1px);
+}
+
+.plus-icon {
+  font-size: 16px;
+  font-weight: bold;
+}
+
+.session-items {
+  flex: 1;
+  overflow-y: auto;
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+  padding-right: 8px;
+}
+
+.session-items::-webkit-scrollbar {
+  width: 6px;
+}
+
+.session-items::-webkit-scrollbar-track {
+  background: rgba(255, 255, 255, 0.05);
+  border-radius: 3px;
+}
+
+.session-items::-webkit-scrollbar-thumb {
+  background: linear-gradient(180deg, rgba(212, 175, 55, 0.3), rgba(212, 175, 55, 0.6));
+  border-radius: 3px;
+}
+
+.session-items::-webkit-scrollbar-thumb:hover {
+  background: linear-gradient(180deg, rgba(212, 175, 55, 0.5), rgba(212, 175, 55, 0.8));
+}
+
+.session-item {
+  display: flex;
+  align-items: center;
+  padding: 16px;
+  border-radius: 12px;
+  background: linear-gradient(135deg, rgba(15, 15, 15, 0.6), rgba(25, 25, 25, 0.6));
+  border: 1px solid rgba(255, 255, 255, 0.08);
+  cursor: pointer;
+  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+  backdrop-filter: blur(10px);
+  position: relative;
+  overflow: hidden;
+}
+
+.session-item::before {
+  content: '';
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background: linear-gradient(135deg, rgba(212, 175, 55, 0.05), rgba(244, 208, 63, 0.05));
+  opacity: 0;
+  transition: opacity 0.3s ease;
+}
+
+.session-item:hover::before {
+  opacity: 1;
+}
+
+.session-item:hover {
+  border-color: rgba(212, 175, 55, 0.3);
+  transform: translateY(-2px);
+  box-shadow:
+    0 8px 24px rgba(0, 0, 0, 0.3),
+    0 0 20px rgba(212, 175, 55, 0.1),
+    inset 0 1px 0 rgba(255, 255, 255, 0.1);
+}
+
+.session-item.active {
+  border-color: rgba(212, 175, 55, 0.6);
+  background: linear-gradient(135deg, rgba(212, 175, 55, 0.1), rgba(244, 208, 63, 0.1));
+  box-shadow:
+    0 4px 16px rgba(212, 175, 55, 0.2),
+    inset 0 1px 0 rgba(212, 175, 55, 0.2);
+}
+
+.session-content {
+  flex: 1;
+  min-width: 0;
+  position: relative;
+  z-index: 1;
+}
+
+.session-title {
+  font-size: 14px;
+  font-weight: 600;
+  color: #ffffff;
+  margin-bottom: 6px;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
+}
+
+.session-preview {
+  font-size: 12px;
+  color: rgba(255, 255, 255, 0.6);
+  margin-bottom: 8px;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  line-height: 1.4;
+}
+
+.session-time {
+  font-size: 11px;
+  color: rgba(255, 255, 255, 0.4);
+  font-weight: 400;
+}
+
+.session-actions {
+  position: relative;
+  z-index: 2;
+}
+
+.delete-btn {
+  width: 28px;
+  height: 28px;
+  border-radius: 6px;
+  background: rgba(255, 59, 48, 0.1);
+  border: 1px solid rgba(255, 59, 48, 0.2);
+  color: #ff3b30;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  cursor: pointer;
+  transition: all 0.3s ease;
+  opacity: 0;
+  transform: scale(0.8);
+}
+
+.session-item:hover .delete-btn {
+  opacity: 1;
+  transform: scale(1);
+}
+
+.delete-btn:hover {
+  background: rgba(255, 59, 48, 0.2);
+  border-color: rgba(255, 59, 48, 0.4);
+  box-shadow: 0 4px 12px rgba(255, 59, 48, 0.2);
+  transform: scale(1.05);
+}
+
+.delete-btn span {
+  font-size: 16px;
+  font-weight: bold;
+  line-height: 1;
+}
+
+/* 响应式设计 */
+@media (max-width: 1024px) {
+  .sidebar-content {
+    padding: 24px 16px;
+  }
+}
+
+@media (max-width: 768px) {
+  .conversation-history {
+    width: 100% !important;
+    height: 200px;
+  }
+
+  .sidebar-content {
+    padding: 16px 12px;
+    gap: 20px;
+  }
+
+  .sidebar-toggle {
+    padding: 16px;
+    gap: 12px;
+  }
+
+  .toggle-icon {
+    width: 40px;
+    height: 40px;
+  }
+
+  .icon {
+    font-size: 18px;
+  }
+}
+</style>
\ No newline at end of file
diff --git a/prompto-lab-ui/src/components/Chat/QuestionRenderer.vue b/prompto-lab-ui/src/components/Chat/QuestionRenderer.vue
index 0bb7c97..5a87662 100644
--- a/prompto-lab-ui/src/components/Chat/QuestionRenderer.vue
+++ b/prompto-lab-ui/src/components/Chat/QuestionRenderer.vue
@@ -7,8 +7,32 @@
       </div>
     </div>
 
+    <!-- 对话历史显示 -->
+    <div v-if="!currentQuestion && conversationTree && conversationTree.size > 0" class="conversation-history">
+      <div class="history-header">
+        <h3>对话历史</h3>
+        <p>点击任意节点继续对话</p>
+      </div>
+      <div class="conversation-nodes">
+        <div 
+          v-for="[nodeId, node] in conversationTree" 
+          :key="nodeId"
+          @click="emit('nodeSelected', nodeId)"
+          class="conversation-node"
+          :class="{ 
+            'user-node': node.type === 'user', 
+            'assistant-node': node.type === 'assistant',
+            'active-node': nodeId === currentNodeId
+          }"
+        >
+          <div class="node-content">{{ node.content }}</div>
+          <div class="node-timestamp">{{ formatTimestamp(node.timestamp) }}</div>
+        </div>
+      </div>
+    </div>
+
     <!-- 初始状态：大输入框和快捷按钮 -->
-    <div v-if="!currentQuestion" class="initial-state">
+    <div v-else-if="!currentQuestion" class="initial-state">
       <div class="welcome-section">
         <div class="welcome-icon">
           <div class="icon-glow"></div>
@@ -339,11 +363,23 @@ interface FormQuestion extends BaseQuestion {
 
 type Question = InputQuestion | SingleChoiceQuestion | MultipleChoiceQuestion | FormQuestion
 
+interface ConversationNode {
+  id: string
+  content: string
+  type: 'user' | 'assistant'
+  timestamp: Date
+  parentId?: string
+  children: string[]
+  isActive: boolean
+}
+
 interface Props {
   currentQuestion?: Question | null
   isLoading?: boolean
   sessionId?: string | null
   userId?: string
+  conversationTree?: Map<string, ConversationNode>
+  currentNodeId?: string
 }
 
 const props = defineProps<Props>()
@@ -352,6 +388,7 @@ const emit = defineEmits<{
   submitAnswer: [answer: any]
   retryQuestion: [reason: string]
   generatePrompt: [answer: any]
+  nodeSelected: [nodeId: string]
 }>()
 
 // 响应式数据
@@ -491,6 +528,26 @@ const getQuestionIcon = (type: string) => {
   return icons[type as keyof typeof icons] || '❓'
 }
 
+const formatTimestamp = (timestamp: Date) => {
+  const now = new Date()
+  const diff = now.getTime() - timestamp.getTime()
+  const minutes = Math.floor(diff / 60000)
+  const hours = Math.floor(diff / 3600000)
+  const days = Math.floor(diff / 86400000)
+  
+  if (minutes < 1) return '刚刚'
+  if (minutes < 60) return `${minutes}分钟前`
+  if (hours < 24) return `${hours}小时前`
+  if (days < 7) return `${days}天前`
+  
+  return timestamp.toLocaleDateString('zh-CN', {
+    month: 'short',
+    day: 'numeric',
+    hour: '2-digit',
+    minute: '2-digit'
+  })
+}
+
 const handleFormFieldChange = (fieldId: string, value: any) => {
   // 表单字段变化处理，已通过v-model自动处理
   
@@ -2177,6 +2234,84 @@ defineExpose({
   color: #cccccc;
 }
 
+/* 对话历史样式 */
+.conversation-history {
+  padding: 40px;
+  max-width: 800px;
+  margin: 0 auto;
+}
+
+.history-header {
+  text-align: center;
+  margin-bottom: 32px;
+}
+
+.history-header h3 {
+  color: #e8e8e8;
+  font-size: 24px;
+  font-weight: 600;
+  margin: 0 0 8px 0;
+}
+
+.history-header p {
+  color: #999;
+  font-size: 14px;
+  margin: 0;
+}
+
+.conversation-nodes {
+  display: flex;
+  flex-direction: column;
+  gap: 16px;
+  max-height: 600px;
+  overflow-y: auto;
+}
+
+.conversation-node {
+  background: rgba(20, 20, 20, 0.8);
+  border: 1px solid rgba(255, 165, 0, 0.2);
+  border-radius: 12px;
+  padding: 16px;
+  cursor: pointer;
+  transition: all 0.3s ease;
+  position: relative;
+}
+
+.conversation-node:hover {
+  background: rgba(30, 30, 30, 0.9);
+  border-color: rgba(255, 165, 0, 0.4);
+  transform: translateY(-2px);
+  box-shadow: 0 4px 12px rgba(255, 165, 0, 0.1);
+}
+
+.conversation-node.active-node {
+  background: rgba(255, 165, 0, 0.1);
+  border-color: rgba(255, 165, 0, 0.6);
+  box-shadow: 0 0 0 2px rgba(255, 165, 0, 0.2);
+}
+
+.conversation-node.user-node {
+  border-left: 4px solid #4CAF50;
+}
+
+.conversation-node.assistant-node {
+  border-left: 4px solid #2196F3;
+}
+
+.node-content {
+  color: #e8e8e8;
+  font-size: 14px;
+  line-height: 1.5;
+  margin-bottom: 8px;
+  word-wrap: break-word;
+}
+
+.node-timestamp {
+  color: #666;
+  font-size: 12px;
+  text-align: right;
+}
+
 .cancel-btn:hover {
   background: rgba(128, 128, 128, 0.2);
   border-color: rgba(128, 128, 128, 0.5);
diff --git a/prompto-lab-ui/src/services/conversationApi.ts b/prompto-lab-ui/src/services/conversationApi.ts
index 4c6f0e6..f4e0544 100644
--- a/prompto-lab-ui/src/services/conversationApi.ts
+++ b/prompto-lab-ui/src/services/conversationApi.ts
@@ -230,13 +230,11 @@ export const processAnswer = async (request: UnifiedAnswerRequest): Promise<void
  * 建立用户交互SSE连接
  * 对接后端的用户交互SSE接口（基于用户指纹）
  */
-export const connectUserInteractionSSE = (onMessage: (response: any) => void, onError?: (error: Event) => void): EventSource => {
+export const connectUserInteractionSSE = (onMessage: (response: any) => void, onError?: (error: Event) => void, onClose?: () => void): EventSource => {
   // 后端SSE接口不需要参数，会自动通过HttpServletRequest生成或获取用户指纹
   const url = `${USER_INTERACTION_BASE}/sse`
   const eventSource = new EventSource(url)
 
-
-
   // 监听连接建立事件
   eventSource.addEventListener('connected', (event: MessageEvent) => {
     try {
@@ -280,6 +278,14 @@ export const connectUserInteractionSSE = (onMessage: (response: any) => void, on
     }
   })
 
+  // 监听连接关闭事件
+  eventSource.addEventListener('close', (event: MessageEvent) => {
+    console.log('SSE连接被服务器主动关闭')
+    if (onClose) {
+      onClose()
+    }
+  })
+
   eventSource.onerror = (error: Event) => {
     console.error('用户交互SSE连接错误:', error)
     if (onError) {
@@ -287,6 +293,16 @@ export const connectUserInteractionSSE = (onMessage: (response: any) => void, on
     }
   }
 
+  // 监听原生连接关闭事件（当EventSource状态变为CLOSED时）
+  const originalClose = eventSource.close.bind(eventSource)
+  eventSource.close = () => {
+    console.log('SSE连接关闭')
+    if (onClose) {
+      onClose()
+    }
+    originalClose()
+  }
+
   return eventSource
 }
 
diff --git a/prompto-lab-ui/src/services/sseConnectionManager.ts b/prompto-lab-ui/src/services/sseConnectionManager.ts
new file mode 100644
index 0000000..b8efdf9
--- /dev/null
+++ b/prompto-lab-ui/src/services/sseConnectionManager.ts
@@ -0,0 +1,215 @@
+/**
+ * SSE连接管理器
+ * 全局管理SSE连接状态，避免重复建立连接
+ */
+
+interface SSEConnectionInfo {
+  eventSource: EventSource | null
+  fingerprint: string | null
+  isConnected: boolean
+  lastActivity: number
+  connectionId: string
+}
+
+class SSEConnectionManager {
+  private static instance: SSEConnectionManager
+  private connectionInfo: SSEConnectionInfo | null = null
+  private readonly CONNECTION_TIMEOUT = 5 * 60 * 1000 // 5分钟超时
+  private cleanupInterval: number | null = null
+
+  private constructor() {
+    // 启动定期清理机制
+    this.startCleanupInterval()
+  }
+
+  static getInstance(): SSEConnectionManager {
+    if (!SSEConnectionManager.instance) {
+      SSEConnectionManager.instance = new SSEConnectionManager()
+    }
+    return SSEConnectionManager.instance
+  }
+
+  /**
+   * 检查是否已有活跃连接
+   */
+  hasActiveConnection(): boolean {
+    if (!this.connectionInfo) {
+      return false
+    }
+
+    const { eventSource, isConnected, lastActivity } = this.connectionInfo
+    const now = Date.now()
+
+    // 检查连接是否超时
+    if (now - lastActivity > this.CONNECTION_TIMEOUT) {
+      console.log('SSE连接已超时，清理连接信息')
+      this.clearConnection()
+      return false
+    }
+
+    // 检查EventSource状态
+    if (!eventSource || eventSource.readyState !== EventSource.OPEN || !isConnected) {
+      console.log('SSE连接状态无效，清理连接信息')
+      this.clearConnection()
+      return false
+    }
+
+    // 额外检查：页面刷新后EventSource可能失效但readyState仍为OPEN
+    // 通过尝试访问EventSource的url属性来验证连接是否真正有效
+    try {
+      if (eventSource.url && eventSource.readyState === EventSource.OPEN) {
+        // 连接看起来是有效的
+        return true
+      } else {
+        console.log('EventSource URL无效，可能是页面刷新导致的连接失效')
+        this.clearConnection()
+        return false
+      }
+    } catch (error) {
+      console.log('EventSource访问异常，清理连接信息:', error)
+      this.clearConnection()
+      return false
+    }
+
+    return true
+  }
+
+  /**
+   * 获取当前连接信息
+   */
+  getConnectionInfo(): SSEConnectionInfo | null {
+    return this.connectionInfo
+  }
+
+  /**
+   * 注册新的SSE连接
+   */
+  registerConnection(
+    eventSource: EventSource,
+    fingerprint: string,
+    isConnected: boolean = false
+  ): string {
+    // 如果已有连接，先清理
+    if (this.connectionInfo?.eventSource) {
+      console.log('清理旧的SSE连接')
+      this.clearConnection()
+    }
+
+    const connectionId = `sse_${Date.now()}_${Math.random().toString(36).substr(2, 9)}`
+    
+    this.connectionInfo = {
+      eventSource,
+      fingerprint,
+      isConnected,
+      lastActivity: Date.now(),
+      connectionId
+    }
+
+    console.log(`SSE连接已注册: ${connectionId}`)
+    return connectionId
+  }
+
+  /**
+   * 更新连接状态
+   */
+  updateConnectionStatus(isConnected: boolean): void {
+    if (this.connectionInfo) {
+      this.connectionInfo.isConnected = isConnected
+      this.connectionInfo.lastActivity = Date.now()
+    }
+  }
+
+  /**
+   * 更新活跃时间
+   */
+  updateActivity(): void {
+    if (this.connectionInfo) {
+      this.connectionInfo.lastActivity = Date.now()
+    }
+  }
+
+  /**
+   * 清理连接信息
+   */
+  clearConnection(): void {
+    if (this.connectionInfo?.eventSource) {
+      try {
+        this.connectionInfo.eventSource.close()
+      } catch (error) {
+        console.warn('关闭EventSource时出错:', error)
+      }
+    }
+    this.connectionInfo = null
+    console.log('SSE连接信息已清理')
+  }
+
+  /**
+   * 启动定期清理机制
+   */
+  private startCleanupInterval(): void {
+    // 每30秒检查一次连接状态
+    this.cleanupInterval = window.setInterval(() => {
+      if (this.connectionInfo) {
+        const now = Date.now()
+        if (now - this.connectionInfo.lastActivity > this.CONNECTION_TIMEOUT) {
+          console.log('定期清理：连接已超时')
+          this.clearConnection()
+        } else if (this.connectionInfo.eventSource) {
+          try {
+            if (this.connectionInfo.eventSource.readyState !== EventSource.OPEN) {
+              console.log('定期清理：连接状态无效')
+              this.clearConnection()
+            }
+          } catch (error) {
+            console.log('定期清理：检查连接状态出错，清理连接', error)
+            this.clearConnection()
+          }
+        }
+      }
+    }, 30000)
+  }
+
+  /**
+   * 停止定期清理机制
+   */
+  private stopCleanupInterval(): void {
+    if (this.cleanupInterval) {
+      clearInterval(this.cleanupInterval)
+      this.cleanupInterval = null
+    }
+  }
+
+  /**
+   * 获取连接状态信息（用于调试）
+   */
+  getDebugInfo(): any {
+    if (!this.connectionInfo) {
+      return { status: 'no_connection' }
+    }
+
+    const { eventSource, fingerprint, isConnected, lastActivity, connectionId } = this.connectionInfo
+    return {
+      status: 'has_connection',
+      connectionId,
+      fingerprint,
+      isConnected,
+      readyState: eventSource?.readyState,
+      readyStateText: this.getReadyStateText(eventSource?.readyState),
+      lastActivity: new Date(lastActivity).toISOString(),
+      timeSinceLastActivity: Date.now() - lastActivity
+    }
+  }
+
+  private getReadyStateText(readyState?: number): string {
+    switch (readyState) {
+      case EventSource.CONNECTING: return 'CONNECTING'
+      case EventSource.OPEN: return 'OPEN'
+      case EventSource.CLOSED: return 'CLOSED'
+      default: return 'UNKNOWN'
+    }
+  }
+}
+
+// 导出单例实例
+export const sseConnectionManager = SSEConnectionManager.getInstance()
+export default sseConnectionManager
\ No newline at end of file
diff --git a/prompto-lab-ui/src/services/userInteractionApi.ts b/prompto-lab-ui/src/services/userInteractionApi.ts
index 1b9ab2a..52c2c55 100644
--- a/prompto-lab-ui/src/services/userInteractionApi.ts
+++ b/prompto-lab-ui/src/services/userInteractionApi.ts
@@ -1,6 +1,15 @@
 import { apiJsonRequest, apiRequest } from './apiUtils'
 import { API_CONFIG } from './apiConfig'
 
+// ApiResult类型定义
+export interface ApiResult<T = any> {
+  code: number
+  message: string
+  data: T
+  timestamp: number
+  success: boolean
+}
+
 // 表单答案项类型
 export interface FormAnswerItem {
   id: string
@@ -215,8 +224,33 @@ export const setUserProfile = async (request: {
  */
 export const closeUserInteractionSSE = (eventSource: EventSource | null) => {
   if (eventSource) {
-    eventSource.close();
-    console.log('用户交互SSE连接已关闭');
+    eventSource.close()
+    console.log('用户交互SSE连接已关闭')
+  }
+}
+
+/**
+ * 验证指纹一致性
+ * @param clientFingerprint 客户端指纹
+ * @returns 验证结果
+ */
+export const validateFingerprint = async (clientFingerprint: string): Promise<ApiResponse> => {
+  const url = `${API_BASE}/validate-fingerprint`
+
+  try {
+    const response = await apiJsonRequest<ApiResponse>(url, {
+      method: 'POST',
+      body: JSON.stringify({ fingerprint: clientFingerprint }),
+      headers: {
+        'Content-Type': 'application/json'
+      },
+      requireAuth: false
+    })
+
+    return response
+  } catch (error) {
+    console.error('指纹验证请求失败:', error)
+    throw error
   }
 }