-
-
- )
-
- case 'video':
- return (
-
- )
-
- case 'face':
- // QQ 原生表情，显示为文本
- return [表情:{String(segment.data)}]
-
- case 'music':
- return [音乐分享]
-
- case 'file':
- return [文件: {String(segment.data)}]
-
- case 'reply':
- return [回复消息]
-
- case 'forward':
- return [转发消息]
-
- case 'unknown':
- default:
- return [{segment.original_type || '未知消息'}]
- }
-}
-
-// 渲染消息内容（支持富文本）
-// eslint-disable-next-line @typescript-eslint/no-unused-vars
-function RenderMessageContent({ message, isBot: _isBot }: { message: ChatMessage; isBot: boolean }) {
- // 如果是富文本消息，渲染消息段
- if (message.message_type === 'rich' && message.segments && message.segments.length > 0) {
- return (
-
- {message.segments.map((segment, index) => (
-
- )
- }
-
- // 普通文本消息
- return {message.content}
-}
+import { ChatTabBar } from './ChatTabBar'
+import { RenderMessageContent } from './MessageRenderer'
+import type { ChatTab, ChatMessage, PersonInfo, PlatformInfo, SavedVirtualTab, VirtualIdentityConfig, WsMessage } from './types'
+import { getOrCreateUserId, getStoredUserName, getSavedVirtualTabs, saveUserName, saveVirtualTabs } from './utils'
+import { VirtualIdentityDialog } from './VirtualIdentityDialog'
export function ChatPage() {
// 默认 WebUI 标签页
@@ -685,7 +427,7 @@ export function ChatPage() {
type: 'bot',
content: data.content || '',
message_type: (data.message_type === 'rich' ? 'rich' : 'text') as 'text' | 'rich',
- segments: data.segments as MessageSegment[] | undefined,
+ segments: data.segments,
timestamp: data.timestamp || Date.now() / 1000,
sender: data.sender,
}
@@ -1129,214 +871,29 @@ export function ChatPage() {
return (
{/* 虚拟身份配置对话框 */}
-
+
-
+
-
-
- {tabs.map((tab) => (
-
- switchTab(tab.id)}
- >
- {tab.type === 'webui' ? (
-
- ))}
- {/* 新建虚拟身份标签页按钮 */}
-
-
diff --git a/dashboard/src/routes/chat/types.ts b/dashboard/src/routes/chat/types.ts
new file mode 100644
index 00000000..a8778ba6
--- /dev/null
+++ b/dashboard/src/routes/chat/types.ts
@@ -0,0 +1,106 @@
+// 虚拟标签页持久化存储 key
+export const VIRTUAL_TABS_STORAGE_KEY = 'maibot_webui_virtual_tabs'
+
+// 保存的虚拟标签页配置
+export interface SavedVirtualTab {
+ id: string
+ label: string
+ virtualConfig: VirtualIdentityConfig
+ createdAt: number
+}
+
+// 平台信息类型
+export interface PlatformInfo {
+ platform: string
+ count: number
+}
+
+// 用户信息类型（从后端获取的人物信息）
+export interface PersonInfo {
+ person_id: string
+ user_id: string
+ person_name: string
+ nickname: string | null
+ platform: string
+ is_known: boolean
+}
+
+// 虚拟身份配置
+export interface VirtualIdentityConfig {
+ platform: string
+ personId: string
+ userId: string
+ userName: string
+ groupName: string
+ groupId: string // 虚拟群 ID，用于持久化历史记录
+}
+
+// 聊天标签页
+export interface ChatTab {
+ id: string
+ type: 'webui' | 'virtual'
+ label: string
+ virtualConfig?: VirtualIdentityConfig
+ messages: ChatMessage[]
+ isConnected: boolean
+ isTyping: boolean
+ sessionInfo: {
+ session_id?: string
+ user_id?: string
+ user_name?: string
+ bot_name?: string
+ }
+}
+
+// 消息段类型
+export interface MessageSegment {
+ type: 'text' | 'image' | 'emoji' | 'face' | 'voice' | 'video' | 'music' | 'file' | 'reply' | 'forward' | 'unknown'
+ data: string | number | object
+ original_type?: string
+}
+
+// 消息类型
+export interface ChatMessage {
+ id: string
+ type: 'user' | 'bot' | 'system' | 'error' | 'thinking'
+ content: string
+ timestamp: number
+ message_type?: 'text' | 'rich' // 消息格式类型
+ segments?: MessageSegment[] // 富文本消息段
+ sender?: {
+ name: string
+ user_id?: string
+ is_bot?: boolean
+ }
+}
+
+// WebSocket 消息类型
+export interface WsMessage {
+ type: string
+ content?: string
+ message_id?: string
+ timestamp?: number
+ is_typing?: boolean
+ session_id?: string
+ user_id?: string
+ user_name?: string
+ bot_name?: string
+ sender?: {
+ name: string
+ user_id?: string
+ is_bot?: boolean
+ }
+ // 历史消息列表（用于 type: 'history'）
+ messages?: Array<{
+ id?: string
+ content: string
+ timestamp: number
+ sender_name?: string
+ sender_id?: string
+ is_bot?: boolean
+ }>
+ group_id?: string
+ // 富文本消息
+ message_type?: string
+ segments?: MessageSegment[]
+}
diff --git a/dashboard/src/routes/chat/utils.ts b/dashboard/src/routes/chat/utils.ts
new file mode 100644
index 00000000..46bfb05d
--- /dev/null
+++ b/dashboard/src/routes/chat/utils.ts
@@ -0,0 +1,50 @@
+import { VIRTUAL_TABS_STORAGE_KEY } from './types'
+import type { SavedVirtualTab } from './types'
+
+// 生成唯一用户 ID
+export function generateUserId(): string {
+ return 'webui_' + Math.random().toString(36).substr(2, 9) + '_' + Date.now().toString(36)
+}
+
+// 从 localStorage 获取或生成用户 ID
+export function getOrCreateUserId(): string {
+ const storageKey = 'maibot_webui_user_id'
+ let userId = localStorage.getItem(storageKey)
+ if (!userId) {
+ userId = generateUserId()
+ localStorage.setItem(storageKey, userId)
+ }
+ return userId
+}
+
+// 从 localStorage 获取用户昵称
+export function getStoredUserName(): string {
+ return localStorage.getItem('maibot_webui_user_name') || 'WebUI用户'
+}
+
+// 保存用户昵称到 localStorage
+export function saveUserName(name: string): void {
+ localStorage.setItem('maibot_webui_user_name', name)
+}
+
+// 从 localStorage 获取保存的虚拟标签页
+export function getSavedVirtualTabs(): SavedVirtualTab[] {
+ try {
+ const saved = localStorage.getItem(VIRTUAL_TABS_STORAGE_KEY)
+ if (saved) {
+ return JSON.parse(saved)
+ }
+ } catch (e) {
+ console.error('[Chat] 加载虚拟标签页失败:', e)
+ }
+ return []
+}
+
+// 保存虚拟标签页到 localStorage
+export function saveVirtualTabs(tabs: SavedVirtualTab[]): void {
+ try {
+ localStorage.setItem(VIRTUAL_TABS_STORAGE_KEY, JSON.stringify(tabs))
+ } catch (e) {
+ console.error('[Chat] 保存虚拟标签页失败:', e)
+ }
+}