+ {/* 标题和设置 */}
+
+
多轮对话测试
+
+
+
+
+
+
+ setMaxHistoryMessages(parseInt(e.target.value) || 10)}
+ min="1"
+ max="50"
+ className="w-16 px-2 py-1 border rounded"
+ />
+
+
+ 会话ID: {sessionId ? sessionId.substring(0, 8) + '...' : '未创建'}
+
+
+
+
+
+ {/* 错误提示 */}
+ {error && (
+
+ 错误: {error}
+
+ )}
+
+ {/* 消息列表 */}
+
+ {messages.length === 0 ? (
+
+ 开始对话吧!这是一个多轮对话测试界面。
+
+ ) : (
+
+ {messages.map((message) => (
+
+
+
{message.content}
+
+ {ConversationUtils.formatTimestamp(message.timestamp)}
+ {message.metadata?.responseTime && (
+
+ ({MultiTurnConversationHelper.formatResponseTime(message.metadata.responseTime)})
+
+ )}
+ {message.status === 'sending' && (
+ 发送中...
+ )}
+
+
+
+ ))}
+
+ )}
+
+
+
+ {/* 输入区域 */}
+
+
+
+ {/* 统计信息 */}
+
+ 消息数: {messages.length} |
+ 历史消息: {showHistory ? '开启' : '关闭'} |
+ 最大历史: {maxHistoryMessages}条
+
+
+ );
+};
diff --git a/apps/desktop/src/pages/MultiTurnChatTestPage.tsx b/apps/desktop/src/pages/MultiTurnChatTestPage.tsx
new file mode 100644
index 0000000..18f922a
--- /dev/null
+++ b/apps/desktop/src/pages/MultiTurnChatTestPage.tsx
@@ -0,0 +1,48 @@
+import React from 'react';
+import { MultiTurnChatTest } from '../components/MultiTurnChatTest';
+
+/**
+ * 多轮对话测试页面
+ * 遵循前端开发规范的页面组件设计
+ */
+export const MultiTurnChatTestPage: React.FC = () => {
+ return (
+