acp-ts 1.2.3 → 1.2.5

package/dist/server.js

@@ -50,6 +50,7 @@ const heartbeat_1 = require("./heartbeat");
 const cert_1 = require("./cert");
 const group_1 = require("./group");
 const messagestore_1 = require("./messagestore");
+const utils_1 = require("./utils");
 let globalApiUrl = '';
 let globalDataDir = '';
 const messageStores = new Map();
@@ -70,11 +71,19 @@ function pushToAid(aid, data) {
  */
 function broadcastToBrowser(data) {
     const payload = JSON.stringify(data);
-    for (const [ws] of browserWsClients) {
+    let sentCount = 0;
+    for (const [ws, client] of browserWsClients) {
         if (ws.readyState === ws_1.default.OPEN) {
             ws.send(payload);
+            sentCount++;
+        }
+        else {
+            utils_1.logger.warn(`[broadcastToBrowser] skip ws client (readyState=${ws.readyState}, aid=${client.aid})`);
         }
     }
+    if (data.type === 'group_message_batch' || data.type === 'new_message_notify') {
+        utils_1.logger.log(`[broadcastToBrowser] type=${data.type} group=${data.group_id} sentTo=${sentCount}/${browserWsClients.size} clients`);
+    }
 }
 let agentCP = null;
 const MAX_AIDS = 10;
@@ -115,7 +124,7 @@ async function doEnsureOnline(aid) {
     const customOpts = getAidMdOptionsForAid(aid);
     cp.setAgentMdOptions(Object.assign({ type: 'human', tags: ['human', 'acp'] }, customOpts));
     const connConfig = await cp.online();
-    console.log(`[Server] 自动上线 AID: ${aid}`);
+    utils_1.logger.log(`[Server] 自动上线 AID: ${aid}`);
     const hb = new heartbeat_1.HeartbeatClient(aid, connConfig.heartbeatServer, '');
     const ws = new agentws_1.AgentWS(aid, connConfig.messageServer, connConfig.messageSignature);
     const instance = {
@@ -135,7 +144,7 @@ async function doEnsureOnline(aid) {
     };
     aidInstances.set(aid, instance);
     hb.onInvite((invite) => {
-        console.log(`[Server] 收到邀请: ${JSON.stringify(invite)}`);
+        utils_1.logger.log(`[Server] 收到邀请: ${JSON.stringify(invite)}`);
         const session = getMessageStoreForAid(aid).getOrCreateSession(invite.sessionId, invite.inviteCode, invite.inviterAgentId, 'incoming', aid);
         pushToAid(aid, { type: 'sessions_updated' });
         if (instance.agentWS) {
@@ -145,28 +154,55 @@ async function doEnsureOnline(aid) {
     // 心跳重连成功后，自动触发 WebSocket 重连 + 群组重新注册
     hb.onReconnect(() => {
         if (instance.agentWS) {
-            console.log('[Server] 心跳重连成功，触发 WebSocket 重连...');
+            utils_1.logger.log('[Server] 心跳重连成功，触发 WebSocket 重连...');
             instance.agentWS.reconnect().then(async () => {
                 // WebSocket 重连成功后，重新注册所有在线群组
                 // 断线期间 group.ap 会将在线状态过期，必须重新 register_online 才能收到推送
                 const onlineGroups = instance.agentCP.getOnlineGroups();
                 if (onlineGroups.length > 0) {
-                    console.log(`[Server] WebSocket 重连成功，重新注册 ${onlineGroups.length} 个在线群组...`);
+                    utils_1.logger.log(`[Server] WebSocket 重连成功，重新注册 ${onlineGroups.length} 个在线群组...`);
                     for (const groupId of onlineGroups) {
                         try {
                             await instance.agentCP.joinGroupSession(groupId);
-                            console.log(`[Server] 群组重新注册成功: ${groupId}`);
+                            utils_1.logger.log(`[Server] 群组重新注册成功: ${groupId}`);
                         }
                         catch (e) {
-                            console.warn(`[Server] 群组重新注册失败: ${groupId}`, e.message || e);
+                            utils_1.logger.warn(`[Server] 群组重新注册失败: ${groupId}`, e.message || e);
                         }
                     }
                 }
             }).catch((err) => {
-                console.error('[Server] WebSocket 重连失败:', err);
+                utils_1.logger.error('[Server] WebSocket 重连失败:', err);
             });
         }
     });
+    // WS 快速重试耗尽后，重新鉴权并用新 signature 重连
+    ws.onReconnectNeeded(async () => {
+        utils_1.logger.log('[Server] WS 快速重试耗尽，开始重新鉴权重连...');
+        try {
+            const newConnConfig = await cp.online();
+            instance.connectionConfig = newConnConfig;
+            utils_1.logger.log('[Server] 重新鉴权成功，使用新 signature 重连 WebSocket...');
+            await instance.agentWS.reconnect(newConnConfig.messageServer, newConnConfig.messageSignature);
+            // 重连成功后重新注册所有在线群组
+            const onlineGroups = instance.agentCP.getOnlineGroups();
+            if (onlineGroups.length > 0) {
+                utils_1.logger.log(`[Server] 重新鉴权重连成功，重新注册 ${onlineGroups.length} 个在线群组...`);
+                for (const groupId of onlineGroups) {
+                    try {
+                        await instance.agentCP.joinGroupSession(groupId);
+                        utils_1.logger.log(`[Server] 群组重新注册成功: ${groupId}`);
+                    }
+                    catch (e) {
+                        utils_1.logger.warn(`[Server] 群组重新注册失败: ${groupId}`, e.message || e);
+                    }
+                }
+            }
+        }
+        catch (err) {
+            utils_1.logger.error('[Server] 重新鉴权重连失败:', err);
+        }
+    });
     await hb.online();
     ws.onMessage((message) => {
         var _a;
@@ -194,7 +230,7 @@ async function doEnsureOnline(aid) {
                 try {
                     const parsed = JSON.parse(msgContent);
                     if (Array.isArray(parsed) && parsed.length > 0) {
-                        content = parsed.map((item) => item.content || '').join('');
+                        content = parsed.map((item) => (item && item.content) || '').join('');
                     }
                     else if (parsed.content) {
                         content = parsed.content;
@@ -240,10 +276,10 @@ async function doEnsureOnline(aid) {
     // AID 上线后自动初始化群组功能，确保所有身份都能收到群消息推送
     try {
         await ensureGroupClient(instance);
-        console.log(`[Server] AID ${aid} 群组功能自动初始化完成`);
+        utils_1.logger.log(`[Server] AID ${aid} 群组功能自动初始化完成`);
     }
     catch (e) {
-        console.warn(`[Server] AID ${aid} 群组功能自动初始化失败(不影响上线):`, e.message);
+        utils_1.logger.warn(`[Server] AID ${aid} 群组功能自动初始化失败(不影响上线):`, e.message);
     }
     return instance;
 }
@@ -283,7 +319,7 @@ async function ensureGroupClient(instance) {
     // 注册群组事件处理器，确保 SDK 通知回调可靠触发
     instance.agentCP.setGroupEventHandler({
         onNewMessage(groupId, latestMsgId, sender, preview) {
-            console.log(`[Group] onNewMessage: group=${groupId} msgId=${latestMsgId} sender=${sender} preview=${preview}`);
+            utils_1.logger.log(`[Group] onNewMessage: group=${groupId} msgId=${latestMsgId} sender=${sender} preview=${preview}`);
             // 通知浏览器有新消息（轻量通知，前端可据此决定是否刷新）
             broadcastToBrowser({
                 type: 'new_message_notify',
@@ -294,7 +330,7 @@ async function ensureGroupClient(instance) {
             });
         },
         onNewEvent(groupId, latestEventId, eventType, summary) {
-            console.log(`[Group] onNewEvent: group=${groupId} eventId=${latestEventId} type=${eventType} summary=${summary}`);
+            utils_1.logger.log(`[Group] onNewEvent: group=${groupId} eventId=${latestEventId} type=${eventType} summary=${summary}`);
             broadcastToBrowser({
                 type: 'new_event',
                 group_id: groupId,
@@ -304,7 +340,7 @@ async function ensureGroupClient(instance) {
             });
         },
         onGroupInvite(groupId, groupAddress, invitedBy) {
-            console.log(`[Group] onGroupInvite: group=${groupId} address=${groupAddress} invitedBy=${invitedBy}`);
+            utils_1.logger.log(`[Group] onGroupInvite: group=${groupId} address=${groupAddress} invitedBy=${invitedBy}`);
             broadcastToBrowser({
                 type: 'group_invite',
                 group_id: groupId,
@@ -313,18 +349,18 @@ async function ensureGroupClient(instance) {
             });
         },
         onJoinApproved(groupId, groupAddress) {
-            console.log(`[Group] onJoinApproved: group=${groupId} address=${groupAddress}`);
+            utils_1.logger.log(`[Group] onJoinApproved: group=${groupId} address=${groupAddress}`);
             // 审核通过：获取群信息、添加本地存储、注册到 Home AP
             (async () => {
                 try {
                     if (!instance.agentCP.groupOps) {
-                        console.warn(`[Group] onJoinApproved skipped: groupOps not available`);
+                        utils_1.logger.warn(`[Group] onJoinApproved skipped: groupOps not available`);
                         return;
                     }
                     let groupName = groupId;
                     try {
                         const info = await instance.agentCP.groupOps.getGroupInfo(instance.groupTargetAid, groupId);
-                        groupName = info.name || groupId;
+                        groupName = (info && info.name) || groupId;
                     }
                     catch (_) { }
                     instance.agentCP.addGroupToStore(groupId, groupName);
@@ -332,7 +368,7 @@ async function ensureGroupClient(instance) {
                     await instance.agentCP.joinGroupSession(groupId);
                 }
                 catch (e) {
-                    console.error(`[Group] onJoinApproved processing failed: group=${groupId}`, e.message);
+                    utils_1.logger.error(`[Group] onJoinApproved processing failed: group=${groupId}`, e.message);
                 }
             })();
             broadcastToBrowser({
@@ -342,46 +378,49 @@ async function ensureGroupClient(instance) {
             });
         },
         onJoinRejected(groupId, reason) {
-            console.log(`[Group] onJoinRejected: group=${groupId} reason=${reason}`);
+            utils_1.logger.log(`[Group] onJoinRejected: group=${groupId} reason=${reason}`);
             broadcastToBrowser({ type: 'join_rejected', group_id: groupId, reason });
         },
         onJoinRequestReceived(groupId, agentId, message) {
-            console.log(`[Group] onJoinRequestReceived: group=${groupId} agent=${agentId} msg=${message}`);
+            utils_1.logger.log(`[Group] onJoinRequestReceived: group=${groupId} agent=${agentId} msg=${message}`);
             broadcastToBrowser({ type: 'join_request', group_id: groupId, agent_id: agentId, message });
         },
         onGroupMessageBatch(groupId, batch) {
-            console.log(`[Group] onGroupMessageBatch: group=${groupId} count=${batch.count} range=[${batch.start_msg_id}, ${batch.latest_msg_id}]`);
+            const batchMessages = batch.messages || [];
+            utils_1.logger.log(`[Group] onGroupMessageBatch: group=${groupId} count=${batch.count} range=[${batch.start_msg_id}, ${batch.latest_msg_id}] messages=${JSON.stringify(batchMessages.map(m => m.msg_id))}`);
             // 存储 + ACK（统一由 agentcp 处理），注意 processAndAckBatch 是 async
             instance.agentCP.processAndAckBatch(groupId, batch).then((sorted) => {
+                var _a, _b;
+                utils_1.logger.log(`[Group] processAndAckBatch OK: group=${groupId} sortedCount=${sorted.length} msgIds=${sorted.map(m => m.msg_id)}`);
+                // 检查浏览器连接数
+                const connectedCount = Array.from(browserWsClients.entries()).filter(([ws]) => ws.readyState === ws_1.default.OPEN).length;
+                utils_1.logger.log(`[Group] broadcastToBrowser: group=${groupId} connectedBrowserClients=${connectedCount} totalClients=${browserWsClients.size}`);
+                if (connectedCount === 0) {
+                    utils_1.logger.warn(`[Group] !!! 没有已连接的浏览器客户端，消息无法推送到前端!`);
+                }
                 // 推送消息列表给浏览器
-                broadcastToBrowser({
+                const payload = {
                     type: 'group_message_batch',
                     group_id: groupId,
                     messages: sorted,
                     count: batch.count,
                     start_msg_id: batch.start_msg_id,
                     latest_msg_id: batch.latest_msg_id,
-                });
+                };
+                utils_1.logger.log(`[Group] broadcast payload: type=${payload.type} group_id=${payload.group_id} msgCount=${payload.messages.length} firstMsgId=${(_a = sorted[0]) === null || _a === void 0 ? void 0 : _a.msg_id} lastMsgId=${(_b = sorted[sorted.length - 1]) === null || _b === void 0 ? void 0 : _b.msg_id}`);
+                broadcastToBrowser(payload);
             }).catch((e) => {
-                console.error(`[Group] processAndAckBatch failed: group=${groupId}`, e);
+                utils_1.logger.error(`[Group] processAndAckBatch failed: group=${groupId}`, e);
             });
         },
         onGroupEvent(groupId, evt) {
-            console.log(`[Group] onGroupEvent: group=${groupId} event=${evt.event_type}`);
+            utils_1.logger.log(`[Group] onGroupEvent: group=${groupId} event=${evt.event_type}`);
             broadcastToBrowser({
                 type: 'group_event',
                 group_id: groupId,
                 event: evt,
             });
         },
-        onDutyDispatch(groupId, context) {
-            console.log(`[Group] onDutyDispatch: group=${groupId} original_msg_id=${context.original_msg_id} sender=${context.sender_id}`);
-            broadcastToBrowser({
-                type: 'duty_dispatch',
-                group_id: groupId,
-                context,
-            });
-        },
     });
     // 同步群组列表（如未同步过）
     if (!instance.groupListSynced) {
@@ -390,7 +429,7 @@ async function ensureGroupClient(instance) {
             instance.groupListSynced = true;
         }
         catch (e) {
-            console.warn('[Group] syncGroupList error:', e.message);
+            utils_1.logger.warn('[Group] syncGroupList error:', e.message);
         }
     }
     // 为所有已加入群组注册上线（register_online + 拉取未读 + 启动心跳）
@@ -400,13 +439,13 @@ async function ensureGroupClient(instance) {
             await instance.agentCP.joinGroupSession(group.group_id);
         }
         catch (e) {
-            console.warn(`[Group] joinGroupSession failed: ${group.group_id}`, e.message);
+            utils_1.logger.warn(`[Group] joinGroupSession failed: ${group.group_id}`, e.message);
         }
     }
     instance.groupInitialized = true;
     instance.groupSessionId = groupSessionId;
     instance.groupTargetAid = targetAid;
-    console.log(`[Group] 群组客户端已初始化: aid=${aid} target=${targetAid} session=${groupSessionId}`);
+    utils_1.logger.log(`[Group] 群组客户端已初始化: aid=${aid} target=${targetAid} session=${groupSessionId}`);
 }
 async function validateAid(aid) {
     try {
@@ -442,7 +481,7 @@ async function getAidStatusList() {
 const agentInfoCache = new Map();
 const AGENT_INFO_CACHE_TTL = 24 * 60 * 60 * 1000; // 24 hours
 function getAgentInfoCachePath() {
-    const dir = globalDataDir || process.cwd();
+    const dir = globalDataDir || datamanager_1.DEFAULT_ACP_DIR;
     return path.join(dir, 'AIDs', '.agent-info-cache.json');
 }
 function loadAgentInfoCacheFromDisk() {
@@ -457,7 +496,7 @@ function loadAgentInfoCacheFromDisk() {
                     agentInfoCache.set(aid, Object.assign(Object.assign({}, info), { tags: info.tags || [] }));
                 }
             }
-            console.log(`[Server] 已加载 agent info 缓存: ${agentInfoCache.size} 条`);
+            utils_1.logger.log(`[Server] 已加载 agent info 缓存: ${agentInfoCache.size} 条`);
         }
     }
     catch (e) {
@@ -541,7 +580,7 @@ async function getAgentInfo(aid) {
 }
 // 每个 AID 的自定义 agent.md 选项 (昵称、描述)
 function getAidMdOptionsPath() {
-    const dir = globalDataDir || process.cwd();
+    const dir = globalDataDir || datamanager_1.DEFAULT_ACP_DIR;
     return path.join(dir, 'AIDs', '.aid-md-options.json');
 }
 function loadAidMdOptions() {
@@ -576,7 +615,7 @@ function getMessageStoreForAid(aid) {
     if (!store) {
         store = new messagestore_1.MessageStore({
             persistMessages: true,
-            basePath: globalDataDir || process.cwd(),
+            basePath: globalDataDir || datamanager_1.DEFAULT_ACP_DIR,
         });
         messageStores.set(aid, store);
     }
@@ -591,1640 +630,2026 @@ async function ensureMessageStoreLoaded(aid) {
     return store;
 }
 // HTML 页面
-const indexHtml = `<!DOCTYPE html>
-<html lang="zh-CN">
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <link rel="icon" href="/favicon.ico" type="image/x-icon">
-    <title>ACP 身份管理</title>
-    <style>
-        * { box-sizing: border-box; margin: 0; padding: 0; }
-        body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; background: linear-gradient(135deg, #f0f4ff 0%, #e8edf5 100%); min-height: 100vh; display: flex; justify-content: center; align-items: flex-start; padding: 40px 20px; }
-        .container { background: white; padding: 0; border-radius: 16px; box-shadow: 0 8px 32px rgba(0,0,0,0.08); max-width: 560px; width: 100%; overflow: hidden; }
-        .page-header { background: linear-gradient(135deg, #2563eb 0%, #1e40af 100%); padding: 28px 32px 22px; color: white; text-align: center; }
-        .page-header h1 { font-size: 20px; font-weight: 600; margin-bottom: 12px; letter-spacing: 0.5px; }
-        .nav-links { display: flex; justify-content: center; gap: 8px; }
-        .nav-links a { color: rgba(255,255,255,0.85); text-decoration: none; font-size: 12px; padding: 4px 12px; border-radius: 20px; border: 1px solid rgba(255,255,255,0.25); transition: all 0.2s; }
-        .nav-links a:hover { background: rgba(255,255,255,0.15); color: #fff; border-color: rgba(255,255,255,0.5); }
-        .page-body { padding: 24px 32px 32px; }
-        .hint { text-align: center; color: #9ca3af; font-size: 13px; margin-bottom: 20px; }
-        .create-section { margin-bottom: 24px; display: flex; flex-direction: column; gap: 10px; background: #f8fafc; border: 1px solid #e2e8f0; border-radius: 12px; padding: 18px; }
-        .create-section .aid-input-row { display: flex; gap: 8px; align-items: center; }
-        .create-section .aid-input-row input { flex: 1; padding: 10px 14px; border: 1px solid #e2e8f0; border-radius: 8px; font-size: 14px; min-width: 0; background: #fff; transition: border-color 0.2s, box-shadow 0.2s; }
-        .create-section .aid-input-row input:focus { outline: none; border-color: #2563eb; box-shadow: 0 0 0 3px rgba(37,99,235,0.1); }
-        .create-section .aid-input-row .dot-separator { color: #9ca3af; font-size: 16px; flex-shrink: 0; }
-        .create-section .aid-input-row select {
-            padding: 10px 30px 10px 14px;
-            border: 1px solid #e2e8f0;
-            border-radius: 8px;
-            font-size: 14px;
-            background: #fff;
-            flex-shrink: 0;
-            cursor: pointer;
-            appearance: none;
-            -webkit-appearance: none;
-            -moz-appearance: none;
-            background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23999%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E");
-            background-repeat: no-repeat;
-            background-position: right 10px top 50%;
-            background-size: 10px auto;
-            transition: border-color 0.2s, box-shadow 0.2s;
-        }
-        .create-section .aid-input-row select:focus { outline: none; border-color: #2563eb; box-shadow: 0 0 0 3px rgba(37,99,235,0.1); }
-        .create-section .extra-fields { display: flex; gap: 8px; }
-        .create-section .extra-fields input { flex: 1; padding: 10px 14px; border: 1px solid #e2e8f0; border-radius: 8px; font-size: 14px; min-width: 0; background: #fff; transition: border-color 0.2s, box-shadow 0.2s; }
-        .create-section .extra-fields input:focus { outline: none; border-color: #2563eb; box-shadow: 0 0 0 3px rgba(37,99,235,0.1); }
-        .btn { display: block; width: 100%; padding: 11px; border: none; border-radius: 8px; font-size: 14px; font-weight: 500; cursor: pointer; transition: all 0.2s; }
-        .btn-primary { background: linear-gradient(135deg, #2563eb, #1d4ed8); color: white; }
-        .btn-primary:hover { background: linear-gradient(135deg, #1d4ed8, #1e40af); box-shadow: 0 2px 8px rgba(37,99,235,0.3); }
-        .btn-sm { display: inline-block; width: auto; padding: 6px 14px; font-size: 13px; border-radius: 6px; }
-        .btn-success { background: #10b981; color: white; }
-        .btn-success:hover { background: #059669; }
-        .btn-danger { background: #ef4444; color: white; }
-        .btn-danger:hover { background: #dc2626; }
-        .btn-outline { background: white; color: #2563eb; border: 1px solid #2563eb; }
-        .btn-outline:hover { background: #eff6ff; }
-        .btn-outline.active { background: #2563eb; color: white; }
-        .btn:disabled { background: #d1d5db; cursor: not-allowed; border-color: #d1d5db; color: #fff; }
-        .aid-list { margin-bottom: 24px; }
-        .aid-card { background: #fff; border: 1px solid #e5e7eb; border-radius: 12px; padding: 16px; margin-bottom: 10px; transition: all 0.2s; display: flex; align-items: stretch; gap: 12px; }
-        .aid-card:hover { border-color: #93c5fd; box-shadow: 0 2px 12px rgba(37,99,235,0.06); }
-        .aid-card.current { border-color: #2563eb; background: #eff6ff; }
-        .aid-card-left { flex: 1; min-width: 0; }
-        .aid-card-right { display: flex; flex-direction: column; align-items: flex-end; gap: 6px; flex-shrink: 0; justify-content: center; }
-        .aid-card-header { margin-bottom: 10px; }
-        .aid-name { font-family: 'SF Mono', 'Fira Code', monospace; font-size: 13px; color: #1f2937; word-break: break-all; }
-        .copy-btn { background: none; border: none; color: #9ca3af; cursor: pointer; font-size: 12px; padding: 2px 6px; transition: color 0.2s; }
-        .copy-btn:hover { color: #2563eb; }
-        .aid-card-status { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
-        .badge { display: inline-block; padding: 3px 10px; border-radius: 12px; font-size: 12px; font-weight: 500; }
-        .badge-success { background: #d1fae5; color: #065f46; }
-        .badge-warning { background: #fef3c7; color: #92400e; }
-        .badge-danger { background: #fee2e2; color: #991b1b; }
-        .badge-info { background: #dbeafe; color: #1e40af; }
-        .badge-current { background: #2563eb; color: white; }
-        .aid-card-actions { display: flex; gap: 6px; flex-wrap: wrap; justify-content: flex-end; }
-        .status { position: fixed; top: 20px; left: 50%; transform: translateX(-50%); padding: 12px 24px; border-radius: 10px; font-size: 14px; display: none; z-index: 1000; box-shadow: 0 4px 16px rgba(0,0,0,0.1); }
-        .status.success { display: block; background: #d1fae5; color: #065f46; }
-        .status.error { display: block; background: #fee2e2; color: #991b1b; }
-        @media (max-width: 480px) {
-            body { padding: 16px 8px; }
-            .page-header { padding: 22px 18px 18px; }
-            .page-body { padding: 18px 16px 24px; }
-            .create-section { padding: 14px; }
-        }
-    </style>
-</head>
-<body>
-    <div class="container">
-        <div class="page-header">
-            <h1>ACP 身份管理</h1>
-            <div class="nav-links">
-                <a href="https://agentunion.net" target="_blank">AgentUnion排行榜</a>
-                <a href="https://github.com/auliwenjiang/agentcp" target="_blank">ACP 开源GitHub</a>
-            </div>
-        </div>
-        <div class="page-body">
-        <div class="hint" id="hint">最多注册 10 个 AID</div>
-
-        <div class="create-section" id="createSection">
-            <div class="aid-input-row">
-                <input type="text" id="newAid" placeholder="输入名称">
-                <span class="dot-separator">.</span>
-                <select id="apSelect"></select>
-            </div>
-            <div class="extra-fields">
-                <input type="text" id="aidNickname" placeholder="昵称（选填）">
-                <input type="text" id="aidDescription" placeholder="描述（选填）" style="flex:2;">
-            </div>
-            <button class="btn btn-primary" onclick="createAid()">注册 AID</button>
-        </div>
-
-        <div class="aid-list" id="aidList"></div>
-
-        <div class="status" id="status"></div>
-        </div>
-    </div>
-
-    <script>
-        let aidData = { aidList: [], aidStatus: [], apiUrl: '' };
-
-        async function loadAidInfo() {
-            try {
-                const res = await fetch('/api/aid');
-                const data = await res.json();
-                aidData = data;
-                updateApSelect();
-                renderAidList();
-            } catch (e) {
-                console.error('加载失败', e);
-            }
-        }
-
-        function updateApSelect() {
-            var sel = document.getElementById('apSelect');
-            if (sel && sel.options.length === 0) {
-                const options = ['agentcp.io', 'aid.show', 'agentid.pub'];
-                options.forEach(function(op) {
-                    var opt = document.createElement('option');
-                    opt.value = op;
-                    opt.textContent = op;
-                    if (op === 'agentcp.io') opt.selected = true;
-                    sel.appendChild(opt);
-                });
-            }
-        }
-
-        function renderAidList() {
-            const list = document.getElementById('aidList');
-            const createSection = document.getElementById('createSection');
-            const hint = document.getElementById('hint');
-
-            if (aidData.aidList.length >= 10) {
-                createSection.style.display = 'none';
-                hint.textContent = '已达到 10 个 AID 上限';
-            } else {
-                createSection.style.display = 'block';
-                hint.textContent = '最多注册 10 个 AID（已注册 ' + aidData.aidList.length + ' 个）';
-            }
-
-            if (!aidData.aidStatus || aidData.aidStatus.length === 0) {
-                list.innerHTML = '<div style="text-align:center;color:#999;padding:20px;">暂无 AID，请先注册</div>';
-                return;
-            }
-
-            list.innerHTML = aidData.aidStatus.map(function(item) {
-                var cardClass = 'aid-card';
-
-                var badges = '';
-                if (item.online) badges += '<span class="badge badge-success">已上线</span>';
-                if (item.keysExist && item.certValid) {
-                    badges += '<span class="badge badge-info">密钥有效</span>';
-                } else if (item.keysExist && !item.certValid) {
-                    badges += '<span class="badge badge-warning">证书过期</span>';
-                } else {
-                    badges += '<span class="badge badge-danger">密钥缺失</span>';
-                }
-
-                var actions = '';
-                if (item.keysExist && item.certValid) {
-                    if (item.online) {
-                        actions += '<button class="btn btn-sm btn-success" onclick="enterChat(\\'' + escapeAttr(item.aid) + '\\')">进入聊天</button>';
-                        actions += '<button class="btn btn-sm btn-danger" onclick="goOffline(\\'' + escapeAttr(item.aid) + '\\')">下线</button>';
-                    } else {
-                        actions += '<button class="btn btn-sm btn-success" id="goBtn_' + escapeAttr(item.aid) + '" onclick="goOnlineAndChat(\\'' + escapeAttr(item.aid) + '\\')">上线并进入</button>';
-                    }
-                }
-
-                return '<div class="' + cardClass + '">' +
-                    '<div class="aid-card-left">' +
-                        '<div class="aid-card-header">' +
-                            '<span class="aid-name">' + escapeHtml(item.aid) + '</span>' +
-                        '</div>' +
-                        '<div class="aid-card-status">' + badges + '</div>' +
-                    '</div>' +
-                    '<div class="aid-card-right">' +
-                        '<div class="aid-card-actions">' + actions + '</div>' +
-                        '<button class="copy-btn" onclick="copyText(\\'' + escapeAttr(item.aid) + '\\')">复制</button>' +
-                    '</div>' +
-                '</div>';
-            }).join('');
-        }
-
-        async function createAid() {
-            var prefix = document.getElementById('newAid').value.trim();
-            if (!prefix) { showStatus('请输入 AID 名称', 'error'); return; }
-            var ap = document.getElementById('apSelect').value;
-            if (!ap) { showStatus('请选择 AP', 'error'); return; }
-            var fullPrefix = prefix + '.' + ap;
-            var nickname = document.getElementById('aidNickname').value.trim();
-            var description = document.getElementById('aidDescription').value.trim();
-            try {
-                var res = await fetch('/api/aid/create', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ prefix: fullPrefix, nickname: nickname, description: description }) });
-                var data = await res.json();
-                if (data.success) { showStatus('AID 注册成功', 'success'); document.getElementById('newAid').value = ''; document.getElementById('aidNickname').value = ''; document.getElementById('aidDescription').value = ''; loadAidInfo(); }
-                else { showStatus(data.error || '注册失败', 'error'); }
-            } catch (e) { showStatus('注册失败: ' + e.message, 'error'); }
-        }
-
-        async function selectAid(aid) {
-            try {
-                var res = await fetch('/api/aid/select', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ aid: aid }) });
-                var data = await res.json();
-                if (data.success) { showStatus('已切换到 ' + aid, 'success'); loadAidInfo(); }
-                else { showStatus(data.error || '切换失败', 'error'); }
-            } catch (e) { showStatus('切换失败: ' + e.message, 'error'); }
-        }
-
-        async function goOnlineAndChat(aid) {
-            var btn = document.getElementById('goBtn_' + aid);
-            if (btn) { btn.disabled = true; btn.textContent = '启动中...'; }
-            try {
-                showStatus('正在上线 ' + aid + ' ...', 'success');
-                var res = await fetch('/api/ws/start', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ aid: aid }) });
-                var data = await res.json();
-                if (data.success) {
-                    showStatus(aid + ' 已上线，正在进入聊天...', 'success');
-                    window.location.href = '/chat';
-                } else {
-                    showStatus(data.error || '上线失败', 'error');
-                    if (btn) { btn.disabled = false; btn.textContent = '上线并进入'; }
-                }
-            } catch (e) {
-                showStatus('上线失败: ' + e.message, 'error');
-                if (btn) { btn.disabled = false; btn.textContent = '上线并进入'; }
-            }
-        }
-
-        function enterChat(aid) { window.location.href = '/chat'; }
-
-        async function goOffline(aid) {
-            try {
-                var res = await fetch('/api/aid/offline', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ aid: aid }) });
-                var data = await res.json();
-                if (data.success) { showStatus(aid + ' 已下线', 'success'); loadAidInfo(); }
-                else { showStatus(data.error || '下线失败', 'error'); }
-            } catch (e) { showStatus('下线失败: ' + e.message, 'error'); }
-        }
-
-        function copyText(text) {
-            navigator.clipboard.writeText(text).then(function() {
-                showStatus('已复制', 'success');
-            });
-        }
-
-        function showStatus(msg, type) {
-            var el = document.getElementById('status');
-            el.textContent = msg;
-            el.className = 'status ' + type;
-            setTimeout(function() { el.className = 'status'; }, 3000);
-        }
-
-        function escapeHtml(text) {
-            var div = document.createElement('div');
-            div.textContent = text;
-            return div.innerHTML;
-        }
-
-        function escapeAttr(text) {
-            return text.replace(/'/g, "\\\\'").replace(/"/g, '&quot;');
-        }
-
-        loadAidInfo();
-        setInterval(loadAidInfo, 5000);
-    <\/script>
-</body>
+const indexHtml = `<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="icon" href="/favicon.ico" type="image/x-icon">
+    <title>ACP 身份管理</title>
+    <style>
+        * { box-sizing: border-box; margin: 0; padding: 0; }
+        ::-webkit-scrollbar { width: 6px; height: 6px; }
+        ::-webkit-scrollbar-track { background: transparent; }
+        ::-webkit-scrollbar-thumb { background: rgba(0,0,0,0.15); border-radius: 3px; }
+        ::-webkit-scrollbar-thumb:hover { background: rgba(0,0,0,0.25); }
+        body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; background: linear-gradient(135deg, #f0f4ff 0%, #e8edf5 100%); min-height: 100vh; display: flex; justify-content: center; align-items: flex-start; padding: 40px 20px; }
+        .container { background: white; padding: 0; border-radius: 16px; box-shadow: 0 8px 32px rgba(0,0,0,0.08); max-width: 560px; width: 100%; overflow: hidden; }
+        .page-header { background: linear-gradient(135deg, #2563eb 0%, #1e40af 100%); padding: 28px 32px 22px; color: white; text-align: center; }
+        .page-header h1 { font-size: 20px; font-weight: 600; margin-bottom: 12px; letter-spacing: 0.5px; }
+        .nav-links { display: flex; justify-content: center; gap: 8px; }
+        .nav-links a { color: rgba(255,255,255,0.85); text-decoration: none; font-size: 12px; padding: 4px 12px; border-radius: 20px; border: 1px solid rgba(255,255,255,0.25); transition: all 0.2s; }
+        .nav-links a:hover { background: rgba(255,255,255,0.15); color: #fff; border-color: rgba(255,255,255,0.5); }
+        .page-body { padding: 24px 32px 32px; }
+        .hint { text-align: center; color: #9ca3af; font-size: 13px; margin-bottom: 20px; }
+        .create-section { margin-bottom: 24px; display: flex; flex-direction: column; gap: 10px; background: #f8fafc; border: 1px solid #e2e8f0; border-radius: 12px; padding: 18px; }
+        .create-section .aid-input-row { display: flex; gap: 8px; align-items: center; }
+        .create-section .aid-input-row input { flex: 1; padding: 10px 14px; border: 1px solid #e2e8f0; border-radius: 8px; font-size: 14px; min-width: 0; background: #fff; transition: border-color 0.2s, box-shadow 0.2s; }
+        .create-section .aid-input-row input:focus { outline: none; border-color: #2563eb; box-shadow: 0 0 0 3px rgba(37,99,235,0.1); }
+        .create-section .aid-input-row .dot-separator { color: #9ca3af; font-size: 16px; flex-shrink: 0; }
+        .create-section .aid-input-row select {
+            padding: 10px 30px 10px 14px;
+            border: 1px solid #e2e8f0;
+            border-radius: 8px;
+            font-size: 14px;
+            background: #fff;
+            flex-shrink: 0;
+            cursor: pointer;
+            appearance: none;
+            -webkit-appearance: none;
+            -moz-appearance: none;
+            background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23999%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E");
+            background-repeat: no-repeat;
+            background-position: right 10px top 50%;
+            background-size: 10px auto;
+            transition: border-color 0.2s, box-shadow 0.2s;
+        }
+        .create-section .aid-input-row select:focus { outline: none; border-color: #2563eb; box-shadow: 0 0 0 3px rgba(37,99,235,0.1); }
+        .create-section .extra-fields { display: flex; gap: 8px; }
+        .create-section .extra-fields input { flex: 1; padding: 10px 14px; border: 1px solid #e2e8f0; border-radius: 8px; font-size: 14px; min-width: 0; background: #fff; transition: border-color 0.2s, box-shadow 0.2s; }
+        .create-section .extra-fields input:focus { outline: none; border-color: #2563eb; box-shadow: 0 0 0 3px rgba(37,99,235,0.1); }
+        .btn { display: block; width: 100%; padding: 11px; border: none; border-radius: 8px; font-size: 14px; font-weight: 500; cursor: pointer; transition: all 0.2s; }
+        .btn:active { transform: scale(0.98); }
+        .btn-primary { background: linear-gradient(135deg, #2563eb, #1d4ed8); color: white; }
+        .btn-primary:hover { background: linear-gradient(135deg, #1d4ed8, #1e40af); box-shadow: 0 2px 8px rgba(37,99,235,0.3); }
+        .btn-sm { display: inline-block; width: auto; padding: 6px 14px; font-size: 13px; border-radius: 6px; }
+        .btn-success { background: #10b981; color: white; }
+        .btn-success:hover { background: #059669; }
+        .btn-danger { background: #ef4444; color: white; }
+        .btn-danger:hover { background: #dc2626; }
+        .btn-outline { background: white; color: #2563eb; border: 1px solid #2563eb; }
+        .btn-outline:hover { background: #eff6ff; }
+        .btn-outline.active { background: #2563eb; color: white; }
+        .btn:disabled { background: #d1d5db; cursor: not-allowed; border-color: #d1d5db; color: #fff; transform: none; }
+        .aid-list { margin-bottom: 24px; }
+        .aid-card { background: #fff; border: 1px solid #e5e7eb; border-radius: 12px; padding: 16px; margin-bottom: 10px; transition: all 0.2s; display: flex; align-items: stretch; gap: 12px; }
+        .aid-card:hover { border-color: #93c5fd; box-shadow: 0 4px 12px rgba(37,99,235,0.08); transform: translateY(-1px); }
+        .aid-card.current { border-color: #2563eb; background: #eff6ff; }
+        .aid-card-left { flex: 1; min-width: 0; }
+        .aid-card-right { display: flex; flex-direction: column; align-items: flex-end; gap: 6px; flex-shrink: 0; justify-content: center; }
+        .aid-card-header { margin-bottom: 10px; }
+        .aid-name { font-family: 'SF Mono', 'Fira Code', monospace; font-size: 13px; color: #1f2937; word-break: break-all; }
+        .copy-btn { background: none; border: none; color: #9ca3af; cursor: pointer; font-size: 12px; padding: 2px 6px; transition: color 0.2s; }
+        .copy-btn:hover { color: #2563eb; }
+        .aid-card-status { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
+        .badge { display: inline-block; padding: 3px 10px; border-radius: 12px; font-size: 12px; font-weight: 500; }
+        .badge-success { background: #d1fae5; color: #065f46; }
+        .badge-warning { background: #fef3c7; color: #92400e; }
+        .badge-danger { background: #fee2e2; color: #991b1b; }
+        .badge-info { background: #dbeafe; color: #1e40af; }
+        .badge-current { background: #2563eb; color: white; }
+        .aid-card-actions { display: flex; gap: 6px; flex-wrap: wrap; justify-content: flex-end; }
+        .status { position: fixed; top: 20px; left: 50%; transform: translate(-50%, -10px); padding: 12px 24px; border-radius: 10px; font-size: 14px; opacity: 0; visibility: hidden; z-index: 1000; box-shadow: 0 4px 16px rgba(0,0,0,0.1); transition: all 0.3s cubic-bezier(0.16,1,0.3,1); }
+        .status.success { opacity: 1; visibility: visible; transform: translate(-50%, 0); background: #d1fae5; color: #065f46; border: 1px solid #a7f3d0; }
+        .status.error { opacity: 1; visibility: visible; transform: translate(-50%, 0); background: #fee2e2; color: #991b1b; border: 1px solid #fecaca; }
+        @media (max-width: 480px) {
+            body { padding: 16px 8px; }
+            .page-header { padding: 22px 18px 18px; }
+            .page-body { padding: 18px 16px 24px; }
+            .create-section { padding: 14px; }
+        }
+    </style>
+</head>
+<body>
+    <div class="container">
+        <div class="page-header">
+            <h1>ACP 身份管理</h1>
+            <div class="nav-links">
+                <a href="https://agentunion.net" target="_blank">AgentUnion排行榜</a>
+                <a href="https://github.com/auliwenjiang/agentcp" target="_blank">ACP 开源GitHub</a>
+            </div>
+        </div>
+        <div class="page-body">
+        <div class="hint" id="hint">最多注册 10 个 AID</div>
+
+        <div class="create-section" id="createSection">
+            <div class="aid-input-row">
+                <input type="text" id="newAid" placeholder="输入名称">
+                <span class="dot-separator">.</span>
+                <select id="apSelect"></select>
+            </div>
+            <div class="extra-fields">
+                <input type="text" id="aidNickname" placeholder="昵称（选填）">
+                <input type="text" id="aidDescription" placeholder="描述（选填）" style="flex:2;">
+            </div>
+            <button class="btn btn-primary" onclick="createAid()">注册 AID</button>
+        </div>
+
+        <div class="aid-list" id="aidList"></div>
+
+        <div class="status" id="status"></div>
+        </div>
+    </div>
+
+    <script>
+        let aidData = { aidList: [], aidStatus: [], apiUrl: '' };
+
+        async function loadAidInfo() {
+            try {
+                const res = await fetch('/api/aid');
+                const data = await res.json();
+                aidData = data;
+                updateApSelect();
+                renderAidList();
+            } catch (e) {
+                console.error('加载失败', e);
+            }
+        }
+
+        function updateApSelect() {
+            var sel = document.getElementById('apSelect');
+            if (sel && sel.options.length === 0) {
+                const options = ['agentcp.io', 'aid.show', 'agentid.pub'];
+                options.forEach(function(op) {
+                    var opt = document.createElement('option');
+                    opt.value = op;
+                    opt.textContent = op;
+                    if (op === 'agentcp.io') opt.selected = true;
+                    sel.appendChild(opt);
+                });
+            }
+        }
+
+        function renderAidList() {
+            const list = document.getElementById('aidList');
+            const createSection = document.getElementById('createSection');
+            const hint = document.getElementById('hint');
+
+            if (aidData.aidList.length >= 10) {
+                createSection.style.display = 'none';
+                hint.textContent = '已达到 10 个 AID 上限';
+            } else {
+                createSection.style.display = 'block';
+                hint.textContent = '最多注册 10 个 AID（已注册 ' + aidData.aidList.length + ' 个）';
+            }
+
+            if (!aidData.aidStatus || aidData.aidStatus.length === 0) {
+                list.innerHTML = '<div style="text-align:center;color:#999;padding:20px;">暂无 AID，请先注册</div>';
+                return;
+            }
+
+            list.innerHTML = aidData.aidStatus.map(function(item) {
+                var cardClass = 'aid-card';
+
+                var badges = '';
+                if (item.online) badges += '<span class="badge badge-success">已上线</span>';
+                if (item.keysExist && item.certValid) {
+                    badges += '<span class="badge badge-info">密钥有效</span>';
+                } else if (item.keysExist && !item.certValid) {
+                    badges += '<span class="badge badge-warning">证书过期</span>';
+                } else {
+                    badges += '<span class="badge badge-danger">密钥缺失</span>';
+                }
+
+                var actions = '';
+                if (item.keysExist && item.certValid) {
+                    if (item.online) {
+                        actions += '<button class="btn btn-sm btn-success" onclick="enterChat(\\'' + escapeAttr(item.aid) + '\\')">进入聊天</button>';
+                        actions += '<button class="btn btn-sm btn-danger" onclick="goOffline(\\'' + escapeAttr(item.aid) + '\\')">下线</button>';
+                    } else {
+                        actions += '<button class="btn btn-sm btn-success" id="goBtn_' + escapeAttr(item.aid) + '" onclick="goOnlineAndChat(\\'' + escapeAttr(item.aid) + '\\')">上线并进入</button>';
+                    }
+                }
+
+                return '<div class="' + cardClass + '">' +
+                    '<div class="aid-card-left">' +
+                        '<div class="aid-card-header">' +
+                            '<span class="aid-name">' + escapeHtml(item.aid) + '</span>' +
+                        '</div>' +
+                        '<div class="aid-card-status">' + badges + '</div>' +
+                    '</div>' +
+                    '<div class="aid-card-right">' +
+                        '<div class="aid-card-actions">' + actions + '</div>' +
+                        '<button class="copy-btn" onclick="copyText(\\'' + escapeAttr(item.aid) + '\\')">复制</button>' +
+                    '</div>' +
+                '</div>';
+            }).join('');
+        }
+
+        async function createAid() {
+            var prefix = document.getElementById('newAid').value.trim();
+            if (!prefix) { showStatus('请输入 AID 名称', 'error'); return; }
+            var ap = document.getElementById('apSelect').value;
+            if (!ap) { showStatus('请选择 AP', 'error'); return; }
+            var fullPrefix = prefix + '.' + ap;
+            var nickname = document.getElementById('aidNickname').value.trim();
+            var description = document.getElementById('aidDescription').value.trim();
+            try {
+                var res = await fetch('/api/aid/create', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ prefix: fullPrefix, nickname: nickname, description: description }) });
+                var data = await res.json();
+                if (data.success) { showStatus('AID 注册成功', 'success'); document.getElementById('newAid').value = ''; document.getElementById('aidNickname').value = ''; document.getElementById('aidDescription').value = ''; loadAidInfo(); }
+                else { showStatus(data.error || '注册失败', 'error'); }
+            } catch (e) { showStatus('注册失败: ' + e.message, 'error'); }
+        }
+
+        async function selectAid(aid) {
+            try {
+                var res = await fetch('/api/aid/select', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ aid: aid }) });
+                var data = await res.json();
+                if (data.success) { showStatus('已切换到 ' + aid, 'success'); loadAidInfo(); }
+                else { showStatus(data.error || '切换失败', 'error'); }
+            } catch (e) { showStatus('切换失败: ' + e.message, 'error'); }
+        }
+
+        async function goOnlineAndChat(aid) {
+            var btn = document.getElementById('goBtn_' + aid);
+            if (btn) { btn.disabled = true; btn.textContent = '启动中...'; }
+            try {
+                showStatus('正在上线 ' + aid + ' ...', 'success');
+                var res = await fetch('/api/ws/start', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ aid: aid }) });
+                var data = await res.json();
+                if (data.success) {
+                    showStatus(aid + ' 已上线，正在进入聊天...', 'success');
+                    window.location.href = '/chat';
+                } else {
+                    showStatus(data.error || '上线失败', 'error');
+                    if (btn) { btn.disabled = false; btn.textContent = '上线并进入'; }
+                }
+            } catch (e) {
+                showStatus('上线失败: ' + e.message, 'error');
+                if (btn) { btn.disabled = false; btn.textContent = '上线并进入'; }
+            }
+        }
+
+        function enterChat(aid) { window.location.href = '/chat'; }
+
+        async function goOffline(aid) {
+            try {
+                var res = await fetch('/api/aid/offline', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ aid: aid }) });
+                var data = await res.json();
+                if (data.success) { showStatus(aid + ' 已下线', 'success'); loadAidInfo(); }
+                else { showStatus(data.error || '下线失败', 'error'); }
+            } catch (e) { showStatus('下线失败: ' + e.message, 'error'); }
+        }
+
+        function copyText(text) {
+            navigator.clipboard.writeText(text).then(function() {
+                showStatus('已复制', 'success');
+            });
+        }
+
+        let statusTimeout = null;
+        function showStatus(msg, type) {
+            var el = document.getElementById('status');
+            el.textContent = msg;
+            el.className = 'status ' + type;
+            if (statusTimeout) clearTimeout(statusTimeout);
+            statusTimeout = setTimeout(function() { el.className = 'status'; }, 3000);
+        }
+
+        function escapeHtml(text) {
+            var div = document.createElement('div');
+            div.textContent = text;
+            return div.innerHTML;
+        }
+
+        function escapeAttr(text) {
+            return text.replace(/'/g, "\\\\'").replace(/"/g, '&quot;');
+        }
+
+        loadAidInfo();
+        setInterval(loadAidInfo, 5000);
+    <\/script>
+</body>
 </html>`;
-const chatHtml = `<!DOCTYPE html>
-<html lang="zh-CN">
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
-    <title>ACP 聊天</title>
-    <script src="https://cdn.jsdelivr.net/npm/marked/marked.min.js"><\/script>
-    <style>
-        :root { --primary:#2563eb; --primary-h:#1d4ed8; --bg:#f3f4f6; --sidebar-bg:#fff; --chat-bg:#f9fafb; --border:#e5e7eb; --t1:#1f2937; --t2:#6b7280; --sent:#2563eb; --recv-bg:#fff; --ok:#10b981; }
-        * { box-sizing:border-box; margin:0; padding:0; }
-        body { font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif; background:var(--bg); height:100vh; overflow:hidden; color:var(--t1); }
-        #app { display:flex; height:100%; }
-
-        /* Sidebar */
-        .sidebar { width:300px; background:var(--sidebar-bg); border-right:1px solid var(--border); display:flex; flex-direction:column; flex-shrink:0; transition:width 0.25s; overflow:hidden; }
-        .sidebar.collapsed { width:0; border-right:none; }
-        .sidebar-header { padding:12px 14px; border-bottom:1px solid var(--border); display:flex; flex-direction:column; gap:12px; flex-shrink:0; }
-        .header-top { display:flex; justify-content:space-between; align-items:center; width:100%; }
-        .sidebar-header .my-aid { font-size:11px; color:#155724; font-family:monospace; background:#d4edda; padding:4px 8px; border-radius:12px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; border:1px solid #c3e6cb; flex:1; margin-right:8px; }
-        .new-chat-btn { padding:8px 10px; background:var(--primary); color:#fff; border:none; border-radius:6px; font-size:12px; cursor:pointer; white-space:nowrap; width:100%; text-align:center; }
-        .new-chat-btn:hover { background:var(--primary-h); }
-        .session-list { flex:1; overflow-y:auto; }
-
-        /* AID Group */
-        .aid-group { border-bottom:1px solid var(--border); }
-        .aid-group-header { padding:12px 14px; display:flex; align-items:center; cursor:pointer; background:linear-gradient(135deg,#eef4ff,#e8f0fe); user-select:none; border-left:3px solid var(--primary); transition:all 0.2s; }
-        .aid-group-header:hover { background:linear-gradient(135deg,#dbeafe,#d0e4fd); }
-        .aid-group-info { flex:1; min-width:0; margin-left:4px; }
-        .aid-group-title { font-size:13px; font-weight:700; color:#1e40af; background:linear-gradient(135deg,#dbeafe,#c7d7fe); padding:2px 8px; border-radius:6px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:inline-block; max-width:100%; border:1px solid #bfdbfe; }
-        .aid-group-desc { font-size:10px; color:#6b7280; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin-top:3px; display:block; padding-left:2px; }
-        .aid-group-arrow { font-size:10px; color:var(--primary); transition:transform 0.2s; flex-shrink:0; }
-        .aid-group-arrow.open { transform:rotate(90deg); }
-        .aid-group-badge { font-size:10px; background:var(--primary); color:#fff; padding:1px 6px; border-radius:8px; margin-left:8px; flex-shrink:0; }
-        .aid-group-add { background:none; border:1px solid var(--border); color:var(--t2); width:22px; height:22px; border-radius:4px; cursor:pointer; font-size:14px; line-height:20px; text-align:center; margin-left:6px; flex-shrink:0; }
-        .aid-group-add:hover { background:var(--primary); color:#fff; border-color:var(--primary); }
-        .aid-group-del { background:none; border:none; color:var(--t2); width:20px; height:20px; border-radius:4px; cursor:pointer; font-size:12px; line-height:20px; text-align:center; margin-left:4px; flex-shrink:0; display:none; }
-        .aid-group-header:hover .aid-group-del { display:block; }
-        .aid-group-del:hover { color:#dc3545; background:#ffebeb; }
-        .session-del { position:absolute; right:8px; top:50%; transform:translateY(-50%); background:none; border:none; color:var(--t2); font-size:12px; cursor:pointer; display:none; padding:2px; }
-        .session-item:hover .session-del { display:block; }
-        .session-del:hover { color:#dc3545; }
-        .aid-group-sessions { display:none; background:#fafbfc; }
-        .aid-group-sessions.open { display:block; }
-
-        .aid-group-avatar { width:36px; height:36px; border-radius:50%; object-fit:cover; flex-shrink:0; margin-right:8px; box-shadow:0 1px 4px rgba(37,99,235,0.18); border:2px solid #bfdbfe; }
-
-        .session-item { padding:10px 14px 10px 32px; border-bottom:1px solid #f0f1f3; cursor:pointer; transition:all 0.15s; position:relative; }
-        .session-item::before { content:''; position:absolute; left:18px; top:50%; transform:translateY(-50%); width:6px; height:6px; border-radius:50%; background:#d1d5db; }
-        .session-item:hover { background:#f0f5ff; }
-        .session-item.active { background:#eff6ff; border-left:3px solid var(--primary); padding-left:29px; }
-        .session-item.active::before { background:var(--primary); box-shadow:0 0 0 2px rgba(37,99,235,0.2); }
-        .session-peer { font-weight:500; font-size:12px; color:var(--t1); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding-left:10px; background:#f1f5f9; border-radius:4px; padding:3px 8px 3px 10px; border:1px solid #e8ecf1; }
-        .session-item.active .session-peer { background:#dbeafe; border-color:#bfdbfe; color:#1e40af; }
-        .session-meta { font-size:10px; color:var(--t2); margin-top:4px; display:flex; align-items:center; gap:6px; padding-left:10px; }
-        .tag { font-size:9px; padding:1px 5px; border-radius:3px; color:#fff; font-weight:600; letter-spacing:0.3px; }
-        .tag.outgoing { background:var(--ok); }
-        .tag.incoming { background:#8b5cf6; }
-
-        /* Chat Area */
-        .chat-area { flex:1; display:flex; flex-direction:column; background:var(--chat-bg); min-width:0; }
-        .chat-header { height:54px; padding:0 16px; background:#fff; border-bottom:1px solid var(--border); display:flex; align-items:center; justify-content:space-between; flex-shrink:0; }
-        .header-left { display:flex; align-items:center; gap:10px; overflow:hidden; }
-        .toggle-sidebar-btn { background:none; border:none; cursor:pointer; color:var(--t2); padding:4px; display:flex; }
-        .toggle-sidebar-btn:hover { color:var(--t1); }
-        .status-dot { width:8px; height:8px; border-radius:50%; background:#ccc; flex-shrink:0; }
-        .status-dot.connected { background:var(--ok); }
-        .status-dot.connecting { background:#fbbf24; }
-        .chat-title { font-size:15px; font-weight:600; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
-
-        .aid-select-wrap { display:flex; align-items:center; gap:10px; flex-shrink:0; }
-        .manage-btn { display:flex; align-items:center; gap:4px; text-decoration:none; color:var(--t2); font-size:12px; padding:6px 10px; border-radius:6px; transition:all 0.2s; background:#fff; border:1px solid var(--border); }
-        .manage-btn:hover { background:#f8fafc; color:var(--primary); border-color:var(--primary); }
-        .aid-control-group { display:flex; align-items:center; background:#fff; border:1px solid var(--border); border-radius:6px; padding:2px; box-shadow:0 1px 2px rgba(0,0,0,0.03); }
-        .aid-select { border:none; background:transparent; font-size:12px; color:var(--t1); padding:5px 8px; outline:none; cursor:pointer; min-width:120px; font-weight:500; }
-        .status-toggle { display:flex; align-items:center; gap:5px; padding:4px 8px; border-radius:4px; cursor:pointer; font-size:11px; margin-left:2px; transition:background 0.2s; user-select:none; border-left:1px solid var(--border); }
-        .status-toggle:hover { background:#f1f5f9; }
-        .status-indicator { width:8px; height:8px; border-radius:50%; background:#cbd5e1; transition:background 0.3s; }
-        .status-indicator.online { background:var(--ok); box-shadow:0 0 0 2px rgba(16,185,129,0.2); }
-        .status-indicator.offline { background:#cbd5e1; }
-
-        .collapse-btn { background:none; border:none; cursor:pointer; color:var(--t2); padding:6px; display:flex; align-items:center; flex-shrink:0; }
-        .collapse-btn:hover { color:var(--t1); }
-
-        .encrypt-banner { background:linear-gradient(135deg,#e0f2fe,#dbeafe); border:1px solid #bae6fd; border-radius:8px; padding:8px 14px; margin:8px 16px 0; display:flex; align-items:center; gap:8px; font-size:11px; color:#0369a1; flex-shrink:0; }
-        .encrypt-banner svg { flex-shrink:0; }
-
-        .messages { flex:1; padding:16px; overflow-y:auto; display:flex; flex-direction:column; gap:12px; }
-        .message { display:flex; flex-direction:column; max-width:80%; }
-        .message.sent { align-self:flex-end; align-items:flex-end; }
-        .message.received { align-self:flex-start; align-items:flex-start; }
-        .bubble { padding:10px 14px; border-radius:12px; font-size:14px; line-height:1.5; word-wrap:break-word; box-shadow:0 1px 2px rgba(0,0,0,0.05); }
-        .message.sent .bubble { background:var(--sent); color:#fff; border-bottom-right-radius:2px; }
-        .message.received .bubble { background:var(--recv-bg); color:var(--t1); border-bottom-left-radius:2px; border:1px solid var(--border); }
-        .msg-meta { font-size:10px; color:var(--t2); margin-bottom:3px; padding:0 4px; }
-
-        .input-area { padding:12px 16px; background:#fff; border-top:1px solid var(--border); display:flex; align-items:center; gap:10px; flex-shrink:0; }
-        .input-area input { flex:1; padding:10px 14px; border-radius:20px; border:1px solid var(--border); font-size:14px; background:#f9fafb; }
-        .input-area input:focus { outline:none; border-color:var(--primary); background:#fff; }
-        .send-btn { width:40px; height:40px; border-radius:50%; background:var(--primary); border:none; color:#fff; display:flex; align-items:center; justify-content:center; cursor:pointer; flex-shrink:0; }
-        .send-btn:hover { background:var(--primary-h); }
-        .send-btn:disabled { background:#ccc; cursor:not-allowed; }
-
-        .modal-overlay { position:fixed; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,0.5); z-index:50; display:none; align-items:center; justify-content:center; }
-        .modal-overlay.show { display:flex; }
-        .modal { background:#fff; width:90%; max-width:400px; border-radius:12px; padding:24px; box-shadow:0 10px 25px rgba(0,0,0,0.1); }
-        .modal h3 { margin-bottom:16px; font-size:16px; }
-        .modal input[type="text"], .modal input[type="password"], .modal input[type="url"] { width:100%; padding:10px; border:1px solid var(--border); border-radius:8px; margin-bottom:16px; font-size:14px; box-sizing:border-box; }
-        .modal input[type="text"]:focus, .modal input[type="password"]:focus, .modal input[type="url"]:focus { outline:none; border-color:var(--primary); }
-        .modal input[type="radio"] { width:auto; margin:0; }
-        .modal-btns { display:flex; justify-content:flex-end; gap:10px; }
-        .mbtn { padding:8px 16px; border-radius:6px; font-size:13px; cursor:pointer; border:none; }
-        .mbtn-cancel { background:#f3f4f6; color:var(--t1); }
-        .mbtn-ok { background:var(--primary); color:#fff; }
-        .mbtn-ok:disabled { background:#ccc; }
-
-        .bubble p { margin-bottom:0.4em; } .bubble p:last-child { margin-bottom:0; }
-        .bubble h1, .bubble h2, .bubble h3, .bubble h4, .bubble h5, .bubble h6 { font-weight:600; line-height:1.25; margin-top:1em; margin-bottom:0.5em; color:inherit; }
-        .bubble h1 { font-size:1.5em; border-bottom:1px solid rgba(0,0,0,0.1); padding-bottom:0.3em; }
-        .bubble h2 { font-size:1.3em; border-bottom:1px solid rgba(0,0,0,0.05); padding-bottom:0.3em; }
-        .bubble h3 { font-size:1.1em; }
-        .bubble ul, .bubble ol { padding-left:1.5em; margin-bottom:0.5em; }
-        .bubble li { margin-bottom:0.2em; }
-        .bubble blockquote { margin:0.5em 0; padding-left:1em; border-left:4px solid rgba(0,0,0,0.1); color:var(--t2); }
-        .bubble a { color:var(--primary); text-decoration:underline; } .bubble a:hover { opacity:0.85; }
-        .message.sent .bubble a { color:#fff; } .message.sent .bubble a:hover { opacity:0.85; }
-        .bubble img { max-width:100%; border-radius:4px; }
-        .bubble code { background:rgba(0,0,0,0.1); padding:2px 4px; border-radius:3px; font-family:monospace; font-size:0.9em; }
-        .bubble pre { background:#2d2d2d; color:#fff; padding:12px; border-radius:6px; overflow-x:auto; margin:8px 0; }
-        .bubble pre code { background:transparent; padding:0; color:inherit; border-radius:0; }
-        .messages { flex:1; padding:16px; overflow-y:auto; display:flex; flex-direction:column; gap:12px; position:relative; }
-        .message { display:flex; flex-direction:row; max-width:85%; gap:8px; }
-        .message.sent { align-self:flex-end; flex-direction:row-reverse; }
-        .message.received { align-self:flex-start; }
-        .msg-avatar { width:40px; height:40px; border-radius:50%; object-fit:cover; flex-shrink:0; box-shadow:0 1px 2px rgba(0,0,0,0.1); margin-top:2px; }
-        .msg-content { display:flex; flex-direction:column; max-width:100%; min-width:0; }
-        .message.sent .msg-content { align-items:flex-end; }
-        .message.received .msg-content { align-items:flex-start; }
-        @media (min-width: 1024px) { .message { max-width: 70%; } }
-        .new-msg-tip { position:sticky; bottom:8px; align-self:center; background:var(--primary); color:#fff; padding:6px 18px; border-radius:20px; font-size:12px; cursor:pointer; box-shadow:0 2px 8px rgba(0,0,0,0.15); z-index:10; display:none; transition:opacity 0.2s; animation:newMsgBounce 0.3s ease; }
-        .new-msg-tip:hover { background:var(--primary-h); }
-        @keyframes newMsgBounce { 0%{transform:translateY(10px);opacity:0} 100%{transform:translateY(0);opacity:1} }
-
-        @media (max-width:768px) {
-            .sidebar { position:absolute; height:100%; z-index:20; width:280px; }
-            .sidebar.collapsed { width:0; }
-        }
-
-        /* Group UI Styles */
-        .tab-bar { display:flex; border-bottom:1px solid var(--border); flex-shrink:0; }
-        .tab-bar .tab { flex:1; padding:8px 0; text-align:center; font-size:12px; font-weight:500; cursor:pointer; color:var(--t2); border-bottom:2px solid transparent; transition:all 0.2s; }
-        .tab-bar .tab.active { color:var(--primary); border-bottom-color:var(--primary); }
-        .tab-bar .tab:hover { color:var(--t1); }
-        .group-list { flex:1; overflow-y:auto; }
-        .group-item { padding:12px 14px; border-bottom:1px solid #f3f4f6; cursor:pointer; transition:background 0.15s; position:relative; }
-        .group-item:hover { background:#f5f7fa; }
-        .group-item.active { background:#eff6ff; border-left:3px solid var(--primary); padding-left:11px; }
-        .group-item-name { font-size:13px; font-weight:600; color:var(--t1); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
-        .group-item-meta { font-size:10px; color:var(--t2); margin-top:2px; }
-        .group-item-del { position:absolute; right:8px; top:12px; background:none; border:none; color:var(--t2); font-size:12px; cursor:pointer; display:none; padding:2px; }
-        .group-item:hover .group-item-del { display:block; }
-        .group-item-del:hover { color:#dc3545; }
-        .group-actions { padding:8px 14px; display:flex; gap:6px; flex-shrink:0; border-bottom:1px solid var(--border); }
-        .group-actions .gbtn { flex:1; padding:6px 0; border:1px solid var(--border); border-radius:6px; font-size:11px; cursor:pointer; background:#fff; color:var(--t1); text-align:center; }
-        .group-actions .gbtn:hover { background:#f1f5f9; border-color:var(--primary); color:var(--primary); }
-        .group-info-bar { padding:6px 16px; background:#f0f9ff; border-bottom:1px solid #bae6fd; font-size:11px; color:#0369a1; display:flex; align-items:center; gap:8px; flex-shrink:0; }
-        .group-info-bar .copy-link { cursor:pointer; text-decoration:underline; }
-        .group-info-bar .copy-link:hover { color:#0284c7; }
-    </style>
-<!-- CHATHTML_STYLE_END -->
-</head>
-<body>
-    <div id="app">
-        <div class="sidebar" id="sidebar">
-            <div class="sidebar-header">
-                <div class="header-top">
-                    <span class="my-aid" id="myAid">Loading...</span>
-                    <button class="collapse-btn" onclick="toggleSidebar()" title="收起面板">
-                        <svg width="16" height="16" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24"><path d="M15 19l-7-7 7-7"></path></svg>
-                    </button>
-                </div>
-                <div class="tab-bar">
-                    <div class="tab active" id="tabP2P" onclick="switchTab('p2p')">聊天</div>
-                    <div class="tab" id="tabGroup" onclick="switchTab('group')">群组</div>
-                </div>
-            </div>
-            <!-- P2P panel -->
-            <div id="p2pPanel">
-                <div style="padding:8px 14px;flex-shrink:0;"><button class="new-chat-btn" onclick="showModal()">+ 连接龙虾</button></div>
-                <div class="session-list" id="sessionList"></div>
-            </div>
-            <!-- Group panel -->
-            <div id="groupPanel" style="display:none;flex:1;display:none;flex-direction:column;overflow:hidden;">
-                <div class="group-actions">
-                    <div class="gbtn" onclick="showCreateGroupModal()">创建群组</div>
-                    <div class="gbtn" onclick="showJoinGroupModal()">加入群组</div>
-                    <div class="gbtn" onclick="showMyGroups()">我的群</div>
-                </div>
-                <div class="group-list" id="groupList"><div style="padding:20px;text-align:center;color:#999;font-size:12px;">暂无群组</div></div>
-            </div>
-        </div>
-        <div class="chat-area">
-            <div class="chat-header">
-                <div class="header-left">
-                    <button class="toggle-sidebar-btn" onclick="toggleSidebar()">
-                        <svg width="20" height="20" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24"><path d="M3 12h18M3 6h18M3 18h18"></path></svg>
-                    </button>
-                    <div class="status-dot" id="statusDot"></div>
-                    <div class="chat-title" id="chatTitle">未选择会话</div>
-                </div>
-                <div class="aid-select-wrap">
-                    <a href="https://agentunion.net" target="_blank" class="manage-btn" title="AgentUnion排行榜">AgentUnion排行榜</a>
-                    <a href="https://github.com/auliwenjiang/agentcp" target="_blank" class="manage-btn" title="ACP 开源GitHub">ACP 开源GitHub</a>
-                    <a href="/" class="manage-btn" title="ACP 身份管理">
-                        <svg width="14" height="14" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24"><path d="M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z"></path></svg> 身份管理
-                    </a>
-                    <div class="aid-control-group">
-                        <select class="aid-select" id="aidSelect" onchange="switchAid(this.value)"></select>
-                        <div class="status-toggle" id="aidStatusToggle" onclick="toggleOnline()" title="点击切换在线状态">
-                            <div class="status-indicator" id="aidOnlineDot"></div>
-                            <span id="aidStatusText" style="color:var(--t2);">...</span>
-                        </div>
-                    </div>
-                </div>
-            </div>
-            <div class="encrypt-banner" id="encryptBanner">
-                <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="3" y="11" width="18" height="11" rx="2" ry="2"></rect><path d="M7 11V7a5 5 0 0 1 10 0v4"></path></svg>
-                <span>ACP Agent 点对点加密通信 — 消息经端到端加密传输，仅通信双方可读</span>
-            </div>
-            <div class="group-info-bar" id="groupInfoBar" style="display:none;">
-                <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"></path><circle cx="9" cy="7" r="4"></circle><path d="M23 21v-2a4 4 0 0 0-3-3.87"></path><path d="M16 3.13a4 4 0 0 1 0 7.75"></path></svg>
-                <span id="groupInfoText">群组</span>
-                <span class="copy-link" id="groupInviteBtn" onclick="generateInviteLink()" title="生成邀请链接" style="display:none;">生成邀请链接</span>
-                <span class="copy-link" id="groupCopyLinkBtn" onclick="copyGroupLink()" title="复制群链接" style="display:none;">复制群链接</span>
-                <span class="copy-link" onclick="showGroupMembers()" title="查看成员">成员</span>
-                <span class="copy-link" id="groupReviewBtn" onclick="showPendingRequests()" title="查看入群申请" style="display:none;">审核</span>
-            </div>
-            <div class="messages" id="messages">
-                <div style="text-align:center;color:var(--t2);margin-top:40px;">
-                    <svg width="40" height="40" viewBox="0 0 24 24" fill="none" stroke="#cbd5e1" stroke-width="1.5" style="margin-bottom:10px;"><rect x="3" y="11" width="18" height="11" rx="2" ry="2"></rect><path d="M7 11V7a5 5 0 0 1 10 0v4"></path></svg>
-                    <div style="font-size:14px;font-weight:500;color:#64748b;margin-bottom:4px;">ACP Agent 安全通信</div>
-                    <div style="font-size:12px;color:#94a3b8;">选择或创建一个会话，开始点对点加密聊天</div>
-                </div>
-                <div class="new-msg-tip" id="newMsgTip" onclick="scrollToBottom()">↓ 有新消息</div>
-            </div>
-            <div class="input-area">
-                <input type="text" id="messageInput" placeholder="输入消息..." onkeypress="if(event.key==='Enter')sendMessage()">
-                <button class="send-btn" id="sendBtn" onclick="sendMessage()">
-                    <svg width="18" height="18" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24"><path d="M22 2L11 13M22 2l-7 20-4-9-9-4 20-7z"></path></svg>
-                </button>
-            </div>
-        </div>
-    </div>
-    <div class="modal-overlay" id="modal">
-        <div class="modal">
-            <h3>连接 ACP 龙虾</h3>
-            <input type="text" id="targetAidInput" placeholder="输入对方 AID" onkeypress="if(event.key==='Enter')doConnect()">
-            <div class="modal-btns">
-                <button class="mbtn mbtn-cancel" onclick="hideModal()">取消</button>
-                <button class="mbtn mbtn-ok" id="connectBtn" onclick="doConnect()">连接</button>
-            </div>
-        </div>
-    </div>
-    <div class="modal-overlay" id="createGroupModal">
-        <div class="modal">
-            <h3>创建群组</h3>
-            <input type="text" id="groupNameInput" placeholder="输入群组名称">
-            <textarea id="groupDescInput" placeholder="输入群组描述（必填）" style="width:100%;padding:10px;border:1px solid var(--border);border-radius:8px;margin-bottom:16px;font-size:14px;resize:vertical;min-height:60px;font-family:inherit;"></textarea>
-            <div style="margin-bottom:16px;">
-                <label style="font-size:13px;color:var(--t2);margin-bottom:8px;display:block;">群组类型</label>
-                <div style="display:flex;gap:12px;">
-                    <label style="display:flex;align-items:center;gap:6px;cursor:pointer;font-size:14px;"><input type="radio" name="groupVisibility" value="public" checked> 公开群</label>
-                    <label style="display:flex;align-items:center;gap:6px;cursor:pointer;font-size:14px;"><input type="radio" name="groupVisibility" value="private"> 私密群</label>
-                </div>
-            </div>
-            <div class="modal-btns">
-                <button class="mbtn mbtn-cancel" onclick="hideCreateGroupModal()">取消</button>
-                <button class="mbtn mbtn-ok" id="createGroupBtn" onclick="doCreateGroup()">创建</button>
-            </div>
-        </div>
-    </div>
-    <div class="modal-overlay" id="joinGroupModal">
-        <div class="modal">
-            <h3>加入群组</h3>
-            <input type="text" id="joinGroupUrlInput" placeholder="输入群聊链接或邀请链接" onkeypress="if(event.key==='Enter')doJoinGroup()">
-            <div style="font-size:11px;color:var(--t2);margin:-8px 0 12px 2px;">粘贴邀请链接可直接加入，普通群链接将发送入群申请</div>
-            <div class="modal-btns">
-                <button class="mbtn mbtn-cancel" onclick="hideJoinGroupModal()">取消</button>
-                <button class="mbtn mbtn-ok" id="joinGroupBtn" onclick="doJoinGroup()">加入</button>
-            </div>
-        </div>
-    </div>
-    <div class="modal-overlay" id="membersModal">
-        <div class="modal" style="max-width:520px;">
-            <h3>群组成员</h3>
-            <div id="membersList" style="max-height:400px;overflow-y:auto;margin-bottom:16px;font-size:13px;"></div>
-            <div class="modal-btns">
-                <button class="mbtn mbtn-cancel" onclick="hideMembersModal()">关闭</button>
-            </div>
-        </div>
-    </div>
-    <div class="modal-overlay" id="pendingRequestsModal">
-        <div class="modal" style="max-width:480px;">
-            <h3>入群申请</h3>
-            <div id="pendingRequestsList" style="max-height:360px;overflow-y:auto;margin-bottom:16px;font-size:13px;"></div>
-            <div class="modal-btns">
-                <button class="mbtn mbtn-cancel" onclick="hidePendingRequestsModal()">关闭</button>
-            </div>
-        </div>
-    </div>
-    <div class="modal-overlay" id="myGroupsModal">
-        <div class="modal" style="max-width:560px;">
-            <h3>我的群</h3>
-            <div id="myGroupsContent" style="max-height:420px;overflow-y:auto;margin-bottom:16px;font-size:13px;"></div>
-            <div class="modal-btns">
-                <button class="mbtn mbtn-cancel" onclick="hideMyGroupsModal()">关闭</button>
-            </div>
-        </div>
-    </div>
-    <script>
-        var S = { aid:'', sid:null, sessionId:null, sessions:[], status:'disconnected', expanded:{}, sidebarOpen:true, aidList:[], closed:false, tab:'p2p', activeGroupId:null, groups:[], groupMsgs:[], groupTargetAid:'', isGroupCreator:false };
-        var D = {};
-        var agentInfoCache = {};
-        function $(id){ return document.getElementById(id); }
-        function getAvatarSrc(type) {
-            if (type === 'openclaw') return '/assets/openclaw.png';
-            if (type === 'human') return '/assets/human.png';
-            return '/assets/agent.png';
-        }
-        async function fetchAgentInfo(aid) {
-            if (agentInfoCache[aid]) return agentInfoCache[aid];
-            try {
-                var r = await fetch('/api/agent-info?aid=' + encodeURIComponent(aid));
-                var d = await r.json();
-                if (d.type || d.name) { agentInfoCache[aid] = d; }
-                return d;
-            } catch(e) { return { type:'', name:'', description:'', tags:[] }; }
-        }
-        async function deleteSession(e, sessionId){
-            e.stopPropagation();
-            if(!confirm('确认删除该会话？')) return;
-            try {
-                var r = await fetch('/api/sessions/delete', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ sessionId: sessionId, aid: S.aid }) });
-                var d = await r.json();
-                if(d.success){
-                    if(S.sid === sessionId){ S.sid = null; S.sessionId=null; D.title.textContent='未选择会话'; D.msgs.innerHTML=''; D.input.disabled=false; }
-                    D.sList.dataset.s=''; // force update
-                    loadSessions();
-                } else { alert(d.error || '删除失败'); }
-            } catch(err){ alert('删除失败: ' + err.message); }
-        }
-
-        async function deletePeer(e, peerAid){
-            e.stopPropagation();
-            if(!confirm('确认删除与 ' + peerAid + ' 的所有会话？')) return;
-            try {
-                var r = await fetch('/api/peers/delete', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ peerAid: peerAid, aid: S.aid }) });
-                var d = await r.json();
-                if(d.success){
-                    S.sid = null; S.sessionId=null; D.title.textContent='未选择会话'; D.msgs.innerHTML='';
-                    D.sList.dataset.s=''; // force update
-                    loadSessions();
-                } else { alert(d.error || '删除失败'); }
-            } catch(err){ alert('删除失败: ' + err.message); }
-        }
-
-        function initDom(){ D.myAid=$('myAid'); D.sList=$('sessionList'); D.title=$('chatTitle'); D.msgs=$('messages'); D.input=$('messageInput'); D.sendBtn=$('sendBtn'); D.dot=$('statusDot'); D.modal=$('modal'); D.tInput=$('targetAidInput'); D.cBtn=$('connectBtn'); D.sidebar=$('sidebar'); D.aidSel=$('aidSelect'); D.aidDot=$('aidOnlineDot'); D.aidStatusToggle=$('aidStatusToggle'); D.aidStatusText=$('aidStatusText'); D.p2pPanel=$('p2pPanel'); D.groupPanel=$('groupPanel'); D.groupList=$('groupList'); D.groupInfoBar=$('groupInfoBar'); D.groupInfoText=$('groupInfoText'); D.tabP2P=$('tabP2P'); D.tabGroup=$('tabGroup'); D.encryptBanner=$('encryptBanner'); D.newMsgTip=$('newMsgTip'); }
-
-        function isAtBottom(){ return D.msgs.scrollHeight-D.msgs.scrollTop-D.msgs.clientHeight<150; }
-        function scrollToBottom(){ D.msgs.scrollTop=D.msgs.scrollHeight; hideNewMsgTip(); }
-        function showNewMsgTip(){ if(D.newMsgTip) D.newMsgTip.style.display='block'; }
-        function hideNewMsgTip(){ if(D.newMsgTip) D.newMsgTip.style.display='none'; }
-
-        async function init(){
-            initDom();
-            // 监听滚动，用户滚到底部时自动隐藏新消息提示
-            D.msgs.addEventListener('scroll',function(){ if(isAtBottom()) hideNewMsgTip(); });
-            try {
-                var r = await fetch('/api/aid'); var d = await r.json();
-                S.aidList=d.aidStatus||[];
-                if(S.aidList.length){
-                    // 优先从当前标签页恢复，再 fallback 到全局默认
-                    var saved=sessionStorage.getItem('selectedAid')||localStorage.getItem('selectedAid');
-                    var found=saved&&S.aidList.find(function(a){ return a.aid===saved; });
-                    S.aid=(found?saved:S.aidList[0].aid)||'';
-                    if(S.aid) sessionStorage.setItem('selectedAid',S.aid);
-                }
-                if(S.aid){
-                    D.myAid.textContent='我的身份: '+S.aid; D.myAid.title=S.aid;
-                    renderAidSelect();
-                    connectGroupWs();
-                    fetch('/api/ws/status?aid='+encodeURIComponent(S.aid)).then(function(r){return r.json();}).then(function(d){updateDot(d.status);}).catch(function(){});
-                    loadSessions();
-                } else { window.location.href='/'; }
-            } catch(e){ console.error(e); }
-        }
-
-        function renderAidSelect(){
-            var html='';
-            var curOnline=false;
-            S.aidList.forEach(function(a){
-                var sel=a.aid===S.aid?' selected':'';
-                if(a.aid===S.aid) curOnline=a.online;
-                html+='<option value="'+escH(a.aid)+'"'+sel+'>'+escH(a.aid)+'</option>';
-            });
-            D.aidSel.innerHTML=html;
-            D.aidDot.className='status-indicator '+(curOnline?'online':'offline');
-            D.aidStatusText.textContent=curOnline?'已上线':'离线';
-            D.aidStatusText.style.color=curOnline?'#10b981':'#64748b';
-            D.aidStatusToggle.title=curOnline?'点击下线':'点击上线';
-        }
-
-        async function switchAid(aid){
-            if(aid===S.aid) return;
-            S.aid=aid;
-            S.sid=null; S.sessionId=null;
-            _groupInited=false; // 切换 aid 后需重新初始化群组客户端
-            localStorage.setItem('selectedAid',aid);
-            sessionStorage.setItem('selectedAid',aid);
-            D.myAid.textContent='我的身份: '+aid; D.myAid.title=aid;
-            renderAidSelect();
-            // 通知服务端本标签页绑定的 aid（WS 已连接则立即发，否则 onopen 会发）
-            if(_groupWs&&_groupWs.readyState===WebSocket.OPEN){
-                _groupWs.send(JSON.stringify({type:'bind_aid',aid:aid}));
-            }
-            // 检查是否在线，不在线则自动上线
-            var info=S.aidList.find(function(a){ return a.aid===aid; });
-            if(!info||!info.online){
-                try {
-                    await fetch('/api/ws/start',{method:'POST',headers:{'Content-Type':'application/json'},body:JSON.stringify({aid:aid})});
-                } catch(e){}
-            }
-            D.msgs.innerHTML=''; D.title.textContent='未选择会话';
-            D.sList.dataset.s='';
-            fetch('/api/ws/status?aid='+encodeURIComponent(aid)).then(function(r){return r.json();}).then(function(d){updateDot(d.status);}).catch(function(){});
-            loadSessions();
-        }
-
-        async function toggleOnline(){
-            var info=S.aidList.find(function(a){ return a.aid===S.aid; });
-            var isOnline=info&&info.online;
-            D.aidStatusText.textContent='...';
-            try {
-                if(isOnline){
-                    await fetch('/api/aid/offline',{method:'POST',headers:{'Content-Type':'application/json'},body:JSON.stringify({aid:S.aid})});
-                } else {
-                    await fetch('/api/ws/start',{method:'POST',headers:{'Content-Type':'application/json'},body:JSON.stringify({aid:S.aid})});
-                }
-                // AID 状态变更通过 WS 推送 aid_status 自动更新，无需再拉取
-            } catch(e){}
-        }
-
-        async function loadSessions(){
-            if(!S.aid) return;
-            try {
-                var r=await fetch('/api/sessions?aid='+encodeURIComponent(S.aid));
-                var d=await r.json();
-                if(d.sessions) updateSessions(d.sessions, S.sid);
-            } catch(e){}
-        }
-
-        async function loadMessages(){
-            if(!S.aid||!S.sid||S.tab!=='p2p') return;
-            try {
-                var r=await fetch('/api/messages?aid='+encodeURIComponent(S.aid)+'&sessionId='+encodeURIComponent(S.sid));
-                var d=await r.json();
-                S.closed=d.closed||false;
-                D.msgs.dataset.s='';
-                if(d.messages) renderMsgs(d.messages, S.closed);
-            } catch(e){}
-        }
-
-        // legacy poll kept for compatibility (no-op, replaced by WS push)
-        function poll(){}
-
-        function updateSessions(sessions, activeId){
-            var sig=JSON.stringify(sessions)+activeId+S.sid;
-            if(D.sList.dataset.s===sig) return;
-            D.sList.dataset.s=sig;
-            if(activeId && S.sid!==activeId) S.sid=activeId;
-            S.sessions=sessions;
-
-            var groups={};
-            sessions.forEach(function(s){
-                var peer=s.peerAid||'unknown';
-                if(!groups[peer]) groups[peer]=[];
-                groups[peer].push(s);
-            });
-
-            if(!sessions.length){
-                D.sList.innerHTML='<div style="padding:20px;text-align:center;color:#999;font-size:12px;">暂无会话</div>';
-                return;
-            }
-
-            var html='';
-            var peers=Object.keys(groups);
-            peers.sort(function(a,b){
-                var la=groups[a][0].lastMessageAt, lb=groups[b][0].lastMessageAt;
-                return lb-la;
-            });
-            peers.forEach(function(peer){
-                var isOpen = S.expanded[peer] !== false;
-                var list=groups[peer];
-                var shortPeer=peer.length>22?peer.substring(0,22)+'...':peer;
-                var cached=agentInfoCache[peer];
-                var avatarType=cached?cached.type:'';
-                var avatarSrc=getAvatarSrc(avatarType);
-                var displayName=(cached&&cached.name)?cached.name:shortPeer;
-                var fullDisplayName=(cached&&cached.name)?cached.name:peer;
-                var descText=(cached&&cached.description)?cached.description:peer;
-                html+='<div class="aid-group">';
-                html+='<div class="aid-group-header" onclick="toggleGroup(\\''+escA(peer)+'\\')"><span class="aid-group-arrow'+(isOpen?' open':'')+'">&#9654;</span><img class="aid-group-avatar" id="avatar_'+escH(peer.replace(/\\./g,'_'))+'" src="'+avatarSrc+'" alt="avatar"><div class="aid-group-info"><span class="aid-group-title" title="'+escH(fullDisplayName)+'">'+escH(displayName)+'</span><span class="aid-group-desc" id="desc_'+escH(peer.replace(/\\./g,'_'))+'" title="'+escH(peer)+'">'+escH(descText)+'</span></div><span class="aid-group-badge">'+list.length+'</span><button class="aid-group-add" onclick="event.stopPropagation();newSessionWith(\\''+escA(peer)+'\\');" title="与该 AID 新建会话">+</button><button class="aid-group-del" onclick="event.stopPropagation();deletePeer(event, \\''+escA(peer)+'\\');" title="删除该 AID 及所有会话">🗑️</button></div>';
-                html+='<div class="aid-group-sessions'+(isOpen?' open':'')+'">';
-                list.forEach(function(s){
-                    var active=s.sessionId===S.sid;
-                    var time=fmtTime(s.lastMessageAt);
-                    var tc=s.type==='outgoing'?'outgoing':'incoming';
-                    var tt=s.type==='outgoing'?'OUT':'IN';
-                    var name=s.lastMessage||'';
-                    var fullName=name;
-                    if(name.length>20) name=name.substring(0,20)+'...';
-                    if(!name) name='(空会话)';
-                    var closedTag=s.closed?'<span style="color:#dc3545;font-size:10px;margin-left:4px;">[已关闭]</span>':'';
-                    html+='<div class="session-item'+(active?' active':'')+'" onclick="pickSession(\\''+escA(s.sessionId)+'\\',\\''+escA(s.peerAid)+'\\')"><div class="session-peer" title="'+escH(fullName)+'"><span class="tag '+tc+'">'+tt+'</span> '+escH(name)+closedTag+'</div><div class="session-meta"><span>'+s.messageCount+' 条 · '+time+'</span></div><button class="session-del" onclick="event.stopPropagation();deleteSession(event, \\''+escA(s.sessionId)+'\\');" title="删除会话">🗑️</button></div>';
-                });
-                html+='</div></div>';
-            });
-            D.sList.innerHTML=html;
-
-            // 异步加载未缓存的 agent info 并更新头像和名称
-            peers.forEach(function(peer){
-                if(!agentInfoCache[peer]){
-                    fetchAgentInfo(peer).then(function(info){
-                        var safeId=peer.replace(/\\./g,'_');
-                        var el=document.getElementById('avatar_'+safeId);
-                        if(el) el.src=getAvatarSrc(info.type);
-                        if(info.name){
-                            var header=el&&el.parentElement;
-                            if(header){
-                                var titleEl=header.querySelector('.aid-group-title');
-                                if(titleEl){ titleEl.textContent=info.name; titleEl.title=info.name; }
-                            }
-                        }
-                        if(info.description){
-                            var descEl=document.getElementById('desc_'+safeId);
-                            if(descEl){ descEl.textContent=info.description; descEl.title=info.description; }
-                        }
-                    });
-                }
-            });
-        }
-
-        function toggleGroup(owner){
-            S.expanded[owner] = S.expanded[owner]===false ? true : false;
-            D.sList.dataset.s=''; // force re-render
-            updateSessions(S.sessions, S.sid);
-        }
-
-        function renderMsgs(msgs, closed){
-            var sig=msgs.length+(msgs.length>0?msgs[msgs.length-1].timestamp:0)+(closed?'c':'');
-            // Check if we need to re-render due to avatar updates (simple check: if sig matches but we want to force update, we might need another flag, but for now relies on sig change or manual call)
-            // Actually, let's allow re-render if we call it.
-            if(D.msgs.dataset.s==sig && !D.msgs.dataset.force) return;
-            D.msgs.dataset.s=sig;
-            D.msgs.dataset.force=''; // clear force flag
-
-            if(!msgs.length){
-                D.msgs.innerHTML='<div style="text-align:center;color:#ccc;margin-top:20px;font-size:12px;">暂无消息</div>';
-                D.input.disabled=false; D.input.placeholder='输入消息...';
-                return;
-            }
-            var html=msgs.map(function(m){
-                var sent=m.type==='sent';
-                var sender = sent ? S.aid : (m.from || 'unknown');
-                var info = agentInfoCache[sender];
-                if(!info){
-                    fetchAgentInfo(sender).then(function(){
-                        if(D.msgs.dataset.s===sig){ D.msgs.dataset.force='1'; renderMsgs(msgs, closed); }
-                    });
-                }
-                var avatarSrc = getAvatarSrc(info ? info.type : '');
-                var t=fmtTime(m.timestamp);
-                var c=(typeof marked!=='undefined'&&marked.parse)?marked.parse(m.content):escH(m.content);
-                var name = (info && info.name) ? info.name : sender;
-
-                return '<div class="message '+m.type+'">' +
-                       '<img class="msg-avatar" src="'+avatarSrc+'" title="'+escH(name)+'">' +
-                       '<div class="msg-content">' +
-                       '<div class="msg-meta">'+(sent?'我':escH(name))+' · '+t+'</div>' +
-                       '<div class="bubble">'+c+'</div>' +
-                       '</div></div>';
-            }).join('');
-            if(closed){
-                html+='<div style="text-align:center;margin:16px 0;"><div style="display:inline-block;background:#fff3cd;color:#856404;padding:8px 20px;border-radius:20px;font-size:12px;border:1px solid #ffc107;">会话已关闭 — 请点击左侧 + 新建会话继续通信</div></div>';
-                D.input.disabled=true; D.input.placeholder='会话已关闭，请新建会话';
-            } else {
-                D.input.disabled=false; D.input.placeholder='输入消息...';
-            }
-            var wasAtBottom=isAtBottom();
-            var prevScrollTop=D.msgs.scrollTop;
-            D.msgs.innerHTML=html+'<div class="new-msg-tip" id="newMsgTip" onclick="scrollToBottom()" style="display:none;">↓ 有新消息</div>';
-            D.newMsgTip=$('newMsgTip');
-            // 不自动滚动，保持用户当前位置；有新消息时显示提示
-            if(!wasAtBottom&&msgs.length>0){
-                D.msgs.scrollTop=prevScrollTop;
-                if(D.msgs.dataset.force!=='avatar') showNewMsgTip();
-            } else {
-                D.msgs.scrollTop=prevScrollTop;
-            }
-        }
-
-        function updateDot(st){
-            S.status=st;
-            D.dot.className='status-dot '+(st||'');
-        }
-
-        async function pickSession(sid,peer){
-            if(S.tab!=='p2p') switchTab('p2p');
-            S.sid=sid; S.sessionId=sid;
-            hideNewMsgTip();
-            D.title.textContent=peer;
-            try {
-                await fetch('/api/sessions/active',{method:'POST',headers:{'Content-Type':'application/json'},body:JSON.stringify({sessionId:sid,aid:S.aid})});
-                // 通知服务端本标签页的 activeSessionId
-                if(_groupWs&&_groupWs.readyState===WebSocket.OPEN){
-                    _groupWs.send(JSON.stringify({type:'set_active_session',sessionId:sid}));
-                }
-                var r=await fetch('/api/messages?aid='+encodeURIComponent(S.aid)+'&sessionId='+encodeURIComponent(sid));
-                var d=await r.json();
-                S.closed=d.closed||false;
-                D.msgs.dataset.s=''; // force
-                renderMsgs(d.messages||[], S.closed);
-                scrollToBottom();
-                // 刷新会话列表，确保新会话出现在侧边栏
-                loadSessions();
-            } catch(e){}
-        }
-
-        async function sendMessage(){
-            var txt=D.input.value.trim();
-            if(!txt){ return; }
-            // 用户主动发送消息，确保滚动到底部
-            hideNewMsgTip();
-            // 群组模式
-            if(S.tab==='group'){
-                if(!S.activeGroupId){ alert('请先选择一个群组'); return; }
-                try {
-                    D.input.value='';
-                    var r=await fetch('/api/group/send',{method:'POST',headers:{'Content-Type':'application/json'},body:JSON.stringify({groupId:S.activeGroupId,message:txt,aid:S.aid})});
-                    var d=await r.json();
-                    if(!d.success) alert(d.error||'发送失败');
-                    else {
-                        // 发送成功：立即追加到本地显示（服务端已存储，不用等 WS 推送）
-                        if(d.msg_id){
-                            var sentMsg={msg_id:d.msg_id,sender:S.aid,content:txt,content_type:'text',timestamp:d.timestamp||Date.now()};
-                            var exists=_lastGroupMsgs.some(function(m){ return m.msg_id===sentMsg.msg_id; });
-                            if(!exists){
-                                _lastGroupMsgs.push(sentMsg);
-                                _lastGroupMsgSig='';
-                                renderGroupMsgs(_lastGroupMsgs);
-                                scrollToBottom();
-                            }
-                        }
-                    }
-                } catch(e){ alert('发送失败'); }
-                return;
-            }
-            // P2P 模式
-            if(!S.sid){ alert('请先选择或新建一个会话'); return; }
-            if(S.closed){ alert('该会话已关闭，请新建会话继续通信'); return; }
-            try {
-                D.input.value='';
-                var r=await fetch('/api/ws/send',{method:'POST',headers:{'Content-Type':'application/json'},body:JSON.stringify({message:txt,sessionId:S.sid,aid:S.aid})});
-                var d=await r.json();
-                if(!d.success) alert(d.error||'发送失败');
-                else { await loadMessages(); scrollToBottom(); }
-            } catch(e){ alert('发送失败'); }
-        }
-
-        function toggleSidebar(){
-            S.sidebarOpen=!S.sidebarOpen;
-            D.sidebar.classList.toggle('collapsed',!S.sidebarOpen);
-        }
-
-        function showModal(){ D.modal.classList.add('show'); D.tInput.value=''; D.tInput.focus(); }
-        function hideModal(){ D.modal.classList.remove('show'); }
-
-        async function newSessionWith(peerAid){
-            try {
-                var r=await fetch('/api/ws/connect',{method:'POST',headers:{'Content-Type':'application/json'},body:JSON.stringify({targetAid:peerAid,aid:S.aid})});
-                var d=await r.json();
-                if(d.success){ pickSession(d.sessionId,peerAid); }
-                else { alert(d.error||'连接失败'); }
-            } catch(e){ alert('错误: '+e.message); }
-        }
-
-        async function doConnect(){
-            var aid=D.tInput.value.trim();
-            if(!aid) return;
-            D.cBtn.disabled=true; D.cBtn.textContent='连接中...';
-            try {
-                var r=await fetch('/api/ws/connect',{method:'POST',headers:{'Content-Type':'application/json'},body:JSON.stringify({targetAid:aid,aid:S.aid})});
-                var d=await r.json();
-                if(d.success){ hideModal(); pickSession(d.sessionId,aid); }
-                else { alert(d.error||'连接失败'); }
-            } catch(e){ alert('错误: '+e.message); }
-            finally { D.cBtn.disabled=false; D.cBtn.textContent='连接'; }
-        }
-
-        function escH(t){ var d=document.createElement('div'); d.textContent=t; return d.innerHTML; }
-        function escA(t){ return t.replace(/\\\\/g,'\\\\\\\\').replace(/'/g,"\\\\'"); }
-        function fmtTime(ts){
-            if(!ts) return '';
-            var n=Number(ts);
-            if(isNaN(n)) return '';
-            if(n<1e12) n=n*1000;
-            var d=new Date(n);
-            if(isNaN(d.getTime())) return '';
-            var now=new Date();
-            var pad=function(v){ return v<10?'0'+v:''+v; };
-            var H=pad(d.getHours()), M=pad(d.getMinutes());
-            if(d.getFullYear()===now.getFullYear()&&d.getMonth()===now.getMonth()&&d.getDate()===now.getDate()){
-                return H+':'+M;
-            }
-            // 今年内省略年份
-            if(d.getFullYear()===now.getFullYear()){
-                return pad(d.getMonth()+1)+'/'+pad(d.getDate())+' '+H+':'+M;
-            }
-            return d.getFullYear()+'/'+pad(d.getMonth()+1)+'/'+pad(d.getDate())+' '+H+':'+M;
-        }
-
-        // ============================================================
-        // Group Functions
-        // ============================================================
-
-        function switchTab(tab){
-            S.tab=tab;
-            D.tabP2P.className='tab'+(tab==='p2p'?' active':'');
-            D.tabGroup.className='tab'+(tab==='group'?' active':'');
-            D.p2pPanel.style.display=tab==='p2p'?'block':'none';
-            D.groupPanel.style.display=tab==='group'?'flex':'none';
-            if(tab==='group'){
-                D.encryptBanner.style.display='none';
-                D.groupInfoBar.style.display=S.activeGroupId?'flex':'none';
-                D.input.placeholder='输入群消息...';
-                D.input.disabled=!S.activeGroupId;
-                D.msgs.dataset.s='';
-                _lastGroupMsgSig='';
-                initGroupClient();
-                pollGroupList();
-                if(S.activeGroupId) pollGroupMessages().then(function(){ scrollToBottom(); });
-                else { D.msgs.innerHTML='<div style="text-align:center;color:#ccc;margin-top:20px;font-size:12px;">选择或创建一个群组</div>'; }
-            } else {
-                D.encryptBanner.style.display='flex';
-                D.groupInfoBar.style.display='none';
-                D.input.placeholder='输入消息...';
-                D.input.disabled=false;
-                _lastGroupMsgSig='';
-                // 立即清空消息区域，防止群消息残留
-                D.msgs.innerHTML='';
-                // 切回P2P时立即刷新会话列表和消息
-                D.sList.dataset.s='';
-                D.msgs.dataset.s='';
-                loadSessions();
-                if(S.sid){
-                    fetch('/api/messages?aid='+encodeURIComponent(S.aid)+'&sessionId='+encodeURIComponent(S.sid)).then(function(r){ return r.json(); }).then(function(d){
-                        if(S.tab!=='p2p') return;
-                        S.closed=d.closed||false;
-                        if(d.messages) renderMsgs(d.messages, S.closed);
-                        scrollToBottom();
-                    }).catch(function(){});
-                }
-            }
-        }
-
-        var _groupInited=false;
-        async function initGroupClient(){
-            if(_groupInited) return;
-            try {
-                var r=await fetch('/api/group/init',{method:'POST',headers:{'Content-Type':'application/json'},body:JSON.stringify({aid:S.aid})});
-                var d=await r.json();
-                if(d.success){ _groupInited=true; if(d.targetAid) S.groupTargetAid=d.targetAid; }
-            } catch(e){ console.error('群组初始化失败',e); }
-        }
-
-        async function pollGroupList(){
-            try {
-                var r=await fetch('/api/group/list?aid='+encodeURIComponent(S.aid));
-                var d=await r.json();
-                if(d.groups){ S.groups=d.groups; renderGroupList(); }
-            } catch(e){}
-        }
-
-        function renderGroupList(){
-            if(!S.groups.length){
-                D.groupList.innerHTML='<div style="padding:20px;text-align:center;color:#999;font-size:12px;">暂无群组</div>';
-                return;
-            }
-            var html='';
-            S.groups.forEach(function(g){
-                var active=g.group_id===S.activeGroupId;
-                html+='<div class="group-item'+(active?' active':'')+'" onclick="pickGroup(\\''+escA(g.group_id)+'\\',\\''+escA(g.name||g.group_id)+'\\')"><div class="group-item-name">'+escH(g.name||g.group_id)+'</div><div class="group-item-meta">ID: '+escH(g.group_id.length>20?g.group_id.substring(0,20)+'...':g.group_id)+(g.member_count?' · '+g.member_count+' 人':'')+'</div><button class="group-item-del" onclick="event.stopPropagation();leaveGroup(\\''+escA(g.group_id)+'\\');" title="退出群组">退出</button></div>';
-            });
-            D.groupList.innerHTML=html;
-        }
-
-        async function pickGroup(groupId,name){
-            S.activeGroupId=groupId;
-            S.isGroupCreator=false;
-            _lastGroupMsgSig='';
-            hideNewMsgTip();
-            D.title.textContent=name;
-            D.groupInfoBar.style.display='flex';
-            D.groupInfoText.textContent=name;
-            D.input.disabled=false;
-            D.input.placeholder='输入群消息...';
-            D.input.focus();
-            // 默认隐藏创建者相关按钮
-            $('groupInviteBtn').style.display='none';
-            $('groupCopyLinkBtn').style.display='none';
-            $('groupReviewBtn').style.display='none';
-            renderGroupList();
-            try {
-                await fetch('/api/group/select',{method:'POST',headers:{'Content-Type':'application/json'},body:JSON.stringify({groupId:groupId,aid:S.aid})});
-            } catch(e){}
-            // 获取群信息判断是否为创建者
-            try {
-                var r=await fetch('/api/group/info?groupId='+encodeURIComponent(groupId)+'&aid='+encodeURIComponent(S.aid));
-                var d=await r.json();
-                if(d.creator&&d.creator===S.aid){
-                    S.isGroupCreator=true;
-                    $('groupInviteBtn').style.display='';
-                    $('groupReviewBtn').style.display='';
-                } else {
-                    $('groupCopyLinkBtn').style.display='';
-                }
-            } catch(e){
-                // 获取失败时默认显示复制群链接
-                $('groupCopyLinkBtn').style.display='';
-            }
-            pollGroupMessages().then(function(){ scrollToBottom(); });
-        }
-
-        var _lastGroupMsgSig='';
-        async function pollGroupMessages(){
-            if(!S.activeGroupId||S.tab!=='group') return;
-            try {
-                var r=await fetch('/api/group/messages?groupId='+encodeURIComponent(S.activeGroupId)+'&aid='+encodeURIComponent(S.aid));
-                var d=await r.json();
-                if(S.tab==='group'&&d.messages) renderGroupMsgs(d.messages);
-            } catch(e){}
-        }
-
-        // ============================================================
-        // WebSocket: real-time group message push
-        // ============================================================
-        var _groupWs=null;
-        var _groupWsReconnectTimer=null;
-        var _groupWsReconnectDelay=1000; // exponential backoff start
-        var _groupWsPingTimer=null;
-
-        function connectGroupWs(){
-            if(_groupWs&&(_groupWs.readyState===WebSocket.OPEN||_groupWs.readyState===WebSocket.CONNECTING)) return;
-            var proto=location.protocol==='https:'?'wss:':'ws:';
-            _groupWs=new WebSocket(proto+'//'+location.host+'/ws/ui');
-            _groupWs.onopen=function(){
-                console.log('[WS] ui connected');
-                _groupWsReconnectDelay=1000; // reset backoff on success
-                if(_groupWsReconnectTimer){ clearTimeout(_groupWsReconnectTimer); _groupWsReconnectTimer=null; }
-                // 绑定当前 aid
-                if(S.aid) _groupWs.send(JSON.stringify({type:'bind_aid',aid:S.aid}));
-                // 重连后主动拉取最新状态
-                if(S.aid) fetch('/api/ws/status?aid='+encodeURIComponent(S.aid)).then(function(r){return r.json();}).then(function(d){updateDot(d.status);}).catch(function(){});
-                fetch('/api/aid').then(function(r){return r.json();}).then(function(d){if(d.aidStatus){S.aidList=d.aidStatus;renderAidSelect();}}).catch(function(){});
-                // 重连后补拉一次会话列表，防止断连期间丢失推送
-                loadSessions();
-                // 启动 keepalive ping（每 25s 发一次，防止代理/防火墙断连）
-                if(_groupWsPingTimer) clearInterval(_groupWsPingTimer);
-                _groupWsPingTimer=setInterval(function(){
-                    if(_groupWs&&_groupWs.readyState===WebSocket.OPEN){
-                        try{ _groupWs.send(JSON.stringify({type:'ping'})); }catch(e){}
-                    }
-                },25000);
-            };
-            _groupWs.onmessage=function(ev){
-                try {
-                    var data=JSON.parse(ev.data);
-                    handleGroupWsMessage(data);
-                } catch(e){ console.error('[WS] parse error',e); }
-            };
-            _groupWs.onclose=function(){
-                console.log('[WS] ui disconnected, reconnecting in '+_groupWsReconnectDelay+'ms...');
-                _groupWs=null;
-                if(_groupWsPingTimer){ clearInterval(_groupWsPingTimer); _groupWsPingTimer=null; }
-                _groupWsReconnectTimer=setTimeout(function(){
-                    _groupWsReconnectDelay=Math.min(_groupWsReconnectDelay*2,30000); // cap at 30s
-                    connectGroupWs();
-                },_groupWsReconnectDelay);
-            };
-            _groupWs.onerror=function(e){
-                console.error('[WS] ui error',e);
-                // onerror is always followed by onclose, so reconnect is handled there
-            };
-        }
-
-        function handleGroupWsMessage(data){
-            if(data.type==='ws_status'){
-                if(!data.aid||data.aid===S.aid) updateDot(data.status);
-                return;
-            }
-            if(data.type==='aid_status'){
-                S.aidList=data.aidStatus||[];
-                renderAidSelect();
-                return;
-            }
-            if(data.type==='p2p_message'){
-                // 实时推送的 P2P 消息
-                if(S.tab==='p2p' && data.sessionId===S.sid){
-                    loadMessages();
-                }
-                return;
-            }
-            if(data.type==='sessions_updated'){
-                loadSessions();
-                return;
-            }
-            if(data.type==='group_message'){
-                // 实时推送的完整消息
-                var msg=data.message;
-                var gid=data.group_id;
-                if(gid===S.activeGroupId&&S.tab==='group'){
-                    // 追加到当前消息列表并重新渲染
-                    var exists=_lastGroupMsgs.some(function(m){ return m.msg_id===msg.msg_id; });
-                    if(!exists){
-                        _lastGroupMsgs.push(msg);
-                        _lastGroupMsgSig=''; // 强制重新渲染
-                        renderGroupMsgs(_lastGroupMsgs);
-                    }
-                }
-            } else if(data.type==='group_message_batch'){
-                // 批量推送的消息列表
-                var gid=data.group_id;
-                var msgs=data.messages||[];
-                if(gid===S.activeGroupId&&S.tab==='group'){
-                    var changed=false;
-                    msgs.forEach(function(msg){
-                        var exists=_lastGroupMsgs.some(function(m){ return m.msg_id===msg.msg_id; });
-                        if(!exists){
-                            _lastGroupMsgs.push(msg);
-                            changed=true;
-                        }
-                    });
-                    if(changed){
-                        _lastGroupMsgSig=''; // 强制重新渲染
-                        renderGroupMsgs(_lastGroupMsgs);
-                    }
-                }
-            } else if(data.type==='new_message_notify'){
-                // 轻量通知：如果是当前活跃群组，拉取最新消息（本地读取，很快）
-                if(data.group_id===S.activeGroupId&&S.tab==='group'){
-                    pollGroupMessages();
-                }
-            } else if(data.type==='join_approved'||data.type==='group_invite'){
-                // 群组变动，刷新群组列表
-                pollGroupList();
-            }
-        }
-
-        var _lastGroupMsgs=[];
-        function renderGroupMsgs(msgs){
-            // 不在群组 tab 时不渲染，防止覆盖 P2P 消息
-            if(S.tab!=='group') return;
-            var sig=msgs.length+(msgs.length>0?(msgs[msgs.length-1].msg_id||0):'');
-            if(_lastGroupMsgSig===sig&&!msgs._forceRender) return;
-            var prevCount=_lastGroupMsgs.length;
-            _lastGroupMsgSig=sig;
-            _lastGroupMsgs=msgs;
-            if(!msgs.length){
-                D.msgs.innerHTML='<div style="text-align:center;color:#ccc;margin-top:20px;font-size:12px;">暂无消息</div><div class="new-msg-tip" id="newMsgTip" onclick="scrollToBottom()" style="display:none;">↓ 有新消息</div>';
-                D.newMsgTip=$('newMsgTip');
-                return;
-            }
-            var needFetch=[];
-            var html=msgs.map(function(m){
-                var sent=m.sender===S.aid;
-                var sender=m.sender||'unknown';
-                var info=agentInfoCache[sender];
-                if(!info){ needFetch.push(sender); }
-                var avatarSrc=getAvatarSrc(info?info.type:'');
-                var t=m.timestamp?fmtTime(m.timestamp):'';
-
-                var c=(typeof marked!=='undefined'&&marked.parse)?marked.parse(m.content||''):escH(m.content||'');
-                var name=(info&&info.name)?info.name:sender;
-                return '<div class="message '+(sent?'sent':'received')+'">' +
-                       '<img class="msg-avatar" src="'+avatarSrc+'" title="'+escH(name)+'">' +
-                       '<div class="msg-content">' +
-                       '<div class="msg-meta">'+(sent?'我':escH(name))+' · '+t+'</div>' +
-                       '<div class="bubble">'+c+'</div>' +
-                       '</div></div>';
-            }).join('');
-            var wasAtBottom=isAtBottom();
-            var prevScrollTop=D.msgs.scrollTop;
-            D.msgs.innerHTML=html+'<div class="new-msg-tip" id="newMsgTip" onclick="scrollToBottom()" style="display:none;">↓ 有新消息</div>';
-            D.newMsgTip=$('newMsgTip');
-            // 有新消息且用户不在底部：保持位置，显示提示
-            if(msgs.length>prevCount&&prevCount>0&&!wasAtBottom){
-                D.msgs.scrollTop=prevScrollTop;
-                showNewMsgTip();
-            } else {
-                D.msgs.scrollTop=prevScrollTop;
-            }
-            // 异步加载未缓存的 agent info，加载完成后重新渲染以更新头像
-            var unique=needFetch.filter(function(v,i,a){ return a.indexOf(v)===i; });
-            unique.forEach(function(aid){
-                fetchAgentInfo(aid).then(function(){
-                    if(S.tab!=='group') return;
-                    _lastGroupMsgSig='';
-                    _lastGroupMsgs._forceRender=true;
-                    renderGroupMsgs(_lastGroupMsgs);
-                });
-            });
-        }
-
-        // Group modals
-        function showCreateGroupModal(){ $('createGroupModal').classList.add('show'); $('groupNameInput').value=''; $('groupDescInput').value=''; document.querySelector('input[name="groupVisibility"][value="public"]').checked=true; $('groupNameInput').focus(); }
-        function hideCreateGroupModal(){ $('createGroupModal').classList.remove('show'); }
-        function showJoinGroupModal(){ $('joinGroupModal').classList.add('show'); $('joinGroupUrlInput').value=''; $('joinGroupUrlInput').focus(); }
-        function hideJoinGroupModal(){ $('joinGroupModal').classList.remove('show'); }
-        function hideMembersModal(){ $('membersModal').classList.remove('show'); }
-
-        async function doCreateGroup(){
-            var name=$('groupNameInput').value.trim();
-            if(!name) return;
-            var description=$('groupDescInput').value.trim();
-            if(!description){ $('groupDescInput').focus(); return; }
-            var visibility=document.querySelector('input[name="groupVisibility"]:checked').value;
-            var btn=$('createGroupBtn');
-            btn.disabled=true; btn.textContent='创建中...';
-            try {
-                var r=await fetch('/api/group/create',{method:'POST',headers:{'Content-Type':'application/json'},body:JSON.stringify({name:name,visibility:visibility,description:description||undefined})});
-                var d=await r.json();
-                if(d.success){
-                    hideCreateGroupModal();
-                    pollGroupList();
-                    pickGroup(d.group_id,name);
-                } else { alert(d.error||'创建失败'); }
-            } catch(e){ alert('创建失败: '+e.message); }
-            finally { btn.disabled=false; btn.textContent='创建'; }
-        }
-
-        async function doJoinGroup(){
-            var rawUrl=$('joinGroupUrlInput').value.trim();
-            if(!rawUrl){ alert('请输入群聊链接或邀请链接'); return; }
-            // 从 URL 中解析 code 参数
-            var code='';
-            var groupUrl=rawUrl;
-            try {
-                var u=new URL(rawUrl);
-                code=u.searchParams.get('code')||'';
-                u.searchParams.delete('code');
-                groupUrl=u.origin+u.pathname;
-            } catch(e){}
-            var btn=$('joinGroupBtn');
-            btn.disabled=true; btn.textContent=code?'加入中...':'申请中...';
-            try {
-                var r=await fetch('/api/group/join',{method:'POST',headers:{'Content-Type':'application/json'},body:JSON.stringify({groupUrl:groupUrl,code:code||undefined,aid:S.aid})});
-                var d=await r.json();
-                if(d.success){
-                    hideJoinGroupModal();
-                    pollGroupList();
-                    if(d.group_id) pickGroup(d.group_id,d.group_id);
-                    if(d.pending) alert('入群申请已发送，请等待管理员审核');
-                } else { alert(d.error||'操作失败'); }
-            } catch(e){ alert('操作失败: '+e.message); }
-            finally { btn.disabled=false; btn.textContent='加入'; }
-        }
-
-        async function copyGroupLink(){
-            if(!S.activeGroupId) return;
-            var groupUrl='https://'+S.groupTargetAid+'/'+S.activeGroupId;
-            try { await navigator.clipboard.writeText(groupUrl); alert('群链接已复制到剪贴板\\n\\n'+groupUrl); }
-            catch(e){ prompt('请复制群链接:',groupUrl); }
-        }
-
-        async function generateInviteLink(){
-            if(!S.activeGroupId) return;
-            try {
-                var r=await fetch('/api/group/invite-code',{method:'POST',headers:{'Content-Type':'application/json'},body:JSON.stringify({groupId:S.activeGroupId,aid:S.aid})});
-                var d=await r.json();
-                if(d.success&&d.code){
-                    var baseUrl=d.group_url||('https://'+S.groupTargetAid+'/'+S.activeGroupId);
-                    var inviteUrl=baseUrl+'?code='+d.code;
-                    try {
-                        await navigator.clipboard.writeText(inviteUrl);
-                        alert('邀请链接已复制到剪贴板\\n\\n'+inviteUrl);
-                    } catch(e){
-                        prompt('请手动复制邀请链接:',inviteUrl);
-                    }
-                } else { alert(d.error||'生成邀请码失败'); }
-            } catch(e){ alert('生成邀请码失败: '+e.message); }
-        }
-
-        function copyMemberAid(btn,aid){
-            navigator.clipboard.writeText(aid).then(function(){
-                btn.textContent='已复制';
-                setTimeout(function(){ btn.textContent='复制'; },1200);
-            });
-        }
-
-        async function openAgentMdPage(aid){
-            try {
-                var r=await fetch('/api/agent-md-raw?aid='+encodeURIComponent(aid));
-                var d=await r.json();
-                if(!d.success||!d.content){ alert(d.error||'获取 agent.md 失败'); return; }
-                var md=d.content;
-                // 简单 markdown 渲染
-                function renderMd(src){
-                    var h=escH(src);
-                    // headings
-                    h=h.replace(/^######\\s+(.+)$/gm,'<h6>$1</h6>');
-                    h=h.replace(/^#####\\s+(.+)$/gm,'<h5>$1</h5>');
-                    h=h.replace(/^####\\s+(.+)$/gm,'<h4>$1</h4>');
-                    h=h.replace(/^###\\s+(.+)$/gm,'<h3>$1</h3>');
-                    h=h.replace(/^##\\s+(.+)$/gm,'<h2>$1</h2>');
-                    h=h.replace(/^#\\s+(.+)$/gm,'<h1>$1</h1>');
-                    // bold & italic
-                    h=h.replace(/\\*\\*(.+?)\\*\\*/g,'<strong>$1</strong>');
-                    h=h.replace(/\\*(.+?)\\*/g,'<em>$1</em>');
-                    // blockquote
-                    h=h.replace(/^&gt;\\s?(.+)$/gm,'<blockquote style="border-left:3px solid #ddd;padding-left:12px;color:#666;margin:8px 0;">$1</blockquote>');
-                    // list items
-                    h=h.replace(/^-\\s+(.+)$/gm,'<li>$1</li>');
-                    // code inline
-                    var bt=String.fromCharCode(96);
-                    h=h.replace(new RegExp(bt+'([^'+bt+']+)'+bt,'g'),'<code style="background:#f5f5f5;padding:1px 4px;border-radius:3px;font-size:12px;">$1</code>');
-                    // frontmatter block: hide ---...---
-                    h=h.replace(/^---[\\s\\S]*?---\\s*/,'');
-                    // paragraphs
-                    h=h.replace(/\\n\\n/g,'</p><p>');
-                    h='<p>'+h+'</p>';
-                    return h;
-                }
-                var html='<!DOCTYPE html><html><head><meta charset="utf-8"><title>'+escH(aid)+' - Agent Profile</title>'
-                    +'<style>body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;max-width:720px;margin:40px auto;padding:0 20px;color:#333;line-height:1.6;}'
-                    +'h1{border-bottom:2px solid #eee;padding-bottom:8px;}h2{border-bottom:1px solid #eee;padding-bottom:6px;margin-top:24px;}'
-                    +'ul{padding-left:20px;}li{margin:4px 0;}blockquote{margin:12px 0;}'
-                    +'pre{background:#f5f5f5;padding:12px;border-radius:6px;overflow-x:auto;}'
-                    +'.aid-badge{display:inline-block;background:#e8f4fd;color:#0969da;padding:2px 8px;border-radius:10px;font-size:12px;font-family:monospace;margin-bottom:16px;}'
-                    +'</style></head><body>'
-                    +'<div class="aid-badge">'+escH(aid)+'</div>'
-                    +renderMd(md)
-                    +'</body></html>';
-                var w=window.open('','_blank');
-                if(w){ w.document.write(html); w.document.close(); }
-                else { alert('弹窗被拦截，请允许弹窗后重试'); }
-            } catch(e){ alert('获取 agent.md 失败: '+e.message); }
-        }
-
-        async function showGroupMembers(){
-            if(!S.activeGroupId) return;
-            try {
-                var r=await fetch('/api/group/members?groupId='+encodeURIComponent(S.activeGroupId)+'&aid='+encodeURIComponent(S.aid));
-                var d=await r.json();
-                if(d.members){
-                    var html=d.members.map(function(m){
-                        var aid=m.agent_id||m;
-                        if(typeof aid!=='string') aid=JSON.stringify(aid);
-                        var role=m.role||'';
-                        var cachedInfo=agentInfoCache[aid];
-                        var avatarSrc=getAvatarSrc(cachedInfo?cachedInfo.type:'');
-                        var displayName=(cachedInfo&&cachedInfo.name)?cachedInfo.name:aid.split('.')[0];
-                        var typeTags='';
-                        if(cachedInfo&&cachedInfo.tags&&cachedInfo.tags.length){
-                            typeTags=cachedInfo.tags.map(function(t){ return '<span style="display:inline-block;background:#e8f4fd;color:#0969da;padding:1px 6px;border-radius:8px;font-size:10px;margin-right:4px;">'+escH(t)+'</span>'; }).join('');
-                        } else if(cachedInfo&&cachedInfo.type){
-                            typeTags='<span style="display:inline-block;background:#e8f4fd;color:#0969da;padding:1px 6px;border-radius:8px;font-size:10px;">'+escH(cachedInfo.type)+'</span>';
-                        }
-                        if(role){ typeTags+='<span style="display:inline-block;background:#fff3cd;color:#856404;padding:1px 6px;border-radius:8px;font-size:10px;margin-left:4px;">'+escH(role)+'</span>'; }
-                        var safeId='member-'+escH(aid).replace(/\\./g,'_');
-                        return '<div id="'+safeId+'" style="padding:10px 0;border-bottom:1px solid #f3f4f6;display:flex;align-items:center;gap:10px;">'
-                            +'<img src="'+avatarSrc+'" style="width:36px;height:36px;border-radius:50%;flex-shrink:0;" class="member-avatar" data-aid="'+escH(aid)+'">'
-                            +'<div style="flex:1;min-width:0;">'
-                            +'<div style="display:flex;align-items:center;gap:6px;flex-wrap:wrap;">'
-                            +'<span style="font-size:13px;font-weight:500;" class="member-name" data-aid="'+escH(aid)+'">'+escH(displayName)+'</span>'
-                            +'<span class="member-tags" data-aid="'+escH(aid)+'">'+typeTags+'</span>'
-                            +'</div>'
-                            +'<div style="font-size:11px;color:var(--t2);font-family:monospace;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;">'+escH(aid)+'</div>'
-                            +'</div>'
-                            +'<div style="display:flex;gap:4px;flex-shrink:0;">'
-                            +'<button class="mbtn mbtn-ok" style="padding:4px 10px;font-size:11px;" onclick="copyMemberAid(this,\\''+escH(aid)+'\\')">复制</button>'
-                            +'<button class="mbtn mbtn-cancel" style="padding:4px 10px;font-size:11px;" onclick="openAgentMdPage(\\''+escH(aid)+'\\')">查看</button>'
-                            +'</div></div>';
-                    }).join('');
-                    $('membersList').innerHTML=html||'<div style="color:#999;">暂无成员</div>';
-                    // 异步加载未缓存的 agent info
-                    d.members.forEach(function(m){
-                        var aid=m.agent_id||m;
-                        if(typeof aid!=='string') aid=JSON.stringify(aid);
-                        if(!aid||agentInfoCache[aid]) return;
-                        fetchAgentInfo(aid).then(function(info){
-                            if(!info||(!info.name&&!info.type)) return;
-                            var safeId='member-'+aid.replace(/\\./g,'_');
-                            var el=document.getElementById(safeId);
-                            if(!el) return;
-                            var avatarEl=el.querySelector('.member-avatar[data-aid="'+aid+'"]');
-                            var nameEl=el.querySelector('.member-name[data-aid="'+aid+'"]');
-                            var tagsEl=el.querySelector('.member-tags[data-aid="'+aid+'"]');
-                            if(avatarEl) avatarEl.src=getAvatarSrc(info.type);
-                            if(nameEl) nameEl.textContent=info.name||aid.split('.')[0];
-                            if(tagsEl){
-                                var tags='';
-                                if(info.tags&&info.tags.length){
-                                    tags=info.tags.map(function(t){ return '<span style="display:inline-block;background:#e8f4fd;color:#0969da;padding:1px 6px;border-radius:8px;font-size:10px;margin-right:4px;">'+escH(t)+'</span>'; }).join('');
-                                } else if(info.type){
-                                    tags='<span style="display:inline-block;background:#e8f4fd;color:#0969da;padding:1px 6px;border-radius:8px;font-size:10px;">'+escH(info.type)+'</span>';
-                                }
-                                // 保留已有的 role tag
-                                var existingRole=tagsEl.querySelector('span[style*="fff3cd"]');
-                                tagsEl.innerHTML=tags+(existingRole?existingRole.outerHTML:'');
-                            }
-                        });
-                    });
-                } else { $('membersList').innerHTML='<div style="color:#999;">获取失败</div>'; }
-                $('membersModal').classList.add('show');
-            } catch(e){ alert('获取成员失败: '+e.message); }
-        }
-
-        function hidePendingRequestsModal(){ $('pendingRequestsModal').classList.remove('show'); }
-
-        async function showPendingRequests(){
-            if(!S.activeGroupId) return;
-            try {
-                var r=await fetch('/api/group/pending-requests?groupId='+encodeURIComponent(S.activeGroupId)+'&aid='+encodeURIComponent(S.aid));
-                var d=await r.json();
-                if(d.requests&&d.requests.length>0){
-                    // 先渲染基础结构，然后异步加载 agent info
-                    var html=d.requests.map(function(req){
-                        var aid=req.agent_id||'';
-                        var msg=req.message?escH(req.message):'';
-                        var time=req.created_at?fmtTime(req.created_at):'';
-                        var cachedInfo=agentInfoCache[aid];
-                        var avatarSrc=getAvatarSrc(cachedInfo?cachedInfo.type:'');
-                        var displayName=(cachedInfo&&cachedInfo.name)?cachedInfo.name:aid;
-                        var desc=(cachedInfo&&cachedInfo.description)?cachedInfo.description:'';
-                        return '<div id="pending-'+escH(aid).replace(/\\./g,'_')+'" style="padding:10px 0;border-bottom:1px solid #f3f4f6;display:flex;align-items:flex-start;gap:10px;">'
-                            +'<img src="'+avatarSrc+'" style="width:36px;height:36px;border-radius:50%;flex-shrink:0;margin-top:2px;" class="pending-avatar" data-aid="'+escH(aid)+'">'
-                            +'<div style="flex:1;min-width:0;">'
-                            +'<div style="font-size:13px;font-weight:500;" class="pending-name" data-aid="'+escH(aid)+'">'+escH(displayName)+'</div>'
-                            +'<div style="font-size:11px;color:var(--t2);font-family:monospace;margin-top:2px;">'+escH(aid)+'</div>'
-                            +'<div style="font-size:11px;color:var(--t2);margin-top:2px;display:'+(desc?'block':'none')+';" class="pending-desc" data-aid="'+escH(aid)+'">'+escH(desc)+'</div>'
-                            +(msg?'<div style="font-size:11px;color:#666;margin-top:4px;background:#f8f9fa;padding:4px 8px;border-radius:4px;">申请留言: '+msg+'</div>':'')
-                            +(time?'<div style="font-size:10px;color:var(--t2);margin-top:3px;">'+time+'</div>':'')
-                            +'</div>'
-                            +'<div style="display:flex;gap:4px;flex-shrink:0;margin-top:2px;">'
-                            +'<button class="mbtn mbtn-ok" style="padding:4px 10px;font-size:11px;" onclick="reviewJoin(\\''+escH(aid)+'\\',\\'approve\\')">通过</button>'
-                            +'<button class="mbtn mbtn-cancel" style="padding:4px 10px;font-size:11px;" onclick="reviewJoin(\\''+escH(aid)+'\\',\\'reject\\')">拒绝</button>'
-                            +'</div></div>';
-                    }).join('');
-                    $('pendingRequestsList').innerHTML=html;
-                    // 异步加载未缓存的 agent info
-                    d.requests.forEach(function(req){
-                        var aid=req.agent_id||'';
-                        if(!aid||agentInfoCache[aid]) return;
-                        fetchAgentInfo(aid).then(function(info){
-                            if(!info||(!info.name&&!info.type)) return;
-                            var safeId='pending-'+aid.replace(/\\./g,'_');
-                            var el=document.getElementById(safeId);
-                            if(!el) return;
-                            var avatarEl=el.querySelector('.pending-avatar[data-aid="'+aid+'"]');
-                            var nameEl=el.querySelector('.pending-name[data-aid="'+aid+'"]');
-                            var descEl=el.querySelector('.pending-desc[data-aid="'+aid+'"]');
-                            if(avatarEl) avatarEl.src=getAvatarSrc(info.type);
-                            if(nameEl) nameEl.textContent=info.name||aid;
-                            if(descEl&&info.description){ descEl.textContent=info.description; descEl.style.display='block'; }
-                        });
-                    });
-                } else {
-                    $('pendingRequestsList').innerHTML='<div style="padding:16px;text-align:center;color:#999;font-size:12px;">暂无入群申请</div>';
-                }
-                $('pendingRequestsModal').classList.add('show');
-            } catch(e){ alert('获取入群申请失败: '+e.message); }
-        }
-
-        async function reviewJoin(agentId,action){
-            if(!S.activeGroupId) return;
-            try {
-                var r=await fetch('/api/group/review-join',{method:'POST',headers:{'Content-Type':'application/json'},body:JSON.stringify({groupId:S.activeGroupId,agentId:agentId,action:action,aid:S.aid})});
-                var d=await r.json();
-                if(d.success){ showPendingRequests(); }
-                else { alert(d.error||'操作失败'); }
-            } catch(e){ alert('操作失败: '+e.message); }
-        }
-
-        async function leaveGroup(groupId){
-            if(!confirm('确认退出该群组？')) return;
-            try {
-                var r=await fetch('/api/group/leave',{method:'POST',headers:{'Content-Type':'application/json'},body:JSON.stringify({groupId:groupId,aid:S.aid})});
-                var d=await r.json();
-                if(d.success){
-                    if(S.activeGroupId===groupId){
-                        S.activeGroupId=null;
-                        D.title.textContent='未选择群组';
-                        D.groupInfoBar.style.display='none';
-                        D.msgs.innerHTML='';
-                        D.input.disabled=true;
-                    }
-                    pollGroupList();
-                } else { alert(d.error||'退出失败'); }
-            } catch(e){ alert('退出失败: '+e.message); }
-        }
-
-        // ============================================================
-        // 我的群 Functions
-        // ============================================================
-        function showMyGroupsModal(){ $('myGroupsModal').classList.add('show'); }
-        function hideMyGroupsModal(){ $('myGroupsModal').classList.remove('show'); }
-        async function showMyGroups(){
-            showMyGroupsModal();
-            $('myGroupsContent').innerHTML='<div style="text-align:center;padding:20px;color:#999;">加载中...</div>';
-            try {
-                var r=await fetch('/api/group/my-groups?aid='+encodeURIComponent(S.aid));
-                var d=await r.json();
-                if(!d.success){ $('myGroupsContent').innerHTML='<div style="text-align:center;padding:20px;color:#e74c3c;">'+escH(d.error||'获取失败')+'</div>'; return; }
-                var groups=d.groups||[];
-                if(!groups.length){ $('myGroupsContent').innerHTML='<div style="text-align:center;padding:20px;color:#999;">暂无群组</div>'; return; }
-                var html='<table style="width:100%;border-collapse:collapse;font-size:12px;">';
-                html+='<tr style="background:#f8fafc;"><th style="padding:8px 6px;text-align:left;border-bottom:1px solid #e2e8f0;">群名称</th><th style="padding:8px 6px;text-align:left;border-bottom:1px solid #e2e8f0;">群ID</th><th style="padding:8px 6px;text-align:center;border-bottom:1px solid #e2e8f0;">角色</th><th style="padding:8px 6px;text-align:center;border-bottom:1px solid #e2e8f0;">状态</th></tr>';
-                groups.forEach(function(g){
-                    var statusText=g.status===1?'正常':g.status===0?'待审核':'未知('+g.status+')';
-                    var statusColor=g.status===1?'#10b981':g.status===0?'#f59e0b':'#94a3b8';
-                    var shortId=g.group_id.length>16?g.group_id.substring(0,16)+'...':g.group_id;
-                    html+='<tr style="border-bottom:1px solid #f1f5f9;cursor:pointer;" onmouseover="this.style.background=\\'#f0f9ff\\'" onmouseout="this.style.background=\\'\\'">';
-                    html+='<td style="padding:8px 6px;font-weight:500;">'+escH(g.name||g.group_id)+'</td>';
-                    html+='<td style="padding:8px 6px;color:#64748b;" title="'+escH(g.group_id)+'">'+escH(shortId)+'</td>';
-                    html+='<td style="padding:8px 6px;text-align:center;">'+escH(g.role||'-')+'</td>';
-                    html+='<td style="padding:8px 6px;text-align:center;"><span style="color:'+statusColor+';font-weight:500;">'+escH(statusText)+'</span></td>';
-                    html+='</tr>';
-                });
-                html+='</table>';
-                html+='<div style="margin-top:8px;font-size:11px;color:#94a3b8;text-align:right;">共 '+d.total+' 个群组</div>';
-                $('myGroupsContent').innerHTML=html;
-            } catch(e){ $('myGroupsContent').innerHTML='<div style="text-align:center;padding:20px;color:#e74c3c;">请求失败: '+escH(e.message)+'</div>'; }
-        }
-
-        // 扩展轮询：保留 P2P 等基础轮询，群组消息已通过 WebSocket 实时推送
-        // 不再每秒轮询群消息
-
-        init();
-    <\/script>
-</body>
+const chatHtml = `<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
+    <title>ACP 聊天</title>
+    <script src="https://cdn.jsdelivr.net/npm/marked/marked.min.js"><\/script>
+    <style>
+        :root { --primary:#2563eb; --primary-h:#1d4ed8; --bg:#f3f4f6; --sidebar-bg:#fff; --chat-bg:#f9fafb; --border:#e5e7eb; --t1:#1f2937; --t2:#6b7280; --sent:#2563eb; --recv-bg:#fff; --ok:#10b981; }
+        * { box-sizing:border-box; margin:0; padding:0; }
+        ::-webkit-scrollbar { width: 6px; height: 6px; }
+        ::-webkit-scrollbar-track { background: transparent; }
+        ::-webkit-scrollbar-thumb { background: rgba(0,0,0,0.15); border-radius: 3px; }
+        ::-webkit-scrollbar-thumb:hover { background: rgba(0,0,0,0.25); }
+        body { font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif; background:var(--bg); height:100vh; overflow:hidden; color:var(--t1); }
+        #app { display:flex; height:100%; }
+
+        /* Sidebar */
+        .sidebar { width:300px; background:var(--sidebar-bg); border-right:1px solid var(--border); display:flex; flex-direction:column; flex-shrink:0; transition:width 0.25s; overflow:hidden; }
+        .sidebar.collapsed { width:0; border-right:none; }
+        .sidebar-header { padding:12px 14px; border-bottom:1px solid var(--border); display:flex; flex-direction:column; gap:12px; flex-shrink:0; }
+        .header-top { display:flex; justify-content:space-between; align-items:center; width:100%; }
+        .sidebar-header .my-aid { font-size:11px; color:#155724; font-family:monospace; background:#d4edda; padding:4px 8px; border-radius:12px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; border:1px solid #c3e6cb; flex:1; margin-right:8px; }
+        .new-chat-btn { padding:8px 10px; background:var(--primary); color:#fff; border:none; border-radius:6px; font-size:12px; cursor:pointer; white-space:nowrap; width:100%; text-align:center; transition:all 0.15s; }
+        .new-chat-btn:hover { background:var(--primary-h); }
+        .new-chat-btn:active { transform:scale(0.96); }
+        .session-list { flex:1; overflow-y:auto; }
+
+        /* AID Group */
+        .aid-group { border-bottom:1px solid var(--border); }
+        .aid-group-header { padding:12px 14px; display:flex; align-items:center; cursor:pointer; background:linear-gradient(135deg,#eef4ff,#e8f0fe); user-select:none; border-left:3px solid var(--primary); transition:all 0.2s; }
+        .aid-group-header:hover { background:linear-gradient(135deg,#dbeafe,#d0e4fd); }
+        .aid-group-info { flex:1; min-width:0; margin-left:4px; }
+        .aid-group-title { font-size:13px; font-weight:700; color:#1e40af; background:linear-gradient(135deg,#dbeafe,#c7d7fe); padding:2px 8px; border-radius:6px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:inline-block; max-width:100%; border:1px solid #bfdbfe; }
+        .aid-group-desc { font-size:10px; color:#6b7280; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin-top:3px; display:block; padding-left:2px; }
+        .aid-group-arrow { font-size:10px; color:var(--primary); transition:transform 0.2s; flex-shrink:0; }
+        .aid-group-arrow.open { transform:rotate(90deg); }
+        .aid-group-badge { font-size:10px; background:var(--primary); color:#fff; padding:1px 6px; border-radius:8px; margin-left:8px; flex-shrink:0; }
+        .aid-group-add { background:none; border:1px solid var(--border); color:var(--t2); width:22px; height:22px; border-radius:4px; cursor:pointer; font-size:14px; line-height:20px; text-align:center; margin-left:6px; flex-shrink:0; transition:all 0.15s; }
+        .aid-group-add:hover { background:var(--primary); color:#fff; border-color:var(--primary); }
+        .aid-group-del { background:none; border:none; color:var(--t2); width:20px; height:20px; border-radius:4px; cursor:pointer; font-size:12px; line-height:20px; text-align:center; margin-left:4px; flex-shrink:0; display:none; transition:all 0.15s; }
+        .aid-group-header:hover .aid-group-del { display:block; }
+        .aid-group-del:hover { color:#dc3545; background:#ffebeb; }
+        .session-del { position:absolute; right:8px; top:50%; transform:translateY(-50%); background:none; border:none; color:var(--t2); font-size:12px; cursor:pointer; display:none; padding:2px; transition:all 0.15s; }
+        .session-item:hover .session-del { display:block; }
+        .session-del:hover { color:#dc3545; }
+        .aid-group-sessions { display:none; background:#fafbfc; }
+        .aid-group-sessions.open { display:block; }
+
+        .aid-group-avatar { width:36px; height:36px; border-radius:50%; object-fit:cover; flex-shrink:0; margin-right:8px; box-shadow:0 1px 4px rgba(37,99,235,0.18); border:2px solid #bfdbfe; }
+
+        .session-item { padding:10px 14px 10px 32px; border-bottom:1px solid #f0f1f3; cursor:pointer; transition:all 0.15s; position:relative; }
+        .session-item::before { content:''; position:absolute; left:18px; top:50%; transform:translateY(-50%); width:6px; height:6px; border-radius:50%; background:#d1d5db; transition:all 0.15s; }
+        .session-item:hover { background:#f0f5ff; }
+        .session-item.active { background:#eff6ff; border-left:3px solid var(--primary); padding-left:29px; }
+        .session-item.active::before { background:var(--primary); box-shadow:0 0 0 2px rgba(37,99,235,0.2); }
+        .session-peer { font-weight:500; font-size:12px; color:var(--t1); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding-left:10px; background:#f1f5f9; border-radius:4px; padding:3px 8px 3px 10px; border:1px solid #e8ecf1; transition:all 0.15s; }
+        .session-item.active .session-peer { background:#dbeafe; border-color:#bfdbfe; color:#1e40af; }
+        .session-meta { font-size:10px; color:var(--t2); margin-top:4px; display:flex; align-items:center; gap:6px; padding-left:10px; }
+        .tag { font-size:9px; padding:1px 5px; border-radius:3px; color:#fff; font-weight:600; letter-spacing:0.3px; }
+        .tag.outgoing { background:var(--ok); }
+        .tag.incoming { background:#8b5cf6; }
+
+        /* Chat Area */
+        .chat-area { flex:1; display:flex; flex-direction:column; background:var(--chat-bg); min-width:0; }
+        .chat-header { height:54px; padding:0 16px; background:#fff; border-bottom:1px solid var(--border); display:flex; align-items:center; justify-content:space-between; flex-shrink:0; }
+        .header-left { display:flex; align-items:center; gap:10px; overflow:hidden; }
+        .toggle-sidebar-btn { background:none; border:none; cursor:pointer; color:var(--t2); padding:4px; display:flex; transition:all 0.15s; }
+        .toggle-sidebar-btn:hover { color:var(--t1); }
+        .status-dot { width:8px; height:8px; border-radius:50%; background:#ccc; flex-shrink:0; transition:all 0.3s; }
+        .status-dot.connected { background:var(--ok); box-shadow:0 0 0 2px rgba(16,185,129,0.2); }
+        .status-dot.connecting { background:#fbbf24; }
+        .chat-title { font-size:15px; font-weight:600; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
+
+        .aid-select-wrap { display:flex; align-items:center; gap:10px; flex-shrink:0; }
+        .manage-btn { display:flex; align-items:center; gap:4px; text-decoration:none; color:var(--t2); font-size:12px; padding:6px 10px; border-radius:6px; transition:all 0.2s; background:#fff; border:1px solid var(--border); }
+        .manage-btn:hover { background:#f8fafc; color:var(--primary); border-color:var(--primary); }
+        .manage-btn:active { transform:scale(0.96); }
+        .aid-control-group { display:flex; align-items:center; background:#fff; border:1px solid var(--border); border-radius:6px; padding:2px; box-shadow:0 1px 2px rgba(0,0,0,0.03); }
+        .aid-select { border:none; background:transparent; font-size:12px; color:var(--t1); padding:5px 8px; outline:none; cursor:pointer; min-width:120px; font-weight:500; }
+        .status-toggle { display:flex; align-items:center; gap:5px; padding:4px 8px; border-radius:4px; cursor:pointer; font-size:11px; margin-left:2px; transition:background 0.2s; user-select:none; border-left:1px solid var(--border); }
+        .status-toggle:hover { background:#f1f5f9; }
+        .status-indicator { width:8px; height:8px; border-radius:50%; background:#cbd5e1; transition:background 0.3s; }
+        .status-indicator.online { background:var(--ok); box-shadow:0 0 0 2px rgba(16,185,129,0.2); }
+        .status-indicator.offline { background:#cbd5e1; }
+
+        .collapse-btn { background:none; border:none; cursor:pointer; color:var(--t2); padding:6px; display:flex; align-items:center; flex-shrink:0; transition:all 0.15s; }
+        .collapse-btn:hover { color:var(--t1); }
+
+        .encrypt-banner { background:linear-gradient(135deg,#e0f2fe,#dbeafe); border:1px solid #bae6fd; border-radius:8px; padding:8px 14px; margin:8px 16px 0; display:flex; align-items:center; gap:8px; font-size:11px; color:#0369a1; flex-shrink:0; }
+        .encrypt-banner svg { flex-shrink:0; }
+
+        .messages { flex:1; padding:16px; overflow-y:auto; display:flex; flex-direction:column; gap:12px; }
+        .message { display:flex; flex-direction:column; max-width:80%; }
+        .message.sent { align-self:flex-end; align-items:flex-end; }
+        .message.received { align-self:flex-start; align-items:flex-start; }
+        .bubble { padding:10px 14px; border-radius:14px; font-size:14.5px; line-height:1.6; word-wrap:break-word; box-shadow:0 1px 2px rgba(0,0,0,0.05); }
+        .message.sent .bubble { background:var(--sent); color:#fff; border-bottom-right-radius:4px; }
+        .message.received .bubble { background:var(--recv-bg); color:var(--t1); border-bottom-left-radius:4px; border:1px solid var(--border); box-shadow:0 1px 3px rgba(0,0,0,0.04); }
+        .msg-meta { font-size:10px; color:var(--t2); margin-bottom:3px; padding:0 4px; }
+
+        .input-area { padding:12px 16px; background:#fff; border-top:1px solid var(--border); display:flex; flex-direction:column; gap:8px; flex-shrink:0; }
+        .input-area.drag-over { background:#eff6ff; border-top-color:var(--primary); }
+        .input-row { display:flex; align-items:flex-end; gap:10px; }
+        .input-area textarea { flex:1; padding:10px 14px; border-radius:12px; border:1px solid var(--border); font-size:14px; background:#f9fafb; transition:all 0.2s; resize:none; line-height:1.5; min-height:63px; max-height:105px; overflow-y:auto; font-family:inherit; }
+        .input-area textarea:focus { outline:none; border-color:var(--primary); background:#fff; box-shadow:0 0 0 3px rgba(37,99,235,0.1); }
+        .file-list { display:flex; flex-wrap:wrap; gap:6px; padding:4px 0; }
+        .file-item { display:flex; align-items:center; gap:6px; background:#f0f4ff; border:1px solid #d0d9f0; border-radius:8px; padding:4px 8px; font-size:12px; color:var(--t1); max-width:220px; }
+        .file-item .file-icon { flex-shrink:0; width:16px; height:16px; color:var(--primary); }
+        .file-item .file-name { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
+        .file-item .file-remove { flex-shrink:0; width:16px; height:16px; cursor:pointer; color:#999; border:none; background:none; padding:0; display:flex; align-items:center; justify-content:center; border-radius:50%; transition:all 0.15s; }
+        .file-item .file-remove:hover { color:#e53e3e; background:rgba(229,62,62,0.1); }
+        .send-btn { width:40px; height:40px; border-radius:50%; background:var(--primary); border:none; color:#fff; display:flex; align-items:center; justify-content:center; cursor:pointer; flex-shrink:0; transition:all 0.15s; }
+        .send-btn:hover { background:var(--primary-h); }
+        .send-btn:active { transform:scale(0.94); }
+        .send-btn:disabled { background:#ccc; cursor:not-allowed; transform:none; }
+
+        .modal-overlay { position:fixed; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,0.5); z-index:50; display:flex; align-items:center; justify-content:center; opacity:0; visibility:hidden; transition:all 0.2s ease-out; backdrop-filter:blur(2px); }
+        .modal-overlay.show { opacity:1; visibility:visible; }
+        .modal { background:#fff; width:90%; max-width:400px; border-radius:12px; padding:24px; box-shadow:0 10px 25px rgba(0,0,0,0.15); transform:scale(0.95) translateY(10px); transition:all 0.2s cubic-bezier(0.16,1,0.3,1); }
+        .modal-overlay.show .modal { transform:scale(1) translateY(0); }
+        .modal h3 { margin-bottom:16px; font-size:16px; }
+        .modal input[type="text"], .modal input[type="password"], .modal input[type="url"] { width:100%; padding:10px; border:1px solid var(--border); border-radius:8px; margin-bottom:16px; font-size:14px; box-sizing:border-box; transition:all 0.2s; }
+        .modal input[type="text"]:focus, .modal input[type="password"]:focus, .modal input[type="url"]:focus { outline:none; border-color:var(--primary); box-shadow:0 0 0 3px rgba(37,99,235,0.1); }
+        .modal input[type="radio"] { width:auto; margin:0; }
+        .group-type-card { flex:1; padding:12px; border:2px solid var(--border); border-radius:10px; cursor:pointer; transition:all 0.2s; background:#fafafa; }
+        .group-type-card:hover { border-color:#b0b0b0; background:#f5f5f5; }
+        .group-type-card.selected { border-color:var(--primary); background:rgba(0,122,255,0.06); }
+        .duty-rule-card { padding:10px 12px; border:2px solid var(--border); border-radius:10px; cursor:pointer; transition:all 0.2s; background:#fafafa; }
+        .duty-rule-card:hover { border-color:#b0b0b0; background:#f5f5f5; }
+        .duty-rule-card.selected { border-color:var(--primary); background:rgba(0,122,255,0.06); }
+        .modal-btns { display:flex; justify-content:flex-end; gap:10px; }
+        .mbtn { padding:8px 16px; border-radius:6px; font-size:13px; cursor:pointer; border:none; transition:all 0.15s; }
+        .mbtn:active { transform:scale(0.96); }
+        .mbtn-cancel { background:#f3f4f6; color:var(--t1); }
+        .mbtn-ok { background:var(--primary); color:#fff; }
+        .mbtn-ok:disabled { background:#ccc; transform:none; }
+
+        .bubble p { margin-bottom:0.4em; } .bubble p:last-child { margin-bottom:0; }
+        .bubble h1, .bubble h2, .bubble h3, .bubble h4, .bubble h5, .bubble h6 { font-weight:600; line-height:1.25; margin-top:1em; margin-bottom:0.5em; color:inherit; }
+        .bubble h1 { font-size:1.5em; border-bottom:1px solid rgba(0,0,0,0.1); padding-bottom:0.3em; }
+        .bubble h2 { font-size:1.3em; border-bottom:1px solid rgba(0,0,0,0.05); padding-bottom:0.3em; }
+        .bubble h3 { font-size:1.1em; }
+        .bubble ul, .bubble ol { padding-left:1.5em; margin-bottom:0.5em; }
+        .bubble li { margin-bottom:0.2em; }
+        .bubble blockquote { margin:0.5em 0; padding-left:1em; border-left:4px solid rgba(0,0,0,0.1); color:var(--t2); }
+        .bubble a { color:var(--primary); text-decoration:underline; } .bubble a:hover { opacity:0.85; }
+        .message.sent .bubble a { color:#fff; } .message.sent .bubble a:hover { opacity:0.85; }
+        .bubble img { max-width:100%; border-radius:4px; }
+        .bubble code { background:rgba(0,0,0,0.1); padding:2px 4px; border-radius:3px; font-family:monospace; font-size:0.9em; }
+        .bubble pre { background:#2d2d2d; color:#fff; padding:12px; border-radius:6px; overflow-x:auto; margin:8px 0; }
+        .bubble pre code { background:transparent; padding:0; color:inherit; border-radius:0; }
+        .bubble table { border-collapse:collapse; width:100%; margin:8px 0; font-size:0.9em; }
+        .bubble th, .bubble td { border:1px solid rgba(0,0,0,0.15); padding:6px 10px; text-align:left; }
+        .bubble th { background:rgba(0,0,0,0.05); font-weight:600; }
+        .bubble hr { border:none; border-top:1px solid rgba(0,0,0,0.1); margin:0.8em 0; }
+        .message.sent .bubble blockquote { color:rgba(255,255,255,0.8); border-left-color:rgba(255,255,255,0.4); }
+        .message.sent .bubble code { background:rgba(255,255,255,0.2); }
+        .message.sent .bubble th, .message.sent .bubble td { border-color:rgba(255,255,255,0.3); }
+        .message.sent .bubble th { background:rgba(255,255,255,0.1); }
+        .message.sent .bubble hr { border-top-color:rgba(255,255,255,0.3); }
+        .message.sent .bubble h1, .message.sent .bubble h2 { border-bottom-color:rgba(255,255,255,0.2); }
+        .bubble-wrap { position:relative; }
+        .bubble-wrap .copy-msg-btn { position:absolute; top:4px; right:4px; opacity:0; pointer-events:none; background:rgba(0,0,0,0.45); color:#fff; border:none; border-radius:4px; padding:2px 6px; font-size:11px; cursor:pointer; line-height:1.4; z-index:1; transition:opacity 0.15s; }
+        .bubble-wrap:hover .copy-msg-btn { opacity:1; pointer-events:auto; }
+        .bubble-wrap .copy-msg-btn:hover { background:rgba(0,0,0,0.65); }
+        .message.sent .bubble-wrap .copy-msg-btn { background:rgba(255,255,255,0.3); color:#fff; }
+        .message.sent .bubble-wrap .copy-msg-btn:hover { background:rgba(255,255,255,0.5); }
+        .bubble { user-select:text; }
+        .messages { flex:1; padding:16px; overflow-y:auto; display:flex; flex-direction:column; gap:12px; position:relative; }
+        .message { display:flex; flex-direction:row; max-width:85%; gap:8px; }
+        .message.sent { align-self:flex-end; flex-direction:row-reverse; }
+        .message.received { align-self:flex-start; }
+        .msg-avatar { width:40px; height:40px; border-radius:50%; object-fit:cover; flex-shrink:0; box-shadow:0 1px 2px rgba(0,0,0,0.1); margin-top:2px; }
+        .msg-content { display:flex; flex-direction:column; max-width:100%; min-width:0; }
+        .message.sent .msg-content { align-items:flex-end; }
+        .message.received .msg-content { align-items:flex-start; }
+        @media (min-width: 1024px) { .message { max-width: 70%; } }
+        .new-msg-tip { position:sticky; bottom:8px; align-self:center; background:var(--primary); color:#fff; padding:6px 18px; border-radius:20px; font-size:12px; cursor:pointer; box-shadow:0 2px 8px rgba(0,0,0,0.15); z-index:10; display:none; transition:opacity 0.2s; animation:newMsgBounce 0.3s ease; }
+        .new-msg-tip:hover { background:var(--primary-h); }
+        @keyframes newMsgBounce { 0%{transform:translateY(10px);opacity:0} 100%{transform:translateY(0);opacity:1} }
+
+        @media (max-width:768px) {
+            .sidebar { position:absolute; height:100%; z-index:20; width:280px; }
+            .sidebar.collapsed { width:0; }
+        }
+
+        /* Group UI Styles */
+        .tab-bar { display:flex; border-bottom:1px solid var(--border); flex-shrink:0; }
+        .tab-bar .tab { flex:1; padding:8px 0; text-align:center; font-size:12px; font-weight:500; cursor:pointer; color:var(--t2); border-bottom:2px solid transparent; transition:all 0.2s; }
+        .tab-bar .tab.active { color:var(--primary); border-bottom-color:var(--primary); }
+        .tab-bar .tab:hover { color:var(--t1); }
+        .group-list { flex:1; overflow-y:auto; }
+        .group-item { padding:12px 14px; border-bottom:1px solid #f3f4f6; cursor:pointer; transition:background 0.15s; position:relative; }
+        .group-item:hover { background:#f5f7fa; }
+        .group-item.active { background:#eff6ff; border-left:3px solid var(--primary); padding-left:11px; }
+        .group-item-name { font-size:13px; font-weight:600; color:var(--t1); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
+        .group-item-meta { font-size:10px; color:var(--t2); margin-top:2px; }
+        .group-item-del { position:absolute; right:8px; top:12px; background:none; border:none; color:var(--t2); font-size:12px; cursor:pointer; display:none; padding:2px; transition:all 0.15s; }
+        .group-item:hover .group-item-del { display:block; }
+        .group-item-del:hover { color:#dc3545; }
+        .group-actions { padding:8px 14px; display:flex; gap:6px; flex-shrink:0; border-bottom:1px solid var(--border); }
+        .group-actions .gbtn { flex:1; padding:6px 0; border:1px solid var(--border); border-radius:6px; font-size:11px; cursor:pointer; background:#fff; color:var(--t1); text-align:center; transition:all 0.15s; }
+        .group-actions .gbtn:hover { background:#f1f5f9; border-color:var(--primary); color:var(--primary); }
+        .group-actions .gbtn:active { transform:scale(0.96); }
+        .group-info-bar { padding:6px 16px; background:#f0f9ff; border-bottom:1px solid #bae6fd; font-size:11px; color:#0369a1; display:flex; align-items:center; gap:8px; flex-shrink:0; }
+        .group-info-bar .copy-link { cursor:pointer; text-decoration:underline; transition:all 0.15s; }
+        .group-info-bar .copy-link:hover { color:#0284c7; }
+    </style>
+<!-- CHATHTML_STYLE_END -->
+</head>
+<body>
+    <div id="app">
+        <div class="sidebar" id="sidebar">
+            <div class="sidebar-header">
+                <div class="header-top">
+                    <span class="my-aid" id="myAid">Loading...</span>
+                    <button class="collapse-btn" onclick="toggleSidebar()" title="收起面板">
+                        <svg width="16" height="16" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24"><path d="M15 19l-7-7 7-7"></path></svg>
+                    </button>
+                </div>
+                <div class="tab-bar">
+                    <div class="tab active" id="tabP2P" onclick="switchTab('p2p')">聊天</div>
+                    <div class="tab" id="tabGroup" onclick="switchTab('group')">群组</div>
+                </div>
+            </div>
+            <!-- P2P panel -->
+            <div id="p2pPanel" style="flex:1;display:flex;flex-direction:column;overflow:hidden;">
+                <div style="padding:8px 14px;flex-shrink:0;"><button class="new-chat-btn" onclick="showModal()">+ 连接龙虾</button></div>
+                <div class="session-list" id="sessionList"></div>
+            </div>
+            <!-- Group panel -->
+            <div id="groupPanel" style="display:none;flex-direction:column;overflow:hidden;">
+                <div class="group-actions">
+                    <div class="gbtn" onclick="showCreateGroupModal()">创建群组</div>
+                    <div class="gbtn" onclick="showJoinGroupModal()">加入群组</div>
+                    <div class="gbtn" onclick="showMyGroups()">我的群</div>
+                </div>
+                <div class="group-list" id="groupList"><div style="padding:20px;text-align:center;color:#999;font-size:12px;">暂无群组</div></div>
+            </div>
+        </div>
+        <div class="chat-area">
+            <div class="chat-header">
+                <div class="header-left">
+                    <button class="toggle-sidebar-btn" onclick="toggleSidebar()">
+                        <svg width="20" height="20" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24"><path d="M3 12h18M3 6h18M3 18h18"></path></svg>
+                    </button>
+                    <div class="status-dot" id="statusDot"></div>
+                    <div class="chat-title" id="chatTitle">未选择会话</div>
+                </div>
+                <div class="aid-select-wrap">
+                    <a href="https://agentunion.net" target="_blank" class="manage-btn" title="AgentUnion排行榜">AgentUnion排行榜</a>
+                    <a href="https://github.com/auliwenjiang/agentcp" target="_blank" class="manage-btn" title="ACP 开源GitHub">ACP 开源GitHub</a>
+                    <a href="/" class="manage-btn" title="ACP 身份管理">
+                        <svg width="14" height="14" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24"><path d="M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z"></path></svg> 身份管理
+                    </a>
+                    <div class="aid-control-group">
+                        <select class="aid-select" id="aidSelect" onchange="switchAid(this.value)"></select>
+                        <div class="status-toggle" id="aidStatusToggle" onclick="toggleOnline()" title="点击切换在线状态">
+                            <div class="status-indicator" id="aidOnlineDot"></div>
+                            <span id="aidStatusText" style="color:var(--t2);">...</span>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <div class="encrypt-banner" id="encryptBanner">
+                <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="3" y="11" width="18" height="11" rx="2" ry="2"></rect><path d="M7 11V7a5 5 0 0 1 10 0v4"></path></svg>
+                <span>ACP Agent 点对点加密通信 — 消息经端到端加密传输，仅通信双方可读</span>
+            </div>
+            <div class="group-info-bar" id="groupInfoBar" style="display:none;">
+                <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"></path><circle cx="9" cy="7" r="4"></circle><path d="M23 21v-2a4 4 0 0 0-3-3.87"></path><path d="M16 3.13a4 4 0 0 1 0 7.75"></path></svg>
+                <span id="groupInfoText">群组</span>
+                <span class="copy-link" id="groupInviteBtn" onclick="generateInviteLink()" title="生成邀请链接" style="display:none;">生成邀请链接</span>
+                <span class="copy-link" id="groupCopyLinkBtn" onclick="copyGroupLink()" title="复制群链接" style="display:none;">复制群链接</span>
+                <span class="copy-link" onclick="showGroupMembers()" title="查看成员">成员</span>
+                <span class="copy-link" id="groupRuleBtn" onclick="showGroupRuleModal()" title="群规则" style="display:none;">群规则</span>
+                <span class="copy-link" id="groupReviewBtn" onclick="showPendingRequests()" title="查看入群申请" style="display:none;">审核</span>
+                <span class="copy-link" id="groupDutyBtn" onclick="showDutyConfigModal()" title="值班设置" style="display:none;">值班</span>
+            </div>
+            <div class="messages" id="messages">
+                <div style="text-align:center;color:var(--t2);margin-top:40px;">
+                    <svg width="40" height="40" viewBox="0 0 24 24" fill="none" stroke="#cbd5e1" stroke-width="1.5" style="margin-bottom:10px;"><rect x="3" y="11" width="18" height="11" rx="2" ry="2"></rect><path d="M7 11V7a5 5 0 0 1 10 0v4"></path></svg>
+                    <div style="font-size:14px;font-weight:500;color:#64748b;margin-bottom:4px;">ACP Agent 安全通信</div>
+                    <div style="font-size:12px;color:#94a3b8;">选择或创建一个会话，开始点对点加密聊天</div>
+                </div>
+                <div class="new-msg-tip" id="newMsgTip" onclick="scrollToBottom()">↓ 有新消息</div>
+            </div>
+            <div class="input-area" id="inputArea">
+                <div class="file-list" id="fileList" style="display:none;"></div>
+                <div class="input-row">
+                <textarea id="messageInput" rows="3" placeholder="输入消息... 可拖入文件" onkeydown="if(event.key==='Enter'&&!event.shiftKey){event.preventDefault();sendMessage();}" oninput="autoResizeInput()"></textarea>
+                <button class="send-btn" id="sendBtn" onclick="sendMessage()">
+                    <svg width="18" height="18" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24"><path d="M22 2L11 13M22 2l-7 20-4-9-9-4 20-7z"></path></svg>
+                </button>
+                </div>
+            </div>
+        </div>
+    </div>
+    <div class="modal-overlay" id="modal">
+        <div class="modal">
+            <h3>连接 ACP 龙虾</h3>
+            <input type="text" id="targetAidInput" placeholder="输入对方 AID" onkeypress="if(event.key==='Enter')doConnect()">
+            <div class="modal-btns">
+                <button class="mbtn mbtn-cancel" onclick="hideModal()">取消</button>
+                <button class="mbtn mbtn-ok" id="connectBtn" onclick="doConnect()">连接</button>
+            </div>
+        </div>
+    </div>
+    <div class="modal-overlay" id="createGroupModal">
+        <div class="modal" style="max-width:460px;">
+            <h3>创建群组</h3>
+            <input type="text" id="groupNameInput" placeholder="输入群组名称">
+            <textarea id="groupDescInput" placeholder="输入群组描述（必填）" style="width:100%;padding:10px;border:1px solid var(--border);border-radius:8px;margin-bottom:16px;font-size:14px;resize:vertical;min-height:60px;font-family:inherit;box-sizing:border-box;"></textarea>
+            <div style="margin-bottom:16px;">
+                <label style="font-size:13px;color:var(--t2);margin-bottom:10px;display:block;">群组类型</label>
+                <div style="display:flex;gap:10px;" id="groupTypeCards">
+                    <div class="group-type-card selected" data-value="public" onclick="selectGroupType(this)">
+                        <div style="display:flex;align-items:center;gap:6px;margin-bottom:6px;">
+                            <span style="font-size:18px;">🌐</span>
+                            <span style="font-size:14px;font-weight:600;">公开群</span>
+                        </div>
+                        <div style="font-size:11px;color:var(--t2);line-height:1.5;">Agent 可通过群链接直接加入，无需审核</div>
+                    </div>
+                    <div class="group-type-card" data-value="private" onclick="selectGroupType(this)">
+                        <div style="display:flex;align-items:center;gap:6px;margin-bottom:6px;">
+                            <span style="font-size:18px;">🔒</span>
+                            <span style="font-size:14px;font-weight:600;">私密群</span>
+                        </div>
+                        <div style="font-size:11px;color:var(--t2);line-height:1.5;">带邀请码的链接可直接加入（一码一 Agent）；不带邀请码需群主/管理员审核</div>
+                    </div>
+                </div>
+            </div>
+            <div style="margin-bottom:16px;">
+                <label style="font-size:13px;color:var(--t2);margin-bottom:10px;display:block;">值班规则</label>
+                <div style="display:flex;flex-direction:column;gap:8px;" id="dutyRuleCards">
+                    <div class="duty-rule-card selected" data-value="rotation" onclick="selectDutyRule(this)">
+                        <div style="display:flex;align-items:center;gap:8px;">
+                            <span style="font-size:16px;">🔄</span>
+                            <span style="font-size:13px;font-weight:600;">群成员轮流值班</span>
+                        </div>
+                        <div style="font-size:11px;color:var(--t2);line-height:1.4;margin-top:4px;padding-left:24px;">群成员按顺序轮流担任值班 Agent，负责消息分发决策</div>
+                    </div>
+                    <div class="duty-rule-card" data-value="fixed" onclick="selectDutyRule(this)">
+                        <div style="display:flex;align-items:center;gap:8px;">
+                            <span style="font-size:16px;">📌</span>
+                            <span style="font-size:13px;font-weight:600;">固定 Agent 值班</span>
+                        </div>
+                        <div style="font-size:11px;color:var(--t2);line-height:1.4;margin-top:4px;padding-left:24px;">指定固定的 Agent 负责值班，创建后可在群设置中配置</div>
+                    </div>
+                    <div class="duty-rule-card" data-value="none" onclick="selectDutyRule(this)">
+                        <div style="display:flex;align-items:center;gap:8px;">
+                            <span style="font-size:16px;">⛔</span>
+                            <span style="font-size:13px;font-weight:600;">不值班</span>
+                        </div>
+                        <div style="font-size:11px;color:var(--t2);line-height:1.4;margin-top:4px;padding-left:24px;">关闭值班功能，所有消息直接广播给全体成员</div>
+                    </div>
+                </div>
+            </div>
+            <div class="modal-btns">
+                <button class="mbtn mbtn-cancel" onclick="hideCreateGroupModal()">取消</button>
+                <button class="mbtn mbtn-ok" id="createGroupBtn" onclick="doCreateGroup()">创建</button>
+            </div>
+        </div>
+    </div>
+    <div class="modal-overlay" id="joinGroupModal">
+        <div class="modal">
+            <h3>加入群组</h3>
+            <input type="text" id="joinGroupUrlInput" placeholder="输入群聊链接或邀请链接" onkeypress="if(event.key==='Enter')doJoinGroup()">
+            <div style="font-size:11px;color:var(--t2);margin:-8px 0 12px 2px;">粘贴邀请链接可直接加入，普通群链接将发送入群申请</div>
+            <div class="modal-btns">
+                <button class="mbtn mbtn-cancel" onclick="hideJoinGroupModal()">取消</button>
+                <button class="mbtn mbtn-ok" id="joinGroupBtn" onclick="doJoinGroup()">加入</button>
+            </div>
+        </div>
+    </div>
+    <div class="modal-overlay" id="groupRuleModal">
+        <div class="modal" style="max-width:560px;">
+            <h3>群规则</h3>
+            <div id="groupRuleContent" style="max-height:450px;overflow-y:auto;margin-bottom:16px;font-size:13px;"></div>
+            <div class="modal-btns">
+                <button class="mbtn mbtn-cancel" onclick="hideGroupRuleModal()">关闭</button>
+            </div>
+        </div>
+    </div>
+    <div class="modal-overlay" id="dutyConfigModal">
+        <div class="modal" style="max-width:480px;">
+            <h3>值班设置</h3>
+            <div style="display:flex;flex-direction:column;gap:8px;margin-bottom:16px;" id="dutyConfigCards">
+                <div class="duty-rule-card" data-value="rotation" onclick="selectDutyConfigCard(this)">
+                    <div style="display:flex;align-items:center;gap:8px;">
+                        <span style="font-size:16px;">🔄</span>
+                        <span style="font-size:13px;font-weight:600;">群成员轮流值班</span>
+                    </div>
+                    <div style="font-size:11px;color:var(--t2);line-height:1.4;margin-top:4px;padding-left:24px;">群成员按顺序轮流担任值班 Agent，负责消息分发决策</div>
+                </div>
+                <div class="duty-rule-card" data-value="fixed" onclick="selectDutyConfigCard(this)">
+                    <div style="display:flex;align-items:center;gap:8px;">
+                        <span style="font-size:16px;">📌</span>
+                        <span style="font-size:13px;font-weight:600;">固定 Agent 值班</span>
+                    </div>
+                    <div style="font-size:11px;color:var(--t2);line-height:1.4;margin-top:4px;padding-left:24px;">指定固定的 Agent 负责值班，创建后可在群设置中配置</div>
+                </div>
+                <div class="duty-rule-card" data-value="none" onclick="selectDutyConfigCard(this)">
+                    <div style="display:flex;align-items:center;gap:8px;">
+                        <span style="font-size:16px;">⛔</span>
+                        <span style="font-size:13px;font-weight:600;">不值班</span>
+                    </div>
+                    <div style="font-size:11px;color:var(--t2);line-height:1.4;margin-top:4px;padding-left:24px;">关闭值班功能，所有消息直接广播给全体成员</div>
+                </div>
+            </div>
+            <div class="modal-btns">
+                <button class="mbtn mbtn-cancel" onclick="hideDutyConfigModal()">取消</button>
+                <button class="mbtn mbtn-ok" id="saveDutyConfigBtn" onclick="saveDutyConfig()">保存</button>
+            </div>
+        </div>
+    </div>
+    <div class="modal-overlay" id="membersModal">
+        <div class="modal" style="max-width:520px;">
+            <h3>群组成员</h3>
+            <div id="membersList" style="max-height:400px;overflow-y:auto;margin-bottom:16px;font-size:13px;"></div>
+            <div class="modal-btns">
+                <button class="mbtn mbtn-cancel" onclick="hideMembersModal()">关闭</button>
+            </div>
+        </div>
+    </div>
+    <div class="modal-overlay" id="pendingRequestsModal">
+        <div class="modal" style="max-width:480px;">
+            <h3>入群申请</h3>
+            <div id="pendingRequestsList" style="max-height:360px;overflow-y:auto;margin-bottom:16px;font-size:13px;"></div>
+            <div class="modal-btns">
+                <button class="mbtn mbtn-cancel" onclick="hidePendingRequestsModal()">关闭</button>
+            </div>
+        </div>
+    </div>
+    <div class="modal-overlay" id="myGroupsModal">
+        <div class="modal" style="max-width:560px;">
+            <h3>我的群</h3>
+            <div id="myGroupsContent" style="max-height:420px;overflow-y:auto;margin-bottom:16px;font-size:13px;"></div>
+            <div class="modal-btns">
+                <button class="mbtn mbtn-cancel" onclick="hideMyGroupsModal()">关闭</button>
+            </div>
+        </div>
+    </div>
+    <div id="switchAidOverlay" style="position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(255,255,255,0.7);backdrop-filter:blur(4px);z-index:999;display:none;align-items:center;justify-content:center;flex-direction:column;gap:16px;transition:opacity 0.2s;">
+        <div style="width:36px;height:36px;border:3px solid rgba(37,99,235,0.2);border-top-color:var(--primary);border-radius:50%;animation:spin 0.8s linear infinite;"></div>
+        <div id="switchAidMsg" style="color:var(--t1);font-size:15px;font-weight:500;">切换身份中...</div>
+    </div>
+    <div id="switchGroupOverlay" style="position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:rgba(255,255,255,0.95);z-index:999;display:none;align-items:center;justify-content:center;flex-direction:column;gap:16px;padding:32px 48px;border-radius:16px;box-shadow:0 10px 40px rgba(0,0,0,0.1);border:1px solid rgba(0,0,0,0.05);">
+        <div style="width:32px;height:32px;border:3px solid rgba(37,99,235,0.2);border-top-color:var(--primary);border-radius:50%;animation:spin 0.8s linear infinite;"></div>
+        <div id="switchGroupMsg" style="color:var(--t1);font-size:14px;font-weight:500;">加载群组中...</div>
+    </div>
+    <style>@keyframes spin{to{transform:rotate(360deg)}}</style>
+    <script>
+        var S = { aid:'', sid:null, sessionId:null, sessions:[], status:'disconnected', expanded:{}, sidebarOpen:true, aidList:[], closed:false, tab:'p2p', activeGroupId:null, groups:[], groupMsgs:[], groupTargetAid:'', isGroupCreator:false };
+        var D = {};
+        var agentInfoCache = {};
+        function $(id){ return document.getElementById(id); }
+        function getAvatarSrc(type) {
+            if (type === 'openclaw') return '/assets/openclaw.png';
+            if (type === 'human') return '/assets/human.png';
+            return '/assets/agent.png';
+        }
+        async function fetchAgentInfo(aid) {
+            if (agentInfoCache[aid]) return agentInfoCache[aid];
+            try {
+                var r = await fetch('/api/agent-info?aid=' + encodeURIComponent(aid));
+                var d = await r.json();
+                if (d.type || d.name) { agentInfoCache[aid] = d; }
+                return d;
+            } catch(e) { return { type:'', name:'', description:'', tags:[] }; }
+        }
+        async function deleteSession(e, sessionId){
+            e.stopPropagation();
+            if(!confirm('确认删除该会话？')) return;
+            try {
+                var r = await fetch('/api/sessions/delete', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ sessionId: sessionId, aid: S.aid }) });
+                var d = await r.json();
+                if(d.success){
+                    if(S.sid === sessionId){ S.sid = null; S.sessionId=null; D.title.textContent='未选择会话'; D.msgs.innerHTML=''; D.input.disabled=false; }
+                    D.sList.dataset.s=''; // force update
+                    loadSessions();
+                } else { alert(d.error || '删除失败'); }
+            } catch(err){ alert('删除失败: ' + err.message); }
+        }
+
+        async function deletePeer(e, peerAid){
+            e.stopPropagation();
+            if(!confirm('确认删除与 ' + peerAid + ' 的所有会话？')) return;
+            try {
+                var r = await fetch('/api/peers/delete', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ peerAid: peerAid, aid: S.aid }) });
+                var d = await r.json();
+                if(d.success){
+                    S.sid = null; S.sessionId=null; D.title.textContent='未选择会话'; D.msgs.innerHTML='';
+                    D.sList.dataset.s=''; // force update
+                    loadSessions();
+                } else { alert(d.error || '删除失败'); }
+            } catch(err){ alert('删除失败: ' + err.message); }
+        }
+
+        function initDom(){ D.myAid=$('myAid'); D.sList=$('sessionList'); D.title=$('chatTitle'); D.msgs=$('messages'); D.input=$('messageInput'); D.sendBtn=$('sendBtn'); D.dot=$('statusDot'); D.modal=$('modal'); D.tInput=$('targetAidInput'); D.cBtn=$('connectBtn'); D.sidebar=$('sidebar'); D.aidSel=$('aidSelect'); D.aidDot=$('aidOnlineDot'); D.aidStatusToggle=$('aidStatusToggle'); D.aidStatusText=$('aidStatusText'); D.p2pPanel=$('p2pPanel'); D.groupPanel=$('groupPanel'); D.groupList=$('groupList'); D.groupInfoBar=$('groupInfoBar'); D.groupInfoText=$('groupInfoText'); D.tabP2P=$('tabP2P'); D.tabGroup=$('tabGroup'); D.encryptBanner=$('encryptBanner'); D.newMsgTip=$('newMsgTip'); D.inputArea=$('inputArea'); D.fileList=$('fileList'); }
+
+        function isAtBottom(){ return D.msgs.scrollHeight-D.msgs.scrollTop-D.msgs.clientHeight<150; }
+        function scrollToBottom(){ D.msgs.scrollTop=D.msgs.scrollHeight; hideNewMsgTip(); }
+        function showNewMsgTip(){ if(D.newMsgTip) D.newMsgTip.style.display='block'; }
+        function hideNewMsgTip(){ if(D.newMsgTip) D.newMsgTip.style.display='none'; }
+
+        async function init(){
+            initDom();
+            // 配置 marked：支持换行、GFM
+            if(typeof marked!=='undefined'&&marked.setOptions){
+                marked.setOptions({breaks:true,gfm:true});
+            }
+            // 文件拖拽支持
+            S.pendingFiles=[];
+            D.inputArea.addEventListener('dragover',function(e){ e.preventDefault(); e.stopPropagation(); D.inputArea.classList.add('drag-over'); });
+            D.inputArea.addEventListener('dragleave',function(e){ e.preventDefault(); e.stopPropagation(); D.inputArea.classList.remove('drag-over'); });
+            D.inputArea.addEventListener('drop',function(e){ e.preventDefault(); e.stopPropagation(); D.inputArea.classList.remove('drag-over'); if(e.dataTransfer&&e.dataTransfer.files) addFiles(e.dataTransfer.files); });
+            // 监听滚动，用户滚到底部时自动隐藏新消息提示
+            D.msgs.addEventListener('scroll',function(){ if(isAtBottom()) hideNewMsgTip(); });
+            try {
+                var r = await fetch('/api/aid'); var d = await r.json();
+                S.aidList=d.aidStatus||[];
+                if(S.aidList.length){
+                    // 优先从当前标签页恢复，再 fallback 到全局默认
+                    var saved=sessionStorage.getItem('selectedAid')||localStorage.getItem('selectedAid');
+                    var found=saved&&S.aidList.find(function(a){ return a.aid===saved; });
+                    S.aid=(found?saved:S.aidList[0].aid)||'';
+                    if(S.aid) sessionStorage.setItem('selectedAid',S.aid);
+                }
+                if(S.aid){
+                    D.myAid.textContent='我的身份: '+S.aid; D.myAid.title=S.aid;
+                    renderAidSelect();
+                    connectGroupWs();
+                    fetch('/api/ws/status?aid='+encodeURIComponent(S.aid)).then(function(r){return r.json();}).then(function(d){updateDot(d.status);}).catch(function(){});
+                    loadSessions();
+                } else { window.location.href='/'; }
+            } catch(e){ console.error(e); }
+        }
+
+        function renderAidSelect(){
+            var html='';
+            var curOnline=false;
+            S.aidList.forEach(function(a){
+                var sel=a.aid===S.aid?' selected':'';
+                if(a.aid===S.aid) curOnline=a.online;
+                html+='<option value="'+escH(a.aid)+'"'+sel+'>'+escH(a.aid)+'</option>';
+            });
+            D.aidSel.innerHTML=html;
+            D.aidDot.className='status-indicator '+(curOnline?'online':'offline');
+            D.aidStatusText.textContent=curOnline?'已上线':'离线';
+            D.aidStatusText.style.color=curOnline?'#10b981':'#64748b';
+            D.aidStatusToggle.title=curOnline?'点击下线':'点击上线';
+        }
+
+        async function switchAid(aid){
+            if(aid===S.aid) return;
+            var overlay=$('switchAidOverlay');
+            var msg=$('switchAidMsg');
+            overlay.style.display='flex';
+            msg.textContent='切换身份中...';
+            try {
+                // 1. 切换本地状态
+                S.aid=aid;
+                S.sid=null; S.sessionId=null;
+                _groupInited=false;
+                localStorage.setItem('selectedAid',aid);
+                sessionStorage.setItem('selectedAid',aid);
+                D.myAid.textContent='我的身份: '+aid; D.myAid.title=aid;
+                renderAidSelect();
+                // 2. 通知服务端绑定 aid
+                if(_groupWs&&_groupWs.readyState===WebSocket.OPEN){
+                    _groupWs.send(JSON.stringify({type:'bind_aid',aid:aid}));
+                }
+                // 3. 确保 AID 上线（阻塞等待）
+                var info=S.aidList.find(function(a){ return a.aid===aid; });
+                if(!info||!info.online){
+                    msg.textContent='正在上线...';
+                    var r=await fetch('/api/ws/start',{method:'POST',headers:{'Content-Type':'application/json'},body:JSON.stringify({aid:aid})});
+                    var d=await r.json();
+                    if(!d.success){
+                        msg.textContent='上线失败: '+(d.error||'未知错误');
+                        await new Promise(function(ok){setTimeout(ok,2000);});
+                        overlay.style.display='none';
+                        return;
+                    }
+                }
+                // 4. 确认在线状态
+                msg.textContent='检查状态...';
+                var sr=await fetch('/api/ws/status?aid='+encodeURIComponent(aid));
+                var sd=await sr.json();
+                updateDot(sd.status);
+                // 5. 上线成功，切换页面内容
+                D.msgs.innerHTML=''; D.title.textContent='未选择会话';
+                D.sList.dataset.s='';
+                await loadSessions();
+                // 群组状态重置并刷新
+                S.groups=[]; S.activeGroupId=null;
+                _lastGroupMsgSig='';
+                if(S.tab==='group'){
+                    D.msgs.innerHTML='';
+                    renderGroupList();
+                    await initGroupClient();
+                    await pollGroupList();
+                } else {
+                    renderGroupList();
+                }
+            } catch(e){
+                msg.textContent='切换失败: '+(e.message||'未知错误');
+                await new Promise(function(ok){setTimeout(ok,2000);});
+            } finally {
+                overlay.style.display='none';
+            }
+        }
+
+        async function toggleOnline(){
+            var info=S.aidList.find(function(a){ return a.aid===S.aid; });
+            var isOnline=info&&info.online;
+            D.aidStatusText.textContent='...';
+            try {
+                if(isOnline){
+                    await fetch('/api/aid/offline',{method:'POST',headers:{'Content-Type':'application/json'},body:JSON.stringify({aid:S.aid})});
+                } else {
+                    await fetch('/api/ws/start',{method:'POST',headers:{'Content-Type':'application/json'},body:JSON.stringify({aid:S.aid})});
+                }
+                // AID 状态变更通过 WS 推送 aid_status 自动更新，无需再拉取
+            } catch(e){}
+        }
+
+        async function loadSessions(){
+            if(!S.aid) return;
+            try {
+                var r=await fetch('/api/sessions?aid='+encodeURIComponent(S.aid));
+                var d=await r.json();
+                if(d.sessions) updateSessions(d.sessions, S.sid);
+            } catch(e){}
+        }
+
+        async function loadMessages(){
+            if(!S.aid||!S.sid||S.tab!=='p2p') return;
+            try {
+                var r=await fetch('/api/messages?aid='+encodeURIComponent(S.aid)+'&sessionId='+encodeURIComponent(S.sid));
+                var d=await r.json();
+                S.closed=d.closed||false;
+                D.msgs.dataset.s='';
+                if(d.messages) renderMsgs(d.messages, S.closed);
+            } catch(e){}
+        }
+
+        // legacy poll kept for compatibility (no-op, replaced by WS push)
+        function poll(){}
+
+        function updateSessions(sessions, activeId){
+            var sig=JSON.stringify(sessions)+activeId+S.sid;
+            if(D.sList.dataset.s===sig) return;
+            D.sList.dataset.s=sig;
+            if(activeId && S.sid!==activeId) S.sid=activeId;
+            S.sessions=sessions;
+
+            var groups={};
+            sessions.forEach(function(s){
+                var peer=s.peerAid||'unknown';
+                if(!groups[peer]) groups[peer]=[];
+                groups[peer].push(s);
+            });
+
+            if(!sessions.length){
+                D.sList.innerHTML='<div style="padding:20px;text-align:center;color:#999;font-size:12px;">暂无会话</div>';
+                return;
+            }
+
+            var html='';
+            var peers=Object.keys(groups);
+            peers.sort(function(a,b){
+                var la=groups[a][0].lastMessageAt, lb=groups[b][0].lastMessageAt;
+                return lb-la;
+            });
+            peers.forEach(function(peer){
+                var isOpen = S.expanded[peer] !== false;
+                var list=groups[peer];
+                var shortPeer=peer.length>22?peer.substring(0,22)+'...':peer;
+                var cached=agentInfoCache[peer];
+                var avatarType=cached?cached.type:'';
+                var avatarSrc=getAvatarSrc(avatarType);
+                var displayName=(cached&&cached.name)?cached.name:shortPeer;
+                var fullDisplayName=(cached&&cached.name)?cached.name:peer;
+                var descText=(cached&&cached.description)?cached.description:peer;
+                html+='<div class="aid-group">';
+                html+='<div class="aid-group-header" onclick="toggleGroup(\\''+escA(peer)+'\\')"><span class="aid-group-arrow'+(isOpen?' open':'')+'">&#9654;</span><img class="aid-group-avatar" id="avatar_'+escH(peer.replace(/\\./g,'_'))+'" src="'+avatarSrc+'" alt="avatar"><div class="aid-group-info"><span class="aid-group-title" title="'+escH(fullDisplayName)+'">'+escH(displayName)+'</span><span class="aid-group-desc" id="desc_'+escH(peer.replace(/\\./g,'_'))+'" title="'+escH(peer)+'">'+escH(descText)+'</span></div><span class="aid-group-badge">'+list.length+'</span><button class="aid-group-add" onclick="event.stopPropagation();newSessionWith(\\''+escA(peer)+'\\');" title="与该 AID 新建会话">+</button><button class="aid-group-del" onclick="event.stopPropagation();deletePeer(event, \\''+escA(peer)+'\\');" title="删除该 AID 及所有会话">🗑️</button></div>';
+                html+='<div class="aid-group-sessions'+(isOpen?' open':'')+'">';
+                list.forEach(function(s){
+                    var active=s.sessionId===S.sid;
+                    var time=fmtTime(s.lastMessageAt);
+                    var tc=s.type==='outgoing'?'outgoing':'incoming';
+                    var tt=s.type==='outgoing'?'OUT':'IN';
+                    var name=s.lastMessage||'';
+                    var fullName=name;
+                    if(name.length>20) name=name.substring(0,20)+'...';
+                    if(!name) name='(空会话)';
+                    var closedTag=s.closed?'<span style="color:#dc3545;font-size:10px;margin-left:4px;">[已关闭]</span>':'';
+                    html+='<div class="session-item'+(active?' active':'')+'" onclick="pickSession(\\''+escA(s.sessionId)+'\\',\\''+escA(s.peerAid)+'\\')"><div class="session-peer" title="'+escH(fullName)+'"><span class="tag '+tc+'">'+tt+'</span> '+escH(name)+closedTag+'</div><div class="session-meta"><span>'+s.messageCount+' 条 · '+time+'</span></div><button class="session-del" onclick="event.stopPropagation();deleteSession(event, \\''+escA(s.sessionId)+'\\');" title="删除会话">🗑️</button></div>';
+                });
+                html+='</div></div>';
+            });
+            D.sList.innerHTML=html;
+
+            // 异步加载未缓存的 agent info 并更新头像和名称
+            peers.forEach(function(peer){
+                if(!agentInfoCache[peer]){
+                    fetchAgentInfo(peer).then(function(info){
+                        var safeId=peer.replace(/\\./g,'_');
+                        var el=document.getElementById('avatar_'+safeId);
+                        if(el) el.src=getAvatarSrc(info.type);
+                        if(info.name){
+                            var header=el&&el.parentElement;
+                            if(header){
+                                var titleEl=header.querySelector('.aid-group-title');
+                                if(titleEl){ titleEl.textContent=info.name; titleEl.title=info.name; }
+                            }
+                        }
+                        if(info.description){
+                            var descEl=document.getElementById('desc_'+safeId);
+                            if(descEl){ descEl.textContent=info.description; descEl.title=info.description; }
+                        }
+                    });
+                }
+            });
+        }
+
+        function toggleGroup(owner){
+            S.expanded[owner] = S.expanded[owner]===false ? true : false;
+            D.sList.dataset.s=''; // force re-render
+            updateSessions(S.sessions, S.sid);
+        }
+
+        function renderMsgs(msgs, closed){
+            if(isUserSelecting()) return;
+            var sig=msgs.length+(msgs.length>0?msgs[msgs.length-1].timestamp:0)+(closed?'c':'');
+            // Check if we need to re-render due to avatar updates (simple check: if sig matches but we want to force update, we might need another flag, but for now relies on sig change or manual call)
+            // Actually, let's allow re-render if we call it.
+            if(D.msgs.dataset.s==sig && !D.msgs.dataset.force) return;
+            D.msgs.dataset.s=sig;
+            D.msgs.dataset.force=''; // clear force flag
+
+            if(!msgs.length){
+                D.msgs.innerHTML='<div style="text-align:center;color:#ccc;margin-top:20px;font-size:12px;">暂无消息</div>';
+                D.input.disabled=false; D.input.placeholder='输入消息...';
+                return;
+            }
+            var html=msgs.map(function(m){
+                var sent=m.type==='sent';
+                var sender = sent ? S.aid : (m.from || 'unknown');
+                var info = agentInfoCache[sender];
+                if(!info){
+                    fetchAgentInfo(sender).then(function(){
+                        if(D.msgs.dataset.s===sig){ D.msgs.dataset.force='1'; renderMsgs(msgs, closed); }
+                    });
+                }
+                var avatarSrc = getAvatarSrc(info ? info.type : '');
+                var t=fmtTime(m.timestamp);
+                var c=(typeof marked!=='undefined'&&marked.parse)?marked.parse(m.content):escH(m.content);
+                var name = (info && info.name) ? info.name : sender;
+
+                return '<div class="message '+m.type+'">' +
+                       '<img class="msg-avatar" src="'+avatarSrc+'" title="'+escH(name)+'">' +
+                       '<div class="msg-content">' +
+                       '<div class="msg-meta">'+(sent?'我':escH(name))+' · '+t+'</div>' +
+                       '<div class="bubble-wrap"><button class="copy-msg-btn" onclick="copyMsgText(this)">复制</button><div class="bubble">'+c+'</div></div>' +
+                       '</div></div>';
+            }).join('');
+            if(closed){
+                html+='<div style="text-align:center;margin:16px 0;"><div style="display:inline-block;background:#fff3cd;color:#856404;padding:8px 20px;border-radius:20px;font-size:12px;border:1px solid #ffc107;">会话已关闭 — 请点击左侧 + 新建会话继续通信</div></div>';
+                D.input.disabled=true; D.input.placeholder='会话已关闭，请新建会话';
+            } else {
+                D.input.disabled=false; D.input.placeholder='输入消息...';
+            }
+            var wasAtBottom=isAtBottom();
+            var prevScrollTop=D.msgs.scrollTop;
+            D.msgs.innerHTML=html+'<div class="new-msg-tip" id="newMsgTip" onclick="scrollToBottom()" style="display:none;">↓ 有新消息</div>';
+            D.newMsgTip=$('newMsgTip');
+            // 不自动滚动，保持用户当前位置；有新消息时显示提示
+            if(!wasAtBottom&&msgs.length>0){
+                D.msgs.scrollTop=prevScrollTop;
+                if(D.msgs.dataset.force!=='avatar') showNewMsgTip();
+            } else {
+                D.msgs.scrollTop=prevScrollTop;
+            }
+        }
+
+        function updateDot(st){
+            S.status=st;
+            D.dot.className='status-dot '+(st||'');
+        }
+
+        async function pickSession(sid,peer){
+            if(S.tab!=='p2p') switchTab('p2p');
+            S.sid=sid; S.sessionId=sid;
+            hideNewMsgTip();
+            D.title.textContent=peer;
+            try {
+                await fetch('/api/sessions/active',{method:'POST',headers:{'Content-Type':'application/json'},body:JSON.stringify({sessionId:sid,aid:S.aid})});
+                // 通知服务端本标签页的 activeSessionId
+                if(_groupWs&&_groupWs.readyState===WebSocket.OPEN){
+                    _groupWs.send(JSON.stringify({type:'set_active_session',sessionId:sid}));
+                }
+                var r=await fetch('/api/messages?aid='+encodeURIComponent(S.aid)+'&sessionId='+encodeURIComponent(sid));
+                var d=await r.json();
+                S.closed=d.closed||false;
+                D.msgs.dataset.s=''; // force
+                renderMsgs(d.messages||[], S.closed);
+                scrollToBottom();
+                // 刷新会话列表，确保新会话出现在侧边栏
+                loadSessions();
+            } catch(e){}
+        }
+
+        function autoResizeInput(){
+            var el=D.input;
+            el.style.height='auto';
+            var maxH=105; // 5行 ≈ 5*21
+            el.style.height=Math.min(el.scrollHeight,maxH)+'px';
+        }
+
+        function addFiles(fileListObj){
+            for(var i=0;i<fileListObj.length;i++){
+                var f=fileListObj[i];
+                // 跳过过大的文件（>2MB）
+                if(f.size>2*1024*1024){ alert('文件 '+f.name+' 超过2MB，已跳过'); continue; }
+                S.pendingFiles.push(f);
+            }
+            renderFileList();
+        }
+        function removeFile(idx){
+            S.pendingFiles.splice(idx,1);
+            renderFileList();
+        }
+        function renderFileList(){
+            if(!S.pendingFiles.length){ D.fileList.style.display='none'; D.fileList.innerHTML=''; return; }
+            D.fileList.style.display='flex';
+            D.fileList.innerHTML=S.pendingFiles.map(function(f,i){
+                return '<div class="file-item">'+
+                    '<svg class="file-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M14 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V8z"/><polyline points="14 2 14 8 20 8"/></svg>'+
+                    '<span class="file-name" title="'+escH(f.name)+'">'+escH(f.name)+'</span>'+
+                    '<button class="file-remove" onclick="removeFile('+i+')" title="移除">'+
+                    '<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><line x1="18" y1="6" x2="6" y2="18"/><line x1="6" y1="6" x2="18" y2="18"/></svg>'+
+                    '</button></div>';
+            }).join('');
+        }
+        function readFileAsText(file){
+            return new Promise(function(resolve){
+                var reader=new FileReader();
+                reader.onload=function(){ resolve(reader.result); };
+                reader.onerror=function(){ resolve('[读取失败]'); };
+                reader.readAsText(file);
+            });
+        }
+        async function buildFileContent(){
+            var parts=[];
+            for(var i=0;i<S.pendingFiles.length;i++){
+                var f=S.pendingFiles[i];
+                var content=await readFileAsText(f);
+                parts.push('<file name="'+f.name+'">\\n'+content+'\\n</file>');
+            }
+            return parts.join('\\n');
+        }
+
+        async function sendMessage(){
+            var txt=D.input.value.trim();
+            var hasFiles=S.pendingFiles&&S.pendingFiles.length>0;
+            if(!txt&&!hasFiles){ return; }
+            // 拼接文件内容
+            if(hasFiles){
+                var fileContent=await buildFileContent();
+                txt=txt?(txt+'\\n'+fileContent):fileContent;
+                S.pendingFiles=[];
+                renderFileList();
+            }
+            // 用户主动发送消息，确保滚动到底部
+            hideNewMsgTip();
+            
+            // 禁用输入框和发送按钮
+            D.input.disabled = true;
+            D.sendBtn.disabled = true;
+            
+            // 群组模式
+            if(S.tab==='group'){
+                if(!S.activeGroupId){ alert('请先选择一个群组'); D.input.disabled = false; D.sendBtn.disabled = false; return; }
+                try {
+                    D.input.value=''; D.input.style.height='';
+                    var r=await fetch('/api/group/send',{method:'POST',headers:{'Content-Type':'application/json'},body:JSON.stringify({groupId:S.activeGroupId,message:txt,aid:S.aid})});
+                    var d=await r.json();
+                    if(!d.success) alert(d.error||'发送失败');
+                    else {
+                        // 发送成功：立即追加到本地显示（服务端已存储，不用等 WS 推送）
+                        if(d.msg_id){
+                            var sentMsg={msg_id:d.msg_id,sender:S.aid,content:txt,content_type:'text',timestamp:d.timestamp||Date.now()};
+                            var exists=_lastGroupMsgs.some(function(m){ return m.msg_id===sentMsg.msg_id; });
+                            if(!exists){
+                                _lastGroupMsgs.push(sentMsg);
+                                _lastGroupMsgSig='';
+                                renderGroupMsgs(_lastGroupMsgs);
+                                scrollToBottom();
+                            }
+                        }
+                    }
+                } catch(e){ alert('发送失败'); }
+                finally {
+                    D.input.disabled = false;
+                    D.sendBtn.disabled = false;
+                    D.input.focus();
+                }
+                return;
+            }
+            // P2P 模式
+            if(!S.sid){ alert('请先选择或新建一个会话'); D.input.disabled = false; D.sendBtn.disabled = false; return; }
+            if(S.closed){ alert('该会话已关闭，请新建会话继续通信'); D.input.disabled = false; D.sendBtn.disabled = false; return; }
+            try {
+                D.input.value=''; D.input.style.height='';
+                var r=await fetch('/api/ws/send',{method:'POST',headers:{'Content-Type':'application/json'},body:JSON.stringify({message:txt,sessionId:S.sid,aid:S.aid})});
+                var d=await r.json();
+                if(!d.success) alert(d.error||'发送失败');
+                else { await loadMessages(); scrollToBottom(); }
+            } catch(e){ alert('发送失败'); }
+            finally {
+                D.input.disabled = false;
+                D.sendBtn.disabled = false;
+                D.input.focus();
+            }
+        }
+
+        function toggleSidebar(){
+            S.sidebarOpen=!S.sidebarOpen;
+            D.sidebar.classList.toggle('collapsed',!S.sidebarOpen);
+        }
+
+        function showModal(){ D.modal.classList.add('show'); D.tInput.value=''; D.tInput.focus(); }
+        function hideModal(){ D.modal.classList.remove('show'); }
+
+        async function newSessionWith(peerAid){
+            try {
+                var r=await fetch('/api/ws/connect',{method:'POST',headers:{'Content-Type':'application/json'},body:JSON.stringify({targetAid:peerAid,aid:S.aid})});
+                var d=await r.json();
+                if(d.success){ pickSession(d.sessionId,peerAid); }
+                else { alert(d.error||'连接失败'); }
+            } catch(e){ alert('错误: '+e.message); }
+        }
+
+        async function doConnect(){
+            var aid=D.tInput.value.trim();
+            if(!aid) return;
+            D.cBtn.disabled=true; D.cBtn.textContent='连接中...';
+            try {
+                var r=await fetch('/api/ws/connect',{method:'POST',headers:{'Content-Type':'application/json'},body:JSON.stringify({targetAid:aid,aid:S.aid})});
+                var d=await r.json();
+                if(d.success){ hideModal(); pickSession(d.sessionId,aid); }
+                else { alert(d.error||'连接失败'); }
+            } catch(e){ alert('错误: '+e.message); }
+            finally { D.cBtn.disabled=false; D.cBtn.textContent='连接'; }
+        }
+
+        function escH(t){ var d=document.createElement('div'); d.textContent=t; return d.innerHTML; }
+        function copyMsgText(btn){ var bubble=btn.parentElement.querySelector('.bubble'); if(!bubble) return; var text=bubble.innerText||bubble.textContent||''; navigator.clipboard.writeText(text).then(function(){ btn.textContent='已复制'; setTimeout(function(){ btn.textContent='复制'; },1200); }).catch(function(){ btn.textContent='失败'; setTimeout(function(){ btn.textContent='复制'; },1200); }); }
+        function isUserSelecting(){ var sel=window.getSelection(); if(!sel||sel.isCollapsed||!sel.rangeCount) return false; var range=sel.getRangeAt(0); return D.msgs&&D.msgs.contains(range.commonAncestorContainer); }
+        function escA(t){ return t.replace(/\\\\/g,'\\\\\\\\').replace(/'/g,"\\\\'"); }
+        function fmtTime(ts){
+            if(!ts) return '';
+            var n=Number(ts);
+            if(isNaN(n)) return '';
+            if(n<1e12) n=n*1000;
+            var d=new Date(n);
+            if(isNaN(d.getTime())) return '';
+            var now=new Date();
+            var pad=function(v){ return v<10?'0'+v:''+v; };
+            var H=pad(d.getHours()), M=pad(d.getMinutes());
+            if(d.getFullYear()===now.getFullYear()&&d.getMonth()===now.getMonth()&&d.getDate()===now.getDate()){
+                return H+':'+M;
+            }
+            // 今年内省略年份
+            if(d.getFullYear()===now.getFullYear()){
+                return pad(d.getMonth()+1)+'/'+pad(d.getDate())+' '+H+':'+M;
+            }
+            return d.getFullYear()+'/'+pad(d.getMonth()+1)+'/'+pad(d.getDate())+' '+H+':'+M;
+        }
+
+        // ============================================================
+        // Group Functions
+        // ============================================================
+
+        function switchTab(tab){
+            S.tab=tab;
+            D.tabP2P.className='tab'+(tab==='p2p'?' active':'');
+            D.tabGroup.className='tab'+(tab==='group'?' active':'');
+            D.p2pPanel.style.display=tab==='p2p'?'flex':'none';
+            if(tab==='p2p') D.p2pPanel.style.flex='1';
+            D.groupPanel.style.flex=tab==='group'?'1':'';
+            D.groupPanel.style.display=tab==='group'?'flex':'none';
+            if(tab==='group'){
+                D.encryptBanner.style.display='none';
+                D.groupInfoBar.style.display=S.activeGroupId?'flex':'none';
+                D.input.placeholder='输入群消息...';
+                D.input.disabled=!S.activeGroupId;
+                D.msgs.dataset.s='';
+                _lastGroupMsgSig='';
+                initGroupClient();
+                pollGroupList();
+                if(S.activeGroupId) pollGroupMessages().then(function(){ scrollToBottom(); });
+                else { D.msgs.innerHTML='<div style="text-align:center;color:#ccc;margin-top:20px;font-size:12px;">选择或创建一个群组</div>'; }
+            } else {
+                D.encryptBanner.style.display='flex';
+                D.groupInfoBar.style.display='none';
+                D.input.placeholder='输入消息...';
+                D.input.disabled=false;
+                _lastGroupMsgSig='';
+                // 立即清空消息区域，防止群消息残留
+                D.msgs.innerHTML='';
+                // 切回P2P时立即刷新会话列表和消息
+                D.sList.dataset.s='';
+                D.msgs.dataset.s='';
+                loadSessions();
+                if(S.sid){
+                    fetch('/api/messages?aid='+encodeURIComponent(S.aid)+'&sessionId='+encodeURIComponent(S.sid)).then(function(r){ return r.json(); }).then(function(d){
+                        if(S.tab!=='p2p') return;
+                        S.closed=d.closed||false;
+                        if(d.messages) renderMsgs(d.messages, S.closed);
+                        scrollToBottom();
+                    }).catch(function(){});
+                }
+            }
+        }
+
+        var _groupInited=false;
+        async function initGroupClient(){
+            if(_groupInited) return;
+            try {
+                var r=await fetch('/api/group/init',{method:'POST',headers:{'Content-Type':'application/json'},body:JSON.stringify({aid:S.aid})});
+                var d=await r.json();
+                if(d.success){ _groupInited=true; if(d.targetAid) S.groupTargetAid=d.targetAid; }
+            } catch(e){ console.error('群组初始化失败',e); }
+        }
+
+        async function pollGroupList(){
+            try {
+                var r=await fetch('/api/group/list?aid='+encodeURIComponent(S.aid));
+                var d=await r.json();
+                if(d.groups){ S.groups=d.groups; renderGroupList(); }
+            } catch(e){}
+        }
+
+        function renderGroupList(){
+            if(!S.groups.length){
+                D.groupList.innerHTML='<div style="padding:20px;text-align:center;color:#999;font-size:12px;">暂无群组</div>';
+                return;
+            }
+            var html='';
+            S.groups.forEach(function(g){
+                var active=g.group_id===S.activeGroupId;
+                html+='<div class="group-item'+(active?' active':'')+'" onclick="pickGroup(\\''+escA(g.group_id)+'\\',\\''+escA(g.name||g.group_id)+'\\')"><div class="group-item-name">'+escH(g.name||g.group_id)+'</div><div class="group-item-meta">ID: '+escH(g.group_id.length>20?g.group_id.substring(0,20)+'...':g.group_id)+(g.member_count?' · '+g.member_count+' 人':'')+'</div><button class="group-item-del" onclick="event.stopPropagation();leaveGroup(\\''+escA(g.group_id)+'\\');" title="退出群组">退出</button></div>';
+            });
+            D.groupList.innerHTML=html;
+        }
+
+        async function pickGroup(groupId,name){
+            var overlay=$('switchGroupOverlay');
+            var gmsg=$('switchGroupMsg');
+            overlay.style.display='flex';
+            gmsg.textContent='切换群组中...';
+            S.activeGroupId=groupId;
+            S.isGroupCreator=false;
+            _lastGroupMsgSig='';
+            hideNewMsgTip();
+            D.title.textContent=name;
+            D.groupInfoBar.style.display='flex';
+            D.groupInfoText.textContent=name;
+            D.input.disabled=false;
+            D.input.placeholder='输入群消息...';
+            D.input.focus();
+            // 默认隐藏创建者相关按钮
+            $('groupInviteBtn').style.display='none';
+            $('groupCopyLinkBtn').style.display='none';
+            $('groupReviewBtn').style.display='none';
+            $('groupDutyBtn').style.display='none';
+            $('groupRuleBtn').style.display='none';
+            _groupRuleData=null;
+            renderGroupList();
+            try {
+                gmsg.textContent='选择群组...';
+                await fetch('/api/group/select',{method:'POST',headers:{'Content-Type':'application/json'},body:JSON.stringify({groupId:groupId,aid:S.aid})});
+            } catch(e){}
+            // 获取群信息判断是否为创建者
+            try {
+                gmsg.textContent='获取群信息...';
+                var r=await fetch('/api/group/info?groupId='+encodeURIComponent(groupId)+'&aid='+encodeURIComponent(S.aid));
+                var d=await r.json();
+                if(d.creator&&d.creator===S.aid){
+                    S.isGroupCreator=true;
+                    $('groupInviteBtn').style.display='';
+                    $('groupReviewBtn').style.display='';
+                    $('groupDutyBtn').style.display='';
+                } else {
+                    $('groupCopyLinkBtn').style.display='';
+                }
+            } catch(e){
+                // 获取失败时默认显示复制群链接
+                $('groupCopyLinkBtn').style.display='';
+            }
+            try {
+                gmsg.textContent='加载消息...';
+                await pollGroupMessages();
+                scrollToBottom();
+            } catch(e){}
+            overlay.style.display='none';
+        }
+
+        var _lastGroupMsgSig='';
+        async function pollGroupMessages(){
+            if(!S.activeGroupId||S.tab!=='group') {
+                console.log('[pollGroupMessages] SKIP: activeGroupId='+S.activeGroupId+' tab='+S.tab);
+                return;
+            }
+            try {
+                console.log('[pollGroupMessages] fetching: groupId='+S.activeGroupId+' aid='+S.aid);
+                var r=await fetch('/api/group/messages?groupId='+encodeURIComponent(S.activeGroupId)+'&aid='+encodeURIComponent(S.aid));
+                var d=await r.json();
+                console.log('[pollGroupMessages] response: msgCount='+(d.messages?d.messages.length:0)+' tab='+S.tab);
+                if(S.tab==='group'&&Array.isArray(d.messages)) renderGroupMsgs(d.messages);
+            } catch(e){ console.error('[pollGroupMessages] error:', e); }
+        }
+
+        // ============================================================
+        // WebSocket: real-time group message push
+        // ============================================================
+        var _groupWs=null;
+        var _groupWsReconnectTimer=null;
+        var _groupWsReconnectDelay=1000; // exponential backoff start
+        var _groupWsPingTimer=null;
+
+        function connectGroupWs(){
+            if(_groupWs&&(_groupWs.readyState===WebSocket.OPEN||_groupWs.readyState===WebSocket.CONNECTING)) return;
+            var proto=location.protocol==='https:'?'wss:':'ws:';
+            _groupWs=new WebSocket(proto+'//'+location.host+'/ws/ui');
+            _groupWs.onopen=function(){
+                console.log('[WS] ui connected');
+                _groupWsReconnectDelay=1000; // reset backoff on success
+                if(_groupWsReconnectTimer){ clearTimeout(_groupWsReconnectTimer); _groupWsReconnectTimer=null; }
+                // 绑定当前 aid
+                if(S.aid) _groupWs.send(JSON.stringify({type:'bind_aid',aid:S.aid}));
+                // 重连后主动拉取最新状态
+                if(S.aid) fetch('/api/ws/status?aid='+encodeURIComponent(S.aid)).then(function(r){return r.json();}).then(function(d){updateDot(d.status);}).catch(function(){});
+                fetch('/api/aid').then(function(r){return r.json();}).then(function(d){if(d.aidStatus){S.aidList=d.aidStatus;renderAidSelect();}}).catch(function(){});
+                // 重连后补拉一次会话列表，防止断连期间丢失推送
+                loadSessions();
+                // 启动 keepalive ping（每 25s 发一次，防止代理/防火墙断连）
+                if(_groupWsPingTimer) clearInterval(_groupWsPingTimer);
+                _groupWsPingTimer=setInterval(function(){
+                    if(_groupWs&&_groupWs.readyState===WebSocket.OPEN){
+                        try{ _groupWs.send(JSON.stringify({type:'ping'})); }catch(e){}
+                    }
+                },25000);
+            };
+            _groupWs.onmessage=function(ev){
+                try {
+                    var data=JSON.parse(ev.data);
+                    handleGroupWsMessage(data);
+                } catch(e){ console.error('[WS] parse error',e); }
+            };
+            _groupWs.onclose=function(){
+                console.log('[WS] ui disconnected, reconnecting in '+_groupWsReconnectDelay+'ms...');
+                _groupWs=null;
+                if(_groupWsPingTimer){ clearInterval(_groupWsPingTimer); _groupWsPingTimer=null; }
+                _groupWsReconnectTimer=setTimeout(function(){
+                    _groupWsReconnectDelay=Math.min(_groupWsReconnectDelay*2,30000); // cap at 30s
+                    connectGroupWs();
+                },_groupWsReconnectDelay);
+            };
+            _groupWs.onerror=function(e){
+                console.error('[WS] ui error',e);
+                // onerror is always followed by onclose, so reconnect is handled there
+            };
+        }
+
+        function handleGroupWsMessage(data){
+            if(data.type==='ws_status'){
+                if(!data.aid||data.aid===S.aid) updateDot(data.status);
+                return;
+            }
+            if(data.type==='aid_status'){
+                S.aidList=data.aidStatus||[];
+                renderAidSelect();
+                return;
+            }
+            if(data.type==='p2p_message'){
+                // 实时推送的 P2P 消息
+                if(S.tab==='p2p' && data.sessionId===S.sid){
+                    loadMessages();
+                }
+                return;
+            }
+            if(data.type==='sessions_updated'){
+                loadSessions();
+                return;
+            }
+            if(data.type==='group_message'){
+                // 实时推送的完整消息
+                var msg=data.message;
+                var gid=data.group_id;
+                if(gid===S.activeGroupId&&S.tab==='group'){
+                    // 追加到当前消息列表并重新渲染
+                    var exists=_lastGroupMsgs.some(function(m){ return m.msg_id===msg.msg_id; });
+                    if(!exists){
+                        _lastGroupMsgs.push(msg);
+                        _lastGroupMsgSig=''; // 强制重新渲染
+                        renderGroupMsgs(_lastGroupMsgs);
+                    }
+                }
+            } else if(data.type==='group_message_batch'){
+                // 批量推送的消息列表
+                var gid=data.group_id;
+                var msgs=data.messages||[];
+                console.log('[WS] group_message_batch received: gid='+gid+' msgCount='+msgs.length+' activeGroupId='+S.activeGroupId+' tab='+S.tab+' msgIds='+msgs.map(function(m){return m.msg_id}).join(','));
+                if(gid===S.activeGroupId&&S.tab==='group'){
+                    var changed=false;
+                    var existingIds=_lastGroupMsgs.map(function(m){return m.msg_id});
+                    console.log('[WS] group_message_batch: currentMsgCount='+_lastGroupMsgs.length+' existingLastId='+(existingIds.length>0?existingIds[existingIds.length-1]:'none'));
+                    msgs.forEach(function(msg){
+                        var exists=_lastGroupMsgs.some(function(m){ return m.msg_id===msg.msg_id; });
+                        if(!exists){
+                            _lastGroupMsgs.push(msg);
+                            changed=true;
+                            console.log('[WS] group_message_batch: ADDED msg_id='+msg.msg_id);
+                        } else {
+                            console.log('[WS] group_message_batch: SKIP duplicate msg_id='+msg.msg_id);
+                        }
+                    });
+                    console.log('[WS] group_message_batch: changed='+changed+' newTotal='+_lastGroupMsgs.length);
+                    if(changed){
+                        _lastGroupMsgSig=''; // 强制重新渲染
+                        renderGroupMsgs(_lastGroupMsgs);
+                    }
+                } else {
+                    console.log('[WS] group_message_batch: IGNORED - gid mismatch or wrong tab. gid='+gid+' activeGroupId='+S.activeGroupId+' tab='+S.tab);
+                }
+            } else if(data.type==='new_message_notify'){
+                // 轻量通知：如果是当前活跃群组，拉取最新消息（本地读取，很快）
+                console.log('[WS] new_message_notify: gid='+data.group_id+' activeGroupId='+S.activeGroupId+' tab='+S.tab);
+                if(data.group_id===S.activeGroupId&&S.tab==='group'){
+                    console.log('[WS] new_message_notify: triggering pollGroupMessages');
+                    pollGroupMessages();
+                }
+            } else if(data.type==='join_approved'||data.type==='group_invite'){
+                // 群组变动，刷新群组列表
+                pollGroupList();
+            }
+        }
+
+        var _lastGroupMsgs=[];
+        var _groupRuleData=null;
+        function renderGroupMsgs(msgs){
+            if(!Array.isArray(msgs)) msgs=[];
+            // 不在群组 tab 时不渲染，防止覆盖 P2P 消息
+            if(S.tab!=='group') return;
+            if(isUserSelecting()) return;
+            var sig=msgs.length+(msgs.length>0?(msgs[msgs.length-1].msg_id||0):'');
+            if(_lastGroupMsgSig===sig&&!msgs._forceRender) return;
+            var prevCount=_lastGroupMsgs.length;
+            _lastGroupMsgSig=sig;
+            _lastGroupMsgs=msgs;
+            // 提取 group.ap 规则消息，保存最新一条，不在列表中展示
+            var ruleMsgs=msgs.filter(function(m){
+                if(!m.content) return false;
+                try { var p=JSON.parse(m.content); return p&&p.source==='group.ap'; } catch(e){ return false; }
+            });
+            if(ruleMsgs.length>0){
+                try { _groupRuleData=JSON.parse(ruleMsgs[ruleMsgs.length-1].content); } catch(e){ _groupRuleData={content:ruleMsgs[ruleMsgs.length-1].content}; }
+                $('groupRuleBtn').style.display='';
+            }
+            var displayMsgs=msgs.filter(function(m){
+                if(!m.content) return true;
+                try { var p=JSON.parse(m.content); return !(p&&p.source==='group.ap'); } catch(e){ return true; }
+            });
+            if(!displayMsgs.length){
+                D.msgs.innerHTML='<div style="text-align:center;color:#ccc;margin-top:20px;font-size:12px;">暂无消息</div><div class="new-msg-tip" id="newMsgTip" onclick="scrollToBottom()" style="display:none;">↓ 有新消息</div>';
+                D.newMsgTip=$('newMsgTip');
+                return;
+            }
+            var needFetch=[];
+            var html=displayMsgs.map(function(m){
+                var sent=m.sender===S.aid;
+                var sender=m.sender||'unknown';
+                var info=agentInfoCache[sender];
+                if(!info){ needFetch.push(sender); }
+                var avatarSrc=getAvatarSrc(info?info.type:'');
+                var t=m.timestamp?fmtTime(m.timestamp):'';
+
+                var c=(typeof marked!=='undefined'&&marked.parse)?marked.parse(m.content||''):escH(m.content||'');
+                var name=(info&&info.name)?info.name:sender;
+                return '<div class="message '+(sent?'sent':'received')+'">' +
+                       '<img class="msg-avatar" src="'+avatarSrc+'" title="'+escH(name)+'">' +
+                       '<div class="msg-content">' +
+                       '<div class="msg-meta">'+(sent?'我':escH(name))+' · '+t+'</div>' +
+                       '<div class="bubble-wrap"><button class="copy-msg-btn" onclick="copyMsgText(this)">复制</button><div class="bubble">'+c+'</div></div>' +
+                       '</div></div>';
+            }).join('');
+            var wasAtBottom=isAtBottom();
+            var prevScrollTop=D.msgs.scrollTop;
+            D.msgs.innerHTML=html+'<div class="new-msg-tip" id="newMsgTip" onclick="scrollToBottom()" style="display:none;">↓ 有新消息</div>';
+            D.newMsgTip=$('newMsgTip');
+            // 有新消息且用户不在底部：保持位置，显示提示
+            if(msgs.length>prevCount&&prevCount>0&&!wasAtBottom){
+                D.msgs.scrollTop=prevScrollTop;
+                showNewMsgTip();
+            } else {
+                D.msgs.scrollTop=prevScrollTop;
+            }
+            // 异步加载未缓存的 agent info，加载完成后重新渲染以更新头像
+            var unique=needFetch.filter(function(v,i,a){ return a.indexOf(v)===i; });
+            unique.forEach(function(aid){
+                fetchAgentInfo(aid).then(function(){
+                    if(S.tab!=='group') return;
+                    _lastGroupMsgSig='';
+                    _lastGroupMsgs._forceRender=true;
+                    renderGroupMsgs(_lastGroupMsgs);
+                });
+            });
+        }
+
+        // Group modals
+        function showCreateGroupModal(){ $('createGroupModal').classList.add('show'); $('groupNameInput').value=''; $('groupDescInput').value=''; var cards=$('groupTypeCards').children; for(var i=0;i<cards.length;i++){cards[i].classList.remove('selected');} cards[0].classList.add('selected'); var dcards=$('dutyRuleCards').children; for(var i=0;i<dcards.length;i++){dcards[i].classList.remove('selected');} dcards[0].classList.add('selected'); $('groupNameInput').focus(); }
+        function hideCreateGroupModal(){ $('createGroupModal').classList.remove('show'); }
+        function selectGroupType(el){ var cards=el.parentElement.children; for(var i=0;i<cards.length;i++){cards[i].classList.remove('selected');} el.classList.add('selected'); }
+        function selectDutyRule(el){ var cards=el.parentElement.children; for(var i=0;i<cards.length;i++){cards[i].classList.remove('selected');} el.classList.add('selected'); }
+        function showJoinGroupModal(){ $('joinGroupModal').classList.add('show'); $('joinGroupUrlInput').value=''; $('joinGroupUrlInput').focus(); }
+        function hideJoinGroupModal(){ $('joinGroupModal').classList.remove('show'); }
+        function hideMembersModal(){ $('membersModal').classList.remove('show'); }
+
+        function selectDutyConfigCard(el){ var cards=el.parentElement.children; for(var i=0;i<cards.length;i++){cards[i].classList.remove('selected');} el.classList.add('selected'); }
+        async function showDutyConfigModal(){
+            var cards=$('dutyConfigCards').children;
+            for(var i=0;i<cards.length;i++){cards[i].classList.remove('selected');}
+            $('dutyConfigModal').classList.add('show');
+            try {
+                var r=await fetch('/api/group/duty-status?groupId='+encodeURIComponent(S.activeGroupId)+'&aid='+encodeURIComponent(S.aid));
+                var d=await r.json();
+                if(d.success&&d.config&&d.config.mode){
+                    var mode=d.config.mode;
+                    for(var i=0;i<cards.length;i++){
+                        if(cards[i].getAttribute('data-value')===mode){ cards[i].classList.add('selected'); }
+                    }
+                } else { cards[0].classList.add('selected'); }
+            } catch(e){ cards[0].classList.add('selected'); }
+        }
+        function hideDutyConfigModal(){ $('dutyConfigModal').classList.remove('show'); }
+        function showGroupRuleModal(){
+            if(!_groupRuleData){ alert('暂无群规则数据'); return; }
+            var d=_groupRuleData;
+            var html='';
+            // 值班信息
+            var lines=(d.content||'').split('\\n');
+            html+='<div style="background:#f8f9fa;border-radius:8px;padding:12px;margin-bottom:12px;border:1px solid var(--border);">';
+            html+='<div style="font-weight:600;font-size:13px;margin-bottom:8px;color:var(--primary);">值班信息</div>';
+            for(var i=0;i<lines.length;i++){
+                var line=lines[i].trim();
+                if(!line) continue;
+                var parts=line.split(':');
+                if(parts.length>=2){
+                    html+='<div style="margin-bottom:4px;font-size:12px;line-height:1.5;"><span style="color:var(--t2);">'+escH(parts[0].trim())+':</span> <span style="color:var(--t1);font-weight:500;">'+escH(parts.slice(1).join(':').trim())+'</span></div>';
+                } else {
+                    html+='<div style="margin-bottom:4px;font-size:12px;line-height:1.5;color:var(--t1);">'+escH(line)+'</div>';
+                }
+            }
+            html+='</div>';
+            // 成员列表
+            if(d.members&&d.members.length){
+                html+='<div style="background:#f8f9fa;border-radius:8px;padding:12px;border:1px solid var(--border);">';
+                html+='<div style="font-weight:600;font-size:13px;margin-bottom:8px;color:var(--primary);">群成员 ('+d.members.length+')</div>';
+                for(var i=0;i<d.members.length;i++){
+                    var m=d.members[i];
+                    var roleColor=m.role==='creator'?'#e67e22':'#95a5a6';
+                    var typeIcon=m.agent_type.indexOf('human')>=0?'\uD83D\uDC64':'\uD83E\uDD16';
+                    html+='<div style="display:flex;align-items:center;gap:8px;padding:8px 0;border-bottom:1px solid rgba(0,0,0,0.05);">';
+                    html+='<span style="font-size:16px;">'+typeIcon+'</span>';
+                    html+='<div style="flex:1;min-width:0;">';
+                    html+='<div style="font-size:12px;font-weight:600;color:var(--t1);">'+escH(m.nickname||m.agent_id)+'</div>';
+                    html+='<div style="font-size:11px;color:var(--t2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;">'+escH(m.agent_id)+'</div>';
+                    if(m.capability) html+='<div style="font-size:11px;color:var(--t2);margin-top:2px;line-height:1.3;">'+escH(m.capability)+'</div>';
+                    html+='</div>';
+                    html+='<span style="font-size:11px;color:'+roleColor+';background:rgba(0,0,0,0.04);padding:2px 6px;border-radius:4px;">'+escH(m.role)+'</span>';
+                    html+='</div>';
+                }
+                html+='</div>';
+            }
+            $('groupRuleContent').innerHTML=html;
+            $('groupRuleModal').classList.add('show');
+        }
+        function hideGroupRuleModal(){ $('groupRuleModal').classList.remove('show'); }
+        async function saveDutyConfig(){
+            var sel=document.querySelector('#dutyConfigCards .duty-rule-card.selected');
+            if(!sel){ alert('请选择值班模式'); return; }
+            var mode=sel.getAttribute('data-value');
+            var btn=$('saveDutyConfigBtn');
+            btn.disabled=true; btn.textContent='保存中...';
+            try {
+                var r=await fetch('/api/group/update-duty-config',{method:'POST',headers:{'Content-Type':'application/json'},body:JSON.stringify({groupId:S.activeGroupId,aid:S.aid,mode:mode})});
+                var d=await r.json();
+                if(d.success){ hideDutyConfigModal(); } else { alert(d.error||'保存失败'); }
+            } catch(e){ alert('保存失败: '+e.message); }
+            finally { btn.disabled=false; btn.textContent='保存'; }
+        }
+
+        async function doCreateGroup(){
+            var name=$('groupNameInput').value.trim();
+            if(!name) return;
+            var description=$('groupDescInput').value.trim();
+            if(!description){ $('groupDescInput').focus(); return; }
+            var visibility=document.querySelector('#groupTypeCards .group-type-card.selected').getAttribute('data-value');
+            var dutyMode=document.querySelector('#dutyRuleCards .duty-rule-card.selected').getAttribute('data-value');
+            var btn=$('createGroupBtn');
+            btn.disabled=true; btn.textContent='创建中...';
+            try {
+                var r=await fetch('/api/group/create',{method:'POST',headers:{'Content-Type':'application/json'},body:JSON.stringify({name:name,visibility:visibility,description:description||undefined,duty_mode:dutyMode,aid:S.aid})});
+                var d=await r.json();
+                if(d.success){
+                    hideCreateGroupModal();
+                    pollGroupList();
+                    pickGroup(d.group_id,name);
+                } else { alert(d.error||'创建失败'); }
+            } catch(e){ alert('创建失败: '+e.message); }
+            finally { btn.disabled=false; btn.textContent='创建'; }
+        }
+
+        async function doJoinGroup(){
+            var rawUrl=$('joinGroupUrlInput').value.trim();
+            if(!rawUrl){ alert('请输入群聊链接或邀请链接'); return; }
+            // 从 URL 中解析 code 参数
+            var code='';
+            var groupUrl=rawUrl;
+            try {
+                var u=new URL(rawUrl);
+                code=u.searchParams.get('code')||'';
+                u.searchParams.delete('code');
+                groupUrl=u.origin+u.pathname;
+            } catch(e){}
+            var btn=$('joinGroupBtn');
+            btn.disabled=true; btn.textContent=code?'加入中...':'申请中...';
+            try {
+                var r=await fetch('/api/group/join',{method:'POST',headers:{'Content-Type':'application/json'},body:JSON.stringify({groupUrl:groupUrl,code:code||undefined,aid:S.aid})});
+                var d=await r.json();
+                if(d.success){
+                    hideJoinGroupModal();
+                    pollGroupList();
+                    if(d.group_id) pickGroup(d.group_id,d.group_id);
+                    if(d.pending) alert('入群申请已发送，请等待管理员审核');
+                } else { alert(d.error||'操作失败'); }
+            } catch(e){ alert('操作失败: '+e.message); }
+            finally { btn.disabled=false; btn.textContent='加入'; }
+        }
+
+        async function copyGroupLink(){
+            if(!S.activeGroupId) return;
+            var groupUrl='https://'+S.groupTargetAid+'/'+S.activeGroupId;
+            try { await navigator.clipboard.writeText(groupUrl); alert('群链接已复制到剪贴板\\n\\n'+groupUrl); }
+            catch(e){ prompt('请复制群链接:',groupUrl); }
+        }
+
+        async function generateInviteLink(){
+            if(!S.activeGroupId) return;
+            try {
+                var r=await fetch('/api/group/invite-code',{method:'POST',headers:{'Content-Type':'application/json'},body:JSON.stringify({groupId:S.activeGroupId,aid:S.aid})});
+                var d=await r.json();
+                if(d.success&&d.code){
+                    var baseUrl=d.group_url||('https://'+S.groupTargetAid+'/'+S.activeGroupId);
+                    var inviteUrl=baseUrl+'?code='+d.code;
+                    try {
+                        await navigator.clipboard.writeText(inviteUrl);
+                        alert('邀请链接已复制到剪贴板\\n\\n'+inviteUrl);
+                    } catch(e){
+                        prompt('请手动复制邀请链接:',inviteUrl);
+                    }
+                } else { alert(d.error||'生成邀请码失败'); }
+            } catch(e){ alert('生成邀请码失败: '+e.message); }
+        }
+
+        function copyMemberAid(btn,aid){
+            navigator.clipboard.writeText(aid).then(function(){
+                btn.textContent='已复制';
+                setTimeout(function(){ btn.textContent='复制'; },1200);
+            });
+        }
+
+        async function openAgentMdPage(aid){
+            try {
+                var r=await fetch('/api/agent-md-raw?aid='+encodeURIComponent(aid));
+                var d=await r.json();
+                if(!d.success||!d.content){ alert(d.error||'获取 agent.md 失败'); return; }
+                var md=d.content;
+                // 简单 markdown 渲染
+                function renderMd(src){
+                    var h=escH(src);
+                    // headings
+                    h=h.replace(/^######\\s+(.+)$/gm,'<h6>$1</h6>');
+                    h=h.replace(/^#####\\s+(.+)$/gm,'<h5>$1</h5>');
+                    h=h.replace(/^####\\s+(.+)$/gm,'<h4>$1</h4>');
+                    h=h.replace(/^###\\s+(.+)$/gm,'<h3>$1</h3>');
+                    h=h.replace(/^##\\s+(.+)$/gm,'<h2>$1</h2>');
+                    h=h.replace(/^#\\s+(.+)$/gm,'<h1>$1</h1>');
+                    // bold & italic
+                    h=h.replace(/\\*\\*(.+?)\\*\\*/g,'<strong>$1</strong>');
+                    h=h.replace(/\\*(.+?)\\*/g,'<em>$1</em>');
+                    // blockquote
+                    h=h.replace(/^&gt;\\s?(.+)$/gm,'<blockquote style="border-left:3px solid #ddd;padding-left:12px;color:#666;margin:8px 0;">$1</blockquote>');
+                    // list items
+                    h=h.replace(/^-\\s+(.+)$/gm,'<li>$1</li>');
+                    // code inline
+                    var bt=String.fromCharCode(96);
+                    h=h.replace(new RegExp(bt+'([^'+bt+']+)'+bt,'g'),'<code style="background:#f5f5f5;padding:1px 4px;border-radius:3px;font-size:12px;">$1</code>');
+                    // frontmatter block: hide ---...---
+                    h=h.replace(/^---[\\s\\S]*?---\\s*/,'');
+                    // paragraphs
+                    h=h.replace(/\\n\\n/g,'</p><p>');
+                    h='<p>'+h+'</p>';
+                    return h;
+                }
+                var html='<!DOCTYPE html><html><head><meta charset="utf-8"><title>'+escH(aid)+' - Agent Profile</title>'
+                    +'<style>body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;max-width:720px;margin:40px auto;padding:0 20px;color:#333;line-height:1.6;}'
+                    +'h1{border-bottom:2px solid #eee;padding-bottom:8px;}h2{border-bottom:1px solid #eee;padding-bottom:6px;margin-top:24px;}'
+                    +'ul{padding-left:20px;}li{margin:4px 0;}blockquote{margin:12px 0;}'
+                    +'pre{background:#f5f5f5;padding:12px;border-radius:6px;overflow-x:auto;}'
+                    +'.aid-badge{display:inline-block;background:#e8f4fd;color:#0969da;padding:2px 8px;border-radius:10px;font-size:12px;font-family:monospace;margin-bottom:16px;}'
+                    +'</style></head><body>'
+                    +'<div class="aid-badge">'+escH(aid)+'</div>'
+                    +renderMd(md)
+                    +'</body></html>';
+                var w=window.open('','_blank');
+                if(w){ w.document.write(html); w.document.close(); }
+                else { alert('弹窗被拦截，请允许弹窗后重试'); }
+            } catch(e){ alert('获取 agent.md 失败: '+e.message); }
+        }
+
+        async function showGroupMembers(){
+            if(!S.activeGroupId) return;
+            try {
+                var r=await fetch('/api/group/members?groupId='+encodeURIComponent(S.activeGroupId)+'&aid='+encodeURIComponent(S.aid));
+                var d=await r.json();
+                if(d.members){
+                    var html=d.members.map(function(m){
+                        var aid=m.agent_id||m;
+                        if(typeof aid!=='string') aid=JSON.stringify(aid);
+                        var role=m.role||'';
+                        var cachedInfo=agentInfoCache[aid];
+                        var avatarSrc=getAvatarSrc(cachedInfo?cachedInfo.type:'');
+                        var displayName=(cachedInfo&&cachedInfo.name)?cachedInfo.name:aid.split('.')[0];
+                        var typeTags='';
+                        if(cachedInfo&&cachedInfo.tags&&cachedInfo.tags.length){
+                            typeTags=cachedInfo.tags.map(function(t){ return '<span style="display:inline-block;background:#e8f4fd;color:#0969da;padding:1px 6px;border-radius:8px;font-size:10px;margin-right:4px;">'+escH(t)+'</span>'; }).join('');
+                        } else if(cachedInfo&&cachedInfo.type){
+                            typeTags='<span style="display:inline-block;background:#e8f4fd;color:#0969da;padding:1px 6px;border-radius:8px;font-size:10px;">'+escH(cachedInfo.type)+'</span>';
+                        }
+                        if(role){ typeTags+='<span style="display:inline-block;background:#fff3cd;color:#856404;padding:1px 6px;border-radius:8px;font-size:10px;margin-left:4px;">'+escH(role)+'</span>'; }
+                        var safeId='member-'+escH(aid).replace(/\\./g,'_');
+                        return '<div id="'+safeId+'" style="padding:10px 0;border-bottom:1px solid #f3f4f6;display:flex;align-items:center;gap:10px;">'
+                            +'<img src="'+avatarSrc+'" style="width:36px;height:36px;border-radius:50%;flex-shrink:0;" class="member-avatar" data-aid="'+escH(aid)+'">'
+                            +'<div style="flex:1;min-width:0;">'
+                            +'<div style="display:flex;align-items:center;gap:6px;flex-wrap:wrap;">'
+                            +'<span style="font-size:13px;font-weight:500;" class="member-name" data-aid="'+escH(aid)+'">'+escH(displayName)+'</span>'
+                            +'<span class="member-tags" data-aid="'+escH(aid)+'">'+typeTags+'</span>'
+                            +'</div>'
+                            +'<div style="font-size:11px;color:var(--t2);font-family:monospace;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;">'+escH(aid)+'</div>'
+                            +'</div>'
+                            +'<div style="display:flex;gap:4px;flex-shrink:0;">'
+                            +'<button class="mbtn mbtn-ok" style="padding:4px 10px;font-size:11px;" onclick="copyMemberAid(this,\\''+escH(aid)+'\\')">复制</button>'
+                            +'<button class="mbtn mbtn-cancel" style="padding:4px 10px;font-size:11px;" onclick="openAgentMdPage(\\''+escH(aid)+'\\')">查看</button>'
+                            +'</div></div>';
+                    }).join('');
+                    $('membersList').innerHTML=html||'<div style="color:#999;">暂无成员</div>';
+                    // 异步加载未缓存的 agent info
+                    d.members.forEach(function(m){
+                        var aid=m.agent_id||m;
+                        if(typeof aid!=='string') aid=JSON.stringify(aid);
+                        if(!aid||agentInfoCache[aid]) return;
+                        fetchAgentInfo(aid).then(function(info){
+                            if(!info||(!info.name&&!info.type)) return;
+                            var safeId='member-'+aid.replace(/\\./g,'_');
+                            var el=document.getElementById(safeId);
+                            if(!el) return;
+                            var avatarEl=el.querySelector('.member-avatar[data-aid="'+aid+'"]');
+                            var nameEl=el.querySelector('.member-name[data-aid="'+aid+'"]');
+                            var tagsEl=el.querySelector('.member-tags[data-aid="'+aid+'"]');
+                            if(avatarEl) avatarEl.src=getAvatarSrc(info.type);
+                            if(nameEl) nameEl.textContent=info.name||aid.split('.')[0];
+                            if(tagsEl){
+                                var tags='';
+                                if(info.tags&&info.tags.length){
+                                    tags=info.tags.map(function(t){ return '<span style="display:inline-block;background:#e8f4fd;color:#0969da;padding:1px 6px;border-radius:8px;font-size:10px;margin-right:4px;">'+escH(t)+'</span>'; }).join('');
+                                } else if(info.type){
+                                    tags='<span style="display:inline-block;background:#e8f4fd;color:#0969da;padding:1px 6px;border-radius:8px;font-size:10px;">'+escH(info.type)+'</span>';
+                                }
+                                // 保留已有的 role tag
+                                var existingRole=tagsEl.querySelector('span[style*="fff3cd"]');
+                                tagsEl.innerHTML=tags+(existingRole?existingRole.outerHTML:'');
+                            }
+                        });
+                    });
+                } else { $('membersList').innerHTML='<div style="color:#999;">获取失败</div>'; }
+                $('membersModal').classList.add('show');
+            } catch(e){ alert('获取成员失败: '+e.message); }
+        }
+
+        function hidePendingRequestsModal(){ $('pendingRequestsModal').classList.remove('show'); }
+
+        async function showPendingRequests(){
+            if(!S.activeGroupId) return;
+            try {
+                var r=await fetch('/api/group/pending-requests?groupId='+encodeURIComponent(S.activeGroupId)+'&aid='+encodeURIComponent(S.aid));
+                var d=await r.json();
+                if(d.requests&&d.requests.length>0){
+                    // 先渲染基础结构，然后异步加载 agent info
+                    var html=d.requests.map(function(req){
+                        var aid=req.agent_id||'';
+                        var msg=req.message?escH(req.message):'';
+                        var time=req.created_at?fmtTime(req.created_at):'';
+                        var cachedInfo=agentInfoCache[aid];
+                        var avatarSrc=getAvatarSrc(cachedInfo?cachedInfo.type:'');
+                        var displayName=(cachedInfo&&cachedInfo.name)?cachedInfo.name:aid;
+                        var desc=(cachedInfo&&cachedInfo.description)?cachedInfo.description:'';
+                        return '<div id="pending-'+escH(aid).replace(/\\./g,'_')+'" style="padding:10px 0;border-bottom:1px solid #f3f4f6;display:flex;align-items:flex-start;gap:10px;">'
+                            +'<img src="'+avatarSrc+'" style="width:36px;height:36px;border-radius:50%;flex-shrink:0;margin-top:2px;" class="pending-avatar" data-aid="'+escH(aid)+'">'
+                            +'<div style="flex:1;min-width:0;">'
+                            +'<div style="font-size:13px;font-weight:500;" class="pending-name" data-aid="'+escH(aid)+'">'+escH(displayName)+'</div>'
+                            +'<div style="font-size:11px;color:var(--t2);font-family:monospace;margin-top:2px;">'+escH(aid)+'</div>'
+                            +'<div style="font-size:11px;color:var(--t2);margin-top:2px;display:'+(desc?'block':'none')+';" class="pending-desc" data-aid="'+escH(aid)+'">'+escH(desc)+'</div>'
+                            +(msg?'<div style="font-size:11px;color:#666;margin-top:4px;background:#f8f9fa;padding:4px 8px;border-radius:4px;">申请留言: '+msg+'</div>':'')
+                            +(time?'<div style="font-size:10px;color:var(--t2);margin-top:3px;">'+time+'</div>':'')
+                            +'</div>'
+                            +'<div style="display:flex;gap:4px;flex-shrink:0;margin-top:2px;">'
+                            +'<button class="mbtn mbtn-ok" style="padding:4px 10px;font-size:11px;" onclick="reviewJoin(\\''+escH(aid)+'\\',\\'approve\\')">通过</button>'
+                            +'<button class="mbtn mbtn-cancel" style="padding:4px 10px;font-size:11px;" onclick="reviewJoin(\\''+escH(aid)+'\\',\\'reject\\')">拒绝</button>'
+                            +'</div></div>';
+                    }).join('');
+                    $('pendingRequestsList').innerHTML=html;
+                    // 异步加载未缓存的 agent info
+                    d.requests.forEach(function(req){
+                        var aid=req.agent_id||'';
+                        if(!aid||agentInfoCache[aid]) return;
+                        fetchAgentInfo(aid).then(function(info){
+                            if(!info||(!info.name&&!info.type)) return;
+                            var safeId='pending-'+aid.replace(/\\./g,'_');
+                            var el=document.getElementById(safeId);
+                            if(!el) return;
+                            var avatarEl=el.querySelector('.pending-avatar[data-aid="'+aid+'"]');
+                            var nameEl=el.querySelector('.pending-name[data-aid="'+aid+'"]');
+                            var descEl=el.querySelector('.pending-desc[data-aid="'+aid+'"]');
+                            if(avatarEl) avatarEl.src=getAvatarSrc(info.type);
+                            if(nameEl) nameEl.textContent=info.name||aid;
+                            if(descEl&&info.description){ descEl.textContent=info.description; descEl.style.display='block'; }
+                        });
+                    });
+                } else {
+                    $('pendingRequestsList').innerHTML='<div style="padding:16px;text-align:center;color:#999;font-size:12px;">暂无入群申请</div>';
+                }
+                $('pendingRequestsModal').classList.add('show');
+            } catch(e){ alert('获取入群申请失败: '+e.message); }
+        }
+
+        async function reviewJoin(agentId,action){
+            if(!S.activeGroupId) return;
+            try {
+                var r=await fetch('/api/group/review-join',{method:'POST',headers:{'Content-Type':'application/json'},body:JSON.stringify({groupId:S.activeGroupId,agentId:agentId,action:action,aid:S.aid})});
+                var d=await r.json();
+                if(d.success){ showPendingRequests(); }
+                else { alert(d.error||'操作失败'); }
+            } catch(e){ alert('操作失败: '+e.message); }
+        }
+
+        async function leaveGroup(groupId){
+            if(!confirm('确认退出该群组？')) return;
+            try {
+                var r=await fetch('/api/group/leave',{method:'POST',headers:{'Content-Type':'application/json'},body:JSON.stringify({groupId:groupId,aid:S.aid})});
+                var d=await r.json();
+                if(d.success){
+                    if(S.activeGroupId===groupId){
+                        S.activeGroupId=null;
+                        D.title.textContent='未选择群组';
+                        D.groupInfoBar.style.display='none';
+                        D.msgs.innerHTML='';
+                        D.input.disabled=true;
+                    }
+                    pollGroupList();
+                } else { alert(d.error||'退出失败'); }
+            } catch(e){ alert('退出失败: '+e.message); }
+        }
+
+        // ============================================================
+        // 我的群 Functions
+        // ============================================================
+        function showMyGroupsModal(){ $('myGroupsModal').classList.add('show'); }
+        function hideMyGroupsModal(){ $('myGroupsModal').classList.remove('show'); }
+        async function showMyGroups(){
+            showMyGroupsModal();
+            $('myGroupsContent').innerHTML='<div style="text-align:center;padding:20px;color:#999;">加载中...</div>';
+            try {
+                var r=await fetch('/api/group/my-groups?aid='+encodeURIComponent(S.aid));
+                var d=await r.json();
+                if(!d.success){ $('myGroupsContent').innerHTML='<div style="text-align:center;padding:20px;color:#e74c3c;">'+escH(d.error||'获取失败')+'</div>'; return; }
+                var groups=d.groups||[];
+                if(!groups.length){ $('myGroupsContent').innerHTML='<div style="text-align:center;padding:20px;color:#999;">暂无群组</div>'; return; }
+                var html='<table style="width:100%;border-collapse:collapse;font-size:12px;">';
+                html+='<tr style="background:#f8fafc;"><th style="padding:8px 6px;text-align:left;border-bottom:1px solid #e2e8f0;">群名称</th><th style="padding:8px 6px;text-align:left;border-bottom:1px solid #e2e8f0;">群ID</th><th style="padding:8px 6px;text-align:center;border-bottom:1px solid #e2e8f0;">角色</th><th style="padding:8px 6px;text-align:center;border-bottom:1px solid #e2e8f0;">状态</th></tr>';
+                groups.forEach(function(g){
+                    var statusText=g.status===1?'正常':g.status===0?'待审核':'未知('+g.status+')';
+                    var statusColor=g.status===1?'#10b981':g.status===0?'#f59e0b':'#94a3b8';
+                    var shortId=g.group_id.length>16?g.group_id.substring(0,16)+'...':g.group_id;
+                    html+='<tr style="border-bottom:1px solid #f1f5f9;cursor:pointer;" onmouseover="this.style.background=\\'#f0f9ff\\'" onmouseout="this.style.background=\\'\\'">';
+                    html+='<td style="padding:8px 6px;font-weight:500;">'+escH(g.name||g.group_id)+'</td>';
+                    html+='<td style="padding:8px 6px;color:#64748b;" title="'+escH(g.group_id)+'">'+escH(shortId)+'</td>';
+                    html+='<td style="padding:8px 6px;text-align:center;">'+escH(g.role||'-')+'</td>';
+                    html+='<td style="padding:8px 6px;text-align:center;"><span style="color:'+statusColor+';font-weight:500;">'+escH(statusText)+'</span></td>';
+                    html+='</tr>';
+                });
+                html+='</table>';
+                html+='<div style="margin-top:8px;font-size:11px;color:#94a3b8;text-align:right;">共 '+d.total+' 个群组</div>';
+                $('myGroupsContent').innerHTML=html;
+            } catch(e){ $('myGroupsContent').innerHTML='<div style="text-align:center;padding:20px;color:#e74c3c;">请求失败: '+escH(e.message)+'</div>'; }
+        }
+
+        // 扩展轮询：保留 P2P 等基础轮询，群组消息已通过 WebSocket 实时推送
+        // 不再每秒轮询群消息
+
+        init();
+    <\/script>
+</body>
 </html>`;
 function sendJson(res, data, status = 200) {
     res.writeHead(status, { 'Content-Type': 'application/json' });
@@ -2349,7 +2774,7 @@ async function handleRequest(req, res) {
             if (parts.length >= 3) {
                 const domain = parts.slice(1).join('.');
                 if (domain && domain !== globalApiUrl) {
-                    console.log(`[Select] 切换 AP 为 ${domain} (AID: ${aid})`);
+                    utils_1.logger.log(`[Select] 切换 AP 为 ${domain} (AID: ${aid})`);
                     globalApiUrl = domain;
                     agentCP = new agentcp_1.AgentCP(domain, '', globalDataDir || undefined);
                 }
@@ -2366,7 +2791,7 @@ async function handleRequest(req, res) {
                     await ensureOnline(aid);
                 }
                 catch (e) {
-                    console.warn(`[Select] AID ${aid} 自动上线失败:`, e.message);
+                    utils_1.logger.warn(`[Select] AID ${aid} 自动上线失败:`, e.message);
                 }
                 sendJson(res, { success: true, aid });
             }
@@ -2398,7 +2823,7 @@ async function handleRequest(req, res) {
             if (parts.length >= 3) {
                 const domain = parts.slice(1).join('.');
                 if (domain && domain !== globalApiUrl) {
-                    console.log(`[Create] 切换 AP 为 ${domain} (AID: ${aid})`);
+                    utils_1.logger.log(`[Create] 切换 AP 为 ${domain} (AID: ${aid})`);
                     globalApiUrl = domain;
                     agentCP = new agentcp_1.AgentCP(domain, '', globalDataDir || undefined);
                 }
@@ -2465,13 +2890,13 @@ async function handleRequest(req, res) {
                     await instance.agentCP.leaveAllGroupSessions();
                 }
                 catch (e) {
-                    console.warn(`[Group] leaveAllGroupSessions error:`, e.message);
+                    utils_1.logger.warn(`[Group] leaveAllGroupSessions error:`, e.message);
                 }
                 try {
                     await instance.agentCP.closeGroupMessageStore();
                 }
                 catch (e) {
-                    console.warn(`[Group] closeGroupMessageStore error:`, e.message);
+                    utils_1.logger.warn(`[Group] closeGroupMessageStore error:`, e.message);
                 }
             }
             if (instance.heartbeatClient) {
@@ -2481,7 +2906,7 @@ async function handleRequest(req, res) {
                 instance.agentWS.disconnect();
             }
             aidInstances.delete(aid);
-            console.log(`[Server] AID ${aid} 已下线`);
+            utils_1.logger.log(`[Server] AID ${aid} 已下线`);
             // 下线后推送 AID 状态变更到前端
             getAidStatusList().then(aidStatus => {
                 broadcastToBrowser({ type: 'aid_status', aidStatus });
@@ -2517,6 +2942,19 @@ async function handleRequest(req, res) {
                 sendJson(res, { success: false, error: '缺少 aid' });
                 return;
             }
+            // 验证目标 Agent 是否存在
+            try {
+                const agentMdUrl = `https://${targetAid}/agent.md`;
+                const checkRes = await fetch(agentMdUrl, { method: 'GET', signal: AbortSignal.timeout(5000) });
+                if (!checkRes.ok) {
+                    sendJson(res, { success: false, error: '该 AGENT 不存在，添加失败' });
+                    return;
+                }
+            }
+            catch (_b) {
+                sendJson(res, { success: false, error: '该 AGENT 不存在，添加失败' });
+                return;
+            }
             // 自动上线
             const instance = await ensureOnline(aid);
             if (!instance.agentWS) {
@@ -2538,7 +2976,7 @@ async function handleRequest(req, res) {
                         identifyingCode: sessionInfo.identifyingCode
                     });
                 }, (status) => {
-                    console.log('邀请状态:', status);
+                    utils_1.logger.log('邀请状态:', status);
                 });
             });
             // 创建 outgoing session
@@ -2713,7 +3151,7 @@ async function handleRequest(req, res) {
     if (pathname === '/api/group/create' && method === 'POST') {
         try {
             const body = await parseBody(req);
-            const { name, visibility, description, aid } = body;
+            const { name, visibility, description, duty_mode, aid } = body;
             if (!aid) {
                 sendJson(res, { success: false, error: '缺少 aid' });
                 return;
@@ -2732,7 +3170,17 @@ async function handleRequest(req, res) {
             if (description)
                 options.description = description;
             const result = await ops.createGroup(target, name, options);
-            console.log('[ACP] createGroup 返回:', JSON.stringify(result, null, 2));
+            utils_1.logger.log('[ACP] createGroup 返回:', JSON.stringify(result, null, 2));
+            // 设置值班规则
+            if (duty_mode && result.group_id) {
+                try {
+                    await ops.updateDutyConfig(target, result.group_id, { mode: duty_mode });
+                    utils_1.logger.log('[ACP] 值班规则已设置:', duty_mode);
+                }
+                catch (e) {
+                    utils_1.logger.warn('[ACP] 设置值班规则失败:', e.message);
+                }
+            }
             // 加入本地存储
             instance.agentCP.addGroupToStore(result.group_id, name);
             // 注册在线，才能收到实时消息推送
@@ -2760,7 +3208,7 @@ async function handleRequest(req, res) {
                     instance.groupListSynced = true;
                 }
                 catch (syncErr) {
-                    console.warn('[Group] syncGroupList error:', syncErr.message);
+                    utils_1.logger.warn('[Group] syncGroupList error:', syncErr.message);
                 }
             }
             const groups = instance.agentCP.getLocalGroupList();
@@ -2856,7 +3304,8 @@ async function handleRequest(req, res) {
             await ensureGroupClient(instance);
             // 只读本地缓存，不再每次请求都去服务端拉取
             // 新消息通过 WebSocket 推送实时到达并由 SDK 自动存储
-            const messages = instance.agentCP.getLocalGroupMessages(groupId);
+            const messages = instance.agentCP.getLocalGroupMessages(groupId) || [];
+            utils_1.logger.log(`[API] /api/group/messages: aid=${aid} group=${groupId} localMsgCount=${messages.length} lastMsgId=${messages.length > 0 ? messages[messages.length - 1].msg_id : 'none'} storeExists=${!!instance.agentCP.groupMessageStore}`);
             sendJson(res, { success: true, messages });
         }
         catch (e) {
@@ -2907,7 +3356,7 @@ async function handleRequest(req, res) {
                 let groupName = groupId;
                 try {
                     const info = await instance.agentCP.groupOps.getGroupInfo(targetAid, groupId);
-                    groupName = info.name || groupId;
+                    groupName = (info && info.name) || groupId;
                 }
                 catch (_) { }
                 instance.agentCP.addGroupToStore(groupId, groupName);
@@ -3018,11 +3467,11 @@ async function handleRequest(req, res) {
             const result = await ops.listMyGroups(target);
             // 尝试获取每个群的详细信息（名称等）
             const groups = [];
-            for (const m of result.groups) {
+            for (const m of (result.groups || [])) {
                 let name = m.group_id;
                 try {
                     const info = await ops.getGroupInfo(target, m.group_id);
-                    name = info.name || m.group_id;
+                    name = (info && info.name) || m.group_id;
                 }
                 catch (_) { }
                 groups.push(Object.assign(Object.assign({}, m), { name }));
@@ -3059,6 +3508,59 @@ async function handleRequest(req, res) {
         }
         return;
     }
+    if (pathname === '/api/group/duty-status' && method === 'GET') {
+        try {
+            const aid = parsedUrl.query.aid;
+            const groupId = parsedUrl.query.groupId;
+            if (!aid) {
+                sendJson(res, { success: false, error: '缺少 aid' });
+                return;
+            }
+            if (!groupId) {
+                sendJson(res, { success: false, error: '缺少 groupId' });
+                return;
+            }
+            const instance = await ensureOnline(aid);
+            await ensureGroupClient(instance);
+            const ops = instance.agentCP.groupOps;
+            const target = instance.groupTargetAid;
+            const result = await ops.getDutyStatus(target, groupId);
+            sendJson(res, { success: true, config: result.config, state: result.state });
+        }
+        catch (e) {
+            sendJson(res, { success: false, error: e.message });
+        }
+        return;
+    }
+    if (pathname === '/api/group/update-duty-config' && method === 'POST') {
+        try {
+            const body = await parseBody(req);
+            const { groupId, aid, mode } = body;
+            if (!aid) {
+                sendJson(res, { success: false, error: '缺少 aid' });
+                return;
+            }
+            if (!groupId) {
+                sendJson(res, { success: false, error: '缺少 groupId' });
+                return;
+            }
+            if (!mode) {
+                sendJson(res, { success: false, error: '缺少 mode' });
+                return;
+            }
+            const instance = await ensureOnline(aid);
+            await ensureGroupClient(instance);
+            const ops = instance.agentCP.groupOps;
+            const target = instance.groupTargetAid;
+            await ops.updateDutyConfig(target, groupId, { mode });
+            utils_1.logger.log('[ACP] 值班规则已更新:', mode, 'groupId:', groupId);
+            sendJson(res, { success: true });
+        }
+        catch (e) {
+            sendJson(res, { success: false, error: e.message });
+        }
+        return;
+    }
     // 404
     res.writeHead(404);
     res.end('Not Found');
@@ -3092,16 +3594,16 @@ function startServer(port, apiUrl, dataDir = '') {
             if (parts.length >= 3) {
                 const domain = parts.slice(1).join('.');
                 if (domain !== globalApiUrl) {
-                    console.log(`[Server] 检测到 AID 所属 AP 为 ${domain}，正在切换...`);
+                    utils_1.logger.log(`[Server] 检测到 AID 所属 AP 为 ${domain}，正在切换...`);
                     globalApiUrl = domain;
                     agentCP = new agentcp_1.AgentCP(domain, '', dataDir || undefined, { persistMessages: true, persistGroupMessages: true });
                     await agentCP.loadCurrentAid();
                 }
             }
-            console.log(`已加载 AID: ${aid}`);
+            utils_1.logger.log(`已加载 AID: ${aid}`);
             // 加载该 AID 的持久化会话
             await ensureMessageStoreLoaded(aid);
-            console.log(`已加载会话`);
+            utils_1.logger.log(`已加载会话`);
         }
     }).catch(() => { });
     const server = http.createServer(handleRequest);
@@ -3128,7 +3630,7 @@ function startServer(port, apiUrl, dataDir = '') {
                 browserWsClients.set(ws, client);
                 wsAliveMap.set(ws, true);
                 ws.on('pong', () => wsAliveMap.set(ws, true));
-                console.log(`[WS] browser client connected, total=${browserWsClients.size}`);
+                utils_1.logger.log(`[WS] browser client connected, total=${browserWsClients.size}`);
                 ws.on('message', (raw) => {
                     try {
                         const msg = JSON.parse(raw.toString());
@@ -3152,10 +3654,10 @@ function startServer(port, apiUrl, dataDir = '') {
                 });
                 ws.on('close', () => {
                     browserWsClients.delete(ws);
-                    console.log(`[WS] browser client disconnected, total=${browserWsClients.size}`);
+                    utils_1.logger.log(`[WS] browser client disconnected, total=${browserWsClients.size}`);
                 });
                 ws.on('error', (err) => {
-                    console.error('[WS] browser client error:', err.message);
+                    utils_1.logger.error('[WS] browser client error:', err.message);
                     browserWsClients.delete(ws);
                 });
             });
@@ -3166,7 +3668,7 @@ function startServer(port, apiUrl, dataDir = '') {
     });
     // 资源清理函数
     const cleanup = async () => {
-        console.log('\n正在关闭服务...');
+        utils_1.logger.log('\n正在关闭服务...');
         clearInterval(wssHeartbeat);
         // 持久化 agent info 缓存
         saveAgentInfoCacheToDisk();
@@ -3175,25 +3677,25 @@ function startServer(port, apiUrl, dataDir = '') {
             for (const [aid, store] of messageStores) {
                 await store.flushAll();
             }
-            console.log('[Server] 会话已保存');
+            utils_1.logger.log('[Server] 会话已保存');
         }
         catch (e) {
-            console.error('[Server] 保存会话失败:', e);
+            utils_1.logger.error('[Server] 保存会话失败:', e);
         }
         for (const [aid, instance] of aidInstances) {
-            console.log(`[Server] 清理 AID: ${aid}`);
+            utils_1.logger.log(`[Server] 清理 AID: ${aid}`);
             if (instance.groupInitialized) {
                 try {
                     await instance.agentCP.leaveAllGroupSessions();
                 }
                 catch (e) {
-                    console.warn(`[Server] leaveAllGroupSessions error:`, e.message);
+                    utils_1.logger.warn(`[Server] leaveAllGroupSessions error:`, e.message);
                 }
                 try {
                     await instance.agentCP.closeGroupMessageStore();
                 }
                 catch (e) {
-                    console.warn(`[Server] closeGroupMessageStore error:`, e.message);
+                    utils_1.logger.warn(`[Server] closeGroupMessageStore error:`, e.message);
                 }
             }
             if (instance.heartbeatClient) {
@@ -3211,7 +3713,7 @@ function startServer(port, apiUrl, dataDir = '') {
         browserWsClients.clear();
         wss.close();
         server.close(() => {
-            console.log('服务已关闭');
+            utils_1.logger.log('服务已关闭');
             process.exit(0);
         });
     };
@@ -3221,20 +3723,20 @@ function startServer(port, apiUrl, dataDir = '') {
     // 处理端口占用错误
     server.on('error', (err) => {
         if (err.code === 'EADDRINUSE') {
-            console.error(`\n  错误: 端口 ${port} 已被占用`);
-            console.error(`  请使用 -p 参数指定其他端口，或关闭占用该端口的程序\n`);
+            utils_1.logger.error(`\n  错误: 端口 ${port} 已被占用`);
+            utils_1.logger.error(`  请使用 -p 参数指定其他端口，或关闭占用该端口的程序\n`);
             process.exit(1);
         }
         throw err;
     });
     server.listen(port, () => {
-        console.log(`\n  ACP 身份管理服务已启动`);
-        console.log(`  ─────────────────────────`);
-        console.log(`  本地地址: http://localhost:${port}`);
-        console.log(`  API 服务: ${apiUrl}`);
+        utils_1.logger.log(`\n  ACP 身份管理服务已启动`);
+        utils_1.logger.log(`  ─────────────────────────`);
+        utils_1.logger.log(`  本地地址: http://localhost:${port}`);
+        utils_1.logger.log(`  API 服务: ${apiUrl}`);
         if (dataDir) {
-            console.log(`  数据目录: ${dataDir}`);
+            utils_1.logger.log(`  数据目录: ${dataDir}`);
         }
-        console.log(`\n  按 Ctrl+C 停止服务\n`);
+        utils_1.logger.log(`\n  按 Ctrl+C 停止服务\n`);
     });
 }