aicq-chat-plugin 2.6.0 → 2.6.2

package/README.md

@@ -5,12 +5,17 @@ AICQ 端到端加密聊天插件 — 适用于 OpenClaw 的完整聊天 UI。
 ## 一键安装
 
 ```bash
-# 使用 npx 直接运行（无需安装）
-npx aicq-chat-plugin
+# 1. 卸载旧版
+openclaw plugins uninstall aicq-chat
 
-# 或全局安装
-npm install -g aicq-chat-plugin
-aicq-plugin
+# 2. 安装新版
+openclaw plugins install npm:aicq-chat-plugin
+
+# 3. 重启 gateway
+openclaw gateway restart
+
+# 4. 浏览器访问聊天界面
+open http://localhost:6109
 ```
 
 ## 功能
@@ -46,7 +51,7 @@ aicq-plugin status
 | 变量 | 默认值 | 说明 |
 |------|--------|------|
 | `AICQ_PORT` | 6109 | 插件服务端口 |
-| `AICQ_SERVER_URL` | http://aicq.online:61018 | AICQ 服务器地址 |
+| `AICQ_SERVER_URL` | https://aicq.online | AICQ 服务器地址 |
 | `AICQ_DATA_DIR` | ~/.aicq-plugin | 数据存储目录 |
 
 ## OpenClaw 集成

package/SKILL.md

@@ -24,12 +24,17 @@ AICQ 是一个端到端加密聊天插件，适用于 OpenClaw 的完整聊天 U
 ## 一键启动
 
 ```bash
-# 使用 npx 直接运行（推荐，无需安装）
-npx aicq-chat-plugin
+# 1. 卸载旧版
+openclaw plugins uninstall aicq-chat
 
-# 或全局安装
-npm install -g aicq-chat-plugin
-aicq-plugin
+# 2. 安装新版
+openclaw plugins install npm:aicq-chat-plugin
+
+# 3. 重启 gateway
+openclaw gateway restart
+
+# 4. 浏览器访问聊天界面
+open http://localhost:6109
 ```
 
 ## OpenClaw 集成
@@ -53,7 +58,7 @@ aicq-plugin
 | 变量 | 默认值 | 说明 |
 |------|--------|------|
 | `AICQ_PORT` | 6109 | 插件服务端口 |
-| `AICQ_SERVER_URL` | http://aicq.online:61018 | AICQ 服务器地址 |
+| `AICQ_SERVER_URL` | https://aicq.online | AICQ 服务器地址 |
 | `AICQ_DATA_DIR` | ~/.aicq-plugin | 数据存储目录 |
 
 ## Chat UI

package/cli.js

@@ -3,8 +3,10 @@
  * AICQ Chat Plugin — CLI Entry Point
  *
  * Usage:
- *   npx aicq-chat-plugin           Start plugin + auto-install to OpenClaw
- *   aicq-plugin                    Same as above
+ *   openclaw plugins install npm:aicq-chat-plugin   Install via openclaw CLI
+ *   openclaw plugins uninstall aicq-chat            Uninstall old version
+ *   openclaw gateway restart                        Restart gateway
+ *   aicq-plugin                    Start plugin server
  *   aicq-plugin start              Start the plugin server
  *   aicq-plugin install            Install plugin to OpenClaw only
  *   aicq-plugin uninstall          Remove plugin from OpenClaw
@@ -22,7 +24,7 @@ const command = args[0] || 'start';
 
 // Parse options
 let port = process.env.AICQ_PORT || '6109';
-let serverUrl = process.env.AICQ_SERVER_URL || 'http://aicq.online:61018';
+let serverUrl = process.env.AICQ_SERVER_URL || 'https://aicq.online';
 
 for (let i = 0; i < args.length; i++) {
   if ((args[i] === '--port' || args[i] === '-p') && args[i + 1]) {
@@ -62,12 +64,17 @@ AICQ 是一个端到端加密聊天插件，适用于 OpenClaw 的完整聊天 U
 ## 一键启动
 
 \`\`\`bash
-# 使用 npx 直接运行（推荐，无需安装）
-npx aicq-chat-plugin
+# 1. 卸载旧版
+openclaw plugins uninstall aicq-chat
 
-# 或全局安装
-npm install -g aicq-chat-plugin
-aicq-plugin
+# 2. 安装新版
+openclaw plugins install npm:aicq-chat-plugin
+
+# 3. 重启 gateway
+openclaw gateway restart
+
+# 4. 浏览器访问聊天界面
+open http://localhost:6109
 \`\`\`
 
 ## OpenClaw 集成
@@ -91,7 +98,7 @@ aicq-plugin
 | 变量 | 默认值 | 说明 |
 |------|--------|------|
 | \`AICQ_PORT\` | 6109 | 插件服务端口 |
-| \`AICQ_SERVER_URL\` | http://aicq.online:61018 | AICQ 服务器地址 |
+| \`AICQ_SERVER_URL\` | https://aicq.online | AICQ 服务器地址 |
 | \`AICQ_DATA_DIR\` | ~/.aicq-plugin | 数据存储目录 |
 
 ## Chat UI
@@ -389,8 +396,10 @@ if (command === '--help' || command === '-h') {
 AICQ Chat Plugin — End-to-End Encrypted Chat for OpenClaw
 
 Usage:
-  npx aicq-chat-plugin              Start plugin + auto-install to OpenClaw
-  aicq-plugin [command] [options]
+  openclaw plugins install npm:aicq-chat-plugin   Install plugin via openclaw CLI
+  openclaw plugins uninstall aicq-chat            Uninstall old version
+  openclaw gateway restart                        Restart gateway after install
+  aicq-plugin [command] [options]                 Advanced usage
 
 Commands:
   start       Install to OpenClaw (if needed) and start plugin server (default)
@@ -400,7 +409,7 @@ Commands:
 
 Options:
   --port, -p <port>       Plugin server port (default: 6109)
-  --server, -s <url>      AICQ server URL (default: http://aicq.online:61018)
+  --server, -s <url>      AICQ server URL (default: https://aicq.online)
   --help, -h              Show this help message
 
 Environment Variables:
@@ -411,12 +420,13 @@ Environment Variables:
   OPENCLAW_WORKSPACE      OpenClaw workspace directory (for skills/)
 
 Examples:
-  npx aicq-chat-plugin              # Install + start
-  aicq-plugin                       # Start on default port
-  aicq-plugin install               # Install to OpenClaw only
-  aicq-plugin uninstall             # Remove from OpenClaw
-  aicq-plugin --port 8080           # Start on port 8080
-  aicq-plugin -s http://localhost   # Connect to local server
+  openclaw plugins install npm:aicq-chat-plugin   # Install via openclaw CLI
+  openclaw gateway restart                         # Restart gateway
+  aicq-plugin                                      # Start on default port
+  aicq-plugin install                              # Install to OpenClaw only
+  aicq-plugin uninstall                            # Remove from OpenClaw
+  aicq-plugin --port 8080                          # Start on port 8080
+  aicq-plugin -s http://localhost                  # Connect to local server
 `);
   process.exit(0);
 }
@@ -443,7 +453,7 @@ if (command === 'status') {
   });
   req.on('error', () => {
     console.log(`AICQ Plugin is not running on port ${port}.`);
-    console.log(`Start it with: npx aicq-chat-plugin`);
+    console.log(`Start it with: openclaw plugins install npm:aicq-chat-plugin`);
   });
   req.setTimeout(3000, () => {
     req.destroy();

package/index.js

@@ -15,7 +15,7 @@ const PluginDatabase = require('./lib/database');
 
 // ─── Configuration ──────────────────────────────────────────────────
 const PORT = parseInt(process.env.AICQ_PORT || '6109', 10);
-const SERVER_URL = process.env.AICQ_SERVER_URL || 'http://aicq.online:61018';
+const SERVER_URL = process.env.AICQ_SERVER_URL || 'https://aicq.online';
 const DATA_DIR = process.env.AICQ_DATA_DIR || path.join(os.homedir(), '.aicq-plugin');
 const UPLOADS_DIR = path.join(DATA_DIR, 'uploads');
 
@@ -364,8 +364,10 @@ fs.mkdirSync(UPLOADS_DIR, { recursive: true });
       if (!streamTarget) return res.status(400).json({ error: 'targetId or friend_id is required' });
       if (!data) return res.status(400).json({ error: 'data is required' });
       const type = chunk_type || chunkType || 'text';
-      if (!['text', 'reasoning', 'tool_call', 'tool_result'].includes(type)) {
-        return res.status(400).json({ error: `Invalid chunk_type: ${type}` });
+      // Allowed chunk types — extended to include thinking and clear_text
+      const ALLOWED_CHUNK_TYPES = ['text', 'reasoning', 'thinking', 'clear_text', 'tool_call', 'tool_result'];
+      if (!ALLOWED_CHUNK_TYPES.includes(type)) {
+        return res.status(400).json({ error: `Invalid chunk_type: ${type}. Allowed: ${ALLOWED_CHUNK_TYPES.join(', ')}` });
       }
       const sent = serverClient.sendWS({
         type: 'stream_chunk',
@@ -477,7 +479,7 @@ fs.mkdirSync(UPLOADS_DIR, { recursive: true });
   // Avatar upload
   const avatarUpload = multer({
     storage: multer.memoryStorage(),
-    limits: { fileSize: 2 * 1024 * 1024 }, // 2MB max
+    limits: { fileSize: 5 * 1024 * 1024 }, // 5MB max (client should resize before uploading)
     fileFilter: (req, file, cb) => {
       if (file.mimetype && file.mimetype.startsWith('image/')) {
         cb(null, true);
@@ -634,7 +636,9 @@ fs.mkdirSync(UPLOADS_DIR, { recursive: true });
         if (!kwargs.friend_id && !kwargs.targetId) return { error: 'friend_id or targetId is required' };
         if (!kwargs.data) return { error: 'data is required' };
         const chunkType = kwargs.chunk_type || kwargs.chunkType || 'text';
-        if (!['text', 'reasoning', 'tool_call', 'tool_result'].includes(chunkType)) return { error: `Invalid chunk_type: ${chunkType}` };
+        // Allowed chunk types — extended to include thinking and clear_text
+        const ALLOWED_CHUNK_TYPES = ['text', 'reasoning', 'thinking', 'clear_text', 'tool_call', 'tool_result'];
+        if (!ALLOWED_CHUNK_TYPES.includes(chunkType)) return { error: `Invalid chunk_type: ${chunkType}. Allowed: ${ALLOWED_CHUNK_TYPES.join(', ')}` };
         const streamTarget = kwargs.friend_id || kwargs.targetId;
         const sent = serverClient.sendWS({
           type: 'stream_chunk',

package/lib/server-client.js

@@ -6,7 +6,7 @@ const fetch = require('node-fetch');
 const { signMessage, computeFingerprint } = require('./crypto');
 
 class ServerClient {
-  constructor(identityManager, db, serverUrl = 'http://aicq.online:61018') {
+  constructor(identityManager, db, serverUrl = 'https://aicq.online') {
     this.identity = identityManager;
     this.db = db;
     this.serverUrl = serverUrl;

package/openclaw.plugin.json

@@ -1,7 +1,7 @@
 {
   "id": "aicq-chat",
   "name": "AICQ Encrypted Chat",
-  "version": "2.6.0",
+  "version": "2.6.2",
   "description": "End-to-end encrypted chat plugin for OpenClaw agents — Node.js implementation with full UI",
   "entry": "index.js",
   "activation": {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "aicq-chat-plugin",
-  "version": "2.6.0",
+  "version": "2.6.2",
   "description": "AICQ End-to-end Encrypted Chat Plugin for OpenClaw — Full UI with friend management, group chat, file transfer, and AI agent communication",
   "main": "index.js",
   "bin": {
@@ -37,11 +37,11 @@
   "license": "MIT",
   "repository": {
     "type": "git",
-    "url": "git+https://github.com/ctz168/aicq.git",
-    "directory": "plugin-js"
+    "url": "git+https://github.com/ctz168/pluginAICQ.git",
+    "directory": "openclaw-plugin"
   },
   "bugs": {
-    "url": "https://github.com/ctz168/aicq/issues"
+    "url": "https://github.com/ctz168/pluginAICQ/issues"
   },
   "homepage": "https://aicq.online",
   "dependencies": {

package/postinstall.js

@@ -42,7 +42,17 @@ AICQ 是一个端到端加密聊天插件，适用于 OpenClaw 的完整聊天 U
 ## 一键启动
 
 \`\`\`bash
-npx aicq-chat-plugin
+# 1. 卸载旧版
+openclaw plugins uninstall aicq-chat
+
+# 2. 安装新版
+openclaw plugins install npm:aicq-chat-plugin
+
+# 3. 重启 gateway
+openclaw gateway restart
+
+# 4. 浏览器访问聊天界面
+open http://localhost:6109
 \`\`\`
 
 ## OpenClaw 集成
@@ -66,7 +76,7 @@ npx aicq-chat-plugin
 | 变量 | 默认值 | 说明 |
 |------|--------|------|
 | \`AICQ_PORT\` | 6109 | 插件服务端口 |
-| \`AICQ_SERVER_URL\` | http://aicq.online:61018 | AICQ 服务器地址 |
+| \`AICQ_SERVER_URL\` | https://aicq.online | AICQ 服务器地址 |
 | \`AICQ_DATA_DIR\` | ~/.aicq-plugin | 数据存储目录 |
 
 ## Chat UI
@@ -335,8 +345,8 @@ if (skillInstalled || pluginInstalled) {
   console.log('  ║     OPENCLAW_HOME=<openclaw-root>            ║');
   console.log('  ║     OPENCLAW_WORKSPACE=<workspace-dir>       ║');
   console.log('  ║                                              ║');
-  console.log('  ║   Or start standalone:                       ║');
-  console.log('  ║     npx aicq-chat-plugin                     ║');
+  console.log('  ║   Or install via openclaw CLI:               ║');
+  console.log('  ║     openclaw plugins install npm:aicq-chat-plugin ║');
   console.log('  ║                                              ║');
   console.log('  ║   Chat UI: http://localhost:6109             ║');
   console.log('  ║   Docs: https://aicq.online                  ║');

package/public/index.html

@@ -3,131 +3,142 @@
 <head>
 <meta charset="UTF-8">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
+<meta name="theme-color" content="#D97757">
 <title>AICQ 加密聊天</title>
+<link rel="icon" type="image/png" sizes="32x32" href="/icon-32.png">
+<link rel="icon" type="image/png" sizes="16x16" href="/icon-16.png">
+<link rel="icon" type="image/x-icon" href="/favicon.ico">
 <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/katex@0.16.9/dist/katex.min.css">
 <script src="https://cdn.jsdelivr.net/npm/katex@0.16.9/dist/katex.min.js"></script>
 <script src="https://cdn.jsdelivr.net/npm/katex@0.16.9/dist/contrib/auto-render.min.js"></script>
 <script src="https://cdn.jsdelivr.net/npm/marked@12.0.0/marked.min.js"></script>
 <style>
 *{margin:0;padding:0;box-sizing:border-box}
-:root{--primary:#4f46e5;--primary-light:#6366f1;--bg:#0f172a;--bg2:#1e293b;--bg3:#334155;--text:#f1f5f9;--text2:#94a3b8;--border:#475569;--success:#22c55e;--danger:#ef4444;--warning:#f59e0b;--info:#3b82f6;--bubble-me:#4f46e5;--bubble-them:#334155}
-body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Noto Sans SC",sans-serif;background:var(--bg);color:var(--text);display:flex;height:100vh;overflow:hidden}
+:root{--primary:#D97757;--primary-light:#C4613F;--primary-lighter:rgba(217,119,87,0.1);--accent:#D97757;--accent-hover:#C4613F;--accent-light:rgba(217,119,87,0.1);--bg:#FAF9F6;--bg2:#F5F1EB;--bg-warm:#F5F1EB;--bg3:#FFFFFF;--bg-card:#FFFFFF;--text:#2D2A26;--text2:#6B6560;--text-sec:#6B6560;--text-muted:#9B958E;--border:#E8DFD3;--beige:#E8DFD3;--success:#4CAF7D;--green:#4CAF7D;--danger:#E05555;--red:#E05555;--warning:#E5A54B;--amber:#E5A54B;--brown:#8B6F4E;--brown-light:rgba(139,111,78,0.1);--cream:#F0EAE0;--info:#5B8DEF;--blue:#5B8DEF;--purple:#7B6CB0;--bubble-me:#D97757;--bubble-them:#FFFFFF;--shadow-sm:0 1px 3px rgba(45,42,38,0.06);--shadow-md:0 4px 16px rgba(45,42,38,0.08);--shadow-lg:0 8px 32px rgba(45,42,38,0.1);--radius:12px;--radius-sm:8px;--radius-lg:20px;--transition:all 0.25s cubic-bezier(0.4,0,0.2,1)}
+body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Noto Sans SC",sans-serif;background:var(--bg);color:var(--text);display:flex;height:100vh;overflow:hidden;-webkit-font-smoothing:antialiased}
 /* Layout */
 .app{display:flex;width:100%;height:100%}
-.right-panel{width:280px;background:var(--bg2);border-right:1px solid var(--border);display:flex;flex-direction:column;flex-shrink:0}
+.right-panel{width:280px;background:var(--bg3);border-right:1px solid var(--border);display:flex;flex-direction:column;flex-shrink:0}
 .main-panel{flex:1;display:flex;flex-direction:column;min-width:0}
 .chat-area{flex:1;overflow:hidden;display:flex;flex-direction:column}
 /* Right Panel */
 .agent-select{padding:12px;border-bottom:1px solid var(--border)}
-.agent-select select{width:100%;padding:8px 12px;background:var(--bg3);color:var(--text);border:1px solid var(--border);border-radius:6px;font-size:14px;cursor:pointer}
+.agent-select select{width:100%;padding:8px 12px;background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:10px;font-size:14px;cursor:pointer}
 .action-buttons{display:flex;gap:6px;padding:10px 12px;border-bottom:1px solid var(--border)}
-.action-btn{flex:1;padding:7px 4px;background:var(--bg3);color:var(--text2);border:none;border-radius:6px;cursor:pointer;font-size:12px;display:flex;flex-direction:column;align-items:center;gap:3px;transition:all .2s}
-.action-btn:hover{background:var(--primary);color:#fff}
+.action-btn{flex:1;padding:7px 4px;background:var(--cream);color:var(--text2);border:1px solid var(--border);border-radius:10px;cursor:pointer;font-size:12px;display:flex;flex-direction:column;align-items:center;gap:3px;transition:var(--transition)}
+.action-btn:hover{background:var(--primary);color:#fff;border-color:var(--primary)}
 .action-btn .icon{font-size:18px}
 .list-section{flex:1;overflow-y:auto}
-.list-section h4{padding:10px 12px 6px;color:var(--text2);font-size:12px;text-transform:uppercase;letter-spacing:1px}
-.friend-item,.group-item{display:flex;align-items:center;gap:10px;padding:10px 12px;cursor:pointer;transition:background .15s;border-left:3px solid transparent}
-.friend-item:hover,.group-item:hover{background:var(--bg3)}
-.friend-item.active,.group-item.active{background:rgba(79,70,229,.2);border-left-color:var(--primary)}
-.avatar{width:36px;height:36px;border-radius:50%;background:var(--primary);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;flex-shrink:0;color:#fff;overflow:hidden}
-.avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}
+.list-section h4{padding:10px 12px 6px;color:var(--text-muted);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px}
+.friend-item,.group-item{display:flex;align-items:center;gap:10px;padding:10px 12px;cursor:pointer;transition:var(--transition);border-left:3px solid transparent}
+.friend-item:hover,.group-item:hover{background:var(--cream)}
+.friend-item.active,.group-item.active{background:var(--primary-lighter);border-left-color:var(--primary)}
+.avatar{width:36px;height:36px;border-radius:12px;background:linear-gradient(135deg,var(--primary),var(--brown));display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;flex-shrink:0;color:#fff;overflow:hidden}
+.avatar img{width:100%;height:100%;object-fit:cover;border-radius:12px}
 .avatar.online{box-shadow:0 0 0 2px var(--success)}
 .info{flex:1;min-width:0}
 .info .name{font-size:14px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 .info .status{font-size:11px;color:var(--text2)}
 .badge-online{color:var(--success);font-size:10px}
 .badge-offline{color:var(--text2);font-size:10px}
-.silent-badge{font-size:9px;background:var(--warning);color:#000;padding:1px 4px;border-radius:3px;margin-left:4px}
+.silent-badge{font-size:9px;background:var(--amber);color:#fff;padding:1px 4px;border-radius:4px;margin-left:4px}
 /* Chat Header */
-.chat-header{padding:12px 16px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:12px;background:var(--bg2)}
+.chat-header{padding:12px 16px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:12px;background:var(--bg3)}
 .chat-header .avatar{width:40px;height:40px;font-size:16px}
 .chat-header .info .name{font-size:16px}
 .chat-header .actions{margin-left:auto;display:flex;gap:8px}
-.chat-header .actions button{background:none;border:none;color:var(--text2);cursor:pointer;font-size:18px;padding:4px 8px;border-radius:4px}
-.chat-header .actions button:hover{background:var(--bg3);color:var(--text)}
+.chat-header .actions button{background:none;border:none;color:var(--text2);cursor:pointer;font-size:18px;padding:4px 8px;border-radius:var(--radius-sm);transition:var(--transition)}
+.chat-header .actions button:hover{background:var(--cream);color:var(--primary)}
 /* Messages */
-.messages-container{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:4px}
+.messages-container{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:4px;background:var(--bg2)}
 .load-more{text-align:center;padding:8px;color:var(--text2);font-size:12px;cursor:pointer}
 .load-more:hover{color:var(--primary)}
 .msg-row{display:flex;max-width:75%;gap:8px}
 .msg-row.me{margin-left:auto;flex-direction:row-reverse}
 .msg-row.them{margin-right:auto}
-.msg-bubble{padding:10px 14px;border-radius:12px;font-size:14px;line-height:1.6;word-break:break-word;position:relative;max-width:100%}
-.msg-row.me .msg-bubble{background:var(--bubble-me);color:#fff;border-bottom-right-radius:4px}
-.msg-row.them .msg-bubble{background:var(--bubble-them);color:var(--text);border-bottom-left-radius:4px}
+.msg-bubble{padding:10px 14px;border-radius:14px;font-size:14px;line-height:1.6;word-break:break-word;position:relative;max-width:100%}
+.msg-row.me .msg-bubble{background:var(--bubble-me);color:#fff;border-top-right-radius:4px}
+.msg-row.them .msg-bubble{background:var(--bubble-them);border:1px solid var(--border);color:var(--text);border-top-left-radius:4px}
 .msg-bubble img{max-width:300px;max-height:300px;border-radius:8px;margin-top:6px;cursor:pointer}
 .msg-bubble .file-link{display:flex;align-items:center;gap:6px;padding:6px 10px;background:rgba(255,255,255,.1);border-radius:6px;margin-top:6px;cursor:pointer;color:inherit;text-decoration:none}
 .msg-bubble .file-link:hover{background:rgba(255,255,255,.2)}
 .msg-time{font-size:10px;color:var(--text2);margin-top:4px;text-align:right}
+.msg-row.me .msg-time{color:rgba(255,255,255,0.6)}
 .msg-row.them .msg-time{text-align:left}
 .msg-actions{position:absolute;top:-8px;right:-4px;display:none;gap:2px}
 .msg-row.me .msg-actions{right:auto;left:-4px}
 .msg-row:hover .msg-actions{display:flex}
-.msg-action-btn{width:24px;height:24px;border-radius:50%;background:var(--bg3);border:none;color:var(--text2);cursor:pointer;font-size:11px;display:flex;align-items:center;justify-content:center}
-.msg-action-btn:hover{background:var(--primary);color:#fff}
-.msg-action-btn.danger:hover{background:var(--danger)}
+.msg-action-btn{width:24px;height:24px;border-radius:var(--radius-sm);background:var(--bg3);border:1px solid var(--border);color:var(--text2);cursor:pointer;font-size:11px;display:flex;align-items:center;justify-content:center;transition:var(--transition)}
+.msg-action-btn:hover{background:var(--primary);color:#fff;border-color:var(--primary)}
+.msg-action-btn.danger:hover{background:var(--danger);border-color:var(--danger)}
 /* Mention */
 .mention{color:var(--info);font-weight:600;cursor:pointer}
 .mention:hover{text-decoration:underline}
 /* Input Area */
-.input-area{padding:12px 16px;border-top:1px solid var(--border);background:var(--bg2);display:flex;flex-direction:column;gap:8px}
+.input-area{padding:12px 16px;border-top:1px solid var(--border);background:var(--bg3);display:flex;flex-direction:column;gap:8px}
 .input-top{display:flex;gap:8px;align-items:center}
-.input-top input{flex:1;padding:10px 14px;background:var(--bg);border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:14px;outline:none}
-.input-top input:focus{border-color:var(--primary)}
-.send-btn{padding:10px 20px;background:var(--primary);color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;transition:background .2s}
-.send-btn:hover{background:var(--primary-light)}
-.send-btn:disabled{opacity:.5;cursor:not-allowed}
+.input-top input{flex:1;padding:10px 14px;background:var(--bg);border:1px solid var(--border);border-radius:12px;color:var(--text);font-size:14px;outline:none;transition:var(--transition)}
+.input-top input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-lighter)}
+.send-btn{padding:10px 20px;background:var(--primary);color:#fff;border:none;border-radius:10px;cursor:pointer;font-size:14px;font-weight:500;box-shadow:0 4px 16px rgba(217,119,87,0.3);transition:var(--transition)}
+.send-btn:hover{background:var(--primary-light);transform:scale(1.05)}
+.send-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}
 .input-toolbar{display:flex;gap:4px}
-.tool-btn{background:none;border:none;color:var(--text2);cursor:pointer;font-size:16px;padding:4px 8px;border-radius:4px}
-.tool-btn:hover{background:var(--bg3);color:var(--text)}
+.tool-btn{background:none;border:none;color:var(--text2);cursor:pointer;font-size:16px;padding:4px 8px;border-radius:var(--radius-sm);transition:var(--transition)}
+.tool-btn:hover{background:var(--cream);color:var(--primary)}
 /* Modals */
-.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.6);display:none;align-items:center;justify-content:center;z-index:1000}
+.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(45,42,38,0.4);display:none;align-items:center;justify-content:center;z-index:1000}
 .modal-overlay.show{display:flex}
-.modal{background:var(--bg2);border:1px solid var(--border);border-radius:12px;padding:24px;max-width:480px;width:90%;max-height:80vh;overflow-y:auto}
+.modal{background:var(--bg3);border:1px solid var(--border);border-radius:20px;padding:24px;max-width:480px;width:90%;max-height:80vh;overflow-y:auto;box-shadow:var(--shadow-lg)}
 .modal h3{margin-bottom:16px;font-size:18px}
 .modal .form-group{margin-bottom:14px}
 .modal label{display:block;margin-bottom:6px;font-size:13px;color:var(--text2)}
-.modal input,.modal select,.modal textarea{width:100%;padding:8px 12px;background:var(--bg);border:1px solid var(--border);border-radius:6px;color:var(--text);font-size:14px}
+.modal input,.modal select,.modal textarea{width:100%;padding:8px 12px;background:var(--bg);border:1px solid var(--border);border-radius:10px;color:var(--text);font-size:14px;transition:var(--transition)}
+.modal input:focus,.modal select:focus,.modal textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-lighter);outline:none}
 .modal textarea{min-height:80px;resize:vertical}
 .modal .btn-row{display:flex;gap:8px;justify-content:flex-end;margin-top:16px}
-.modal .btn{padding:8px 16px;border:none;border-radius:6px;cursor:pointer;font-size:14px;transition:all .2s}
+.modal .btn{padding:8px 16px;border:none;border-radius:10px;cursor:pointer;font-size:14px;transition:var(--transition)}
 .modal .btn-primary{background:var(--primary);color:#fff}
 .modal .btn-primary:hover{background:var(--primary-light)}
-.modal .btn-secondary{background:var(--bg3);color:var(--text)}
+.modal .btn-secondary{background:var(--cream);color:var(--text);border:1px solid var(--border)}
+.modal .btn-secondary:hover{background:var(--primary-lighter);border-color:var(--primary);color:var(--primary)}
 .modal .btn-danger{background:var(--danger);color:#fff}
 .qr-container{text-align:center;margin:16px 0}
 .qr-container img{max-width:256px;border-radius:8px}
-.key-display{background:var(--bg);padding:10px;border-radius:6px;font-family:monospace;font-size:12px;word-break:break-all;margin:8px 0;color:var(--text2)}
-.warning-box{background:rgba(239,68,68,.15);border:1px solid var(--danger);border-radius:6px;padding:12px;margin:12px 0;color:#fca5a5;font-size:13px}
+.key-display{background:var(--bg);padding:10px;border-radius:var(--radius-sm);font-family:monospace;font-size:12px;word-break:break-all;margin:8px 0;color:var(--text-muted)}
+.warning-box{background:rgba(224,85,85,0.08);border:1px solid var(--danger);border-radius:var(--radius-sm);padding:12px;margin:12px 0;color:var(--danger);font-size:13px}
 /* Empty State */
-.empty-state{flex:1;display:flex;align-items:center;justify-content:center;color:var(--text2);font-size:16px;flex-direction:column;gap:12px}
+.empty-state{flex:1;display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:16px;flex-direction:column;gap:12px}
 .empty-state .icon{font-size:48px;opacity:.3}
 /* Mention dropdown */
-.mention-dropdown{position:absolute;bottom:100%;left:0;background:var(--bg2);border:1px solid var(--border);border-radius:6px;max-height:200px;overflow-y:auto;z-index:100;display:none;min-width:200px}
+.mention-dropdown{position:absolute;bottom:100%;left:0;background:var(--bg3);border:1px solid var(--border);border-radius:10px;max-height:200px;overflow-y:auto;z-index:100;display:none;min-width:200px;box-shadow:var(--shadow-md)}
 .mention-dropdown.show{display:block}
 .mention-option{padding:8px 12px;cursor:pointer;font-size:13px;display:flex;align-items:center;gap:8px}
-.mention-option:hover{background:var(--bg3)}
+.mention-option:hover{background:var(--cream)}
 /* Scrollbar */
 ::-webkit-scrollbar{width:6px}
-::-webkit-scrollbar-track{background:var(--bg)}
+::-webkit-scrollbar-track{background:transparent}
 ::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}
-::-webkit-scrollbar-thumb:hover{background:var(--text2)}
+::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}
 /* Markdown in bubbles */
 .msg-bubble p{margin:4px 0}
-.msg-bubble code{background:rgba(255,255,255,.1);padding:1px 4px;border-radius:3px;font-size:13px}
-.msg-bubble pre{background:rgba(0,0,0,.2);padding:8px;border-radius:6px;overflow-x:auto;margin:6px 0}
+.msg-row.them .msg-bubble code{background:rgba(0,0,0,0.05);padding:1px 4px;border-radius:3px;font-size:13px}
+.msg-row.me .msg-bubble code{background:rgba(255,255,255,0.2);padding:1px 4px;border-radius:3px;font-size:13px}
+.msg-row.them .msg-bubble pre{background:rgba(0,0,0,0.04);padding:8px;border-radius:6px;overflow-x:auto;margin:6px 0}
+.msg-row.me .msg-bubble pre{background:rgba(255,255,255,0.15);padding:8px;border-radius:6px;overflow-x:auto;margin:6px 0}
 .msg-bubble pre code{background:none;padding:0}
 .msg-bubble blockquote{border-left:3px solid var(--primary);padding-left:10px;margin:6px 0;color:var(--text2)}
 .msg-bubble ul,.msg-bubble ol{padding-left:20px;margin:4px 0}
-.msg-bubble a{color:var(--info)}
+.msg-row.them .msg-bubble a{color:var(--primary)}
+.msg-row.me .msg-bubble a{color:#fff;text-decoration:underline}
 .msg-bubble table{border-collapse:collapse;margin:6px 0}
-.msg-bubble th,.msg-bubble td{border:1px solid var(--border);padding:4px 8px;font-size:13px}
+.msg-bubble th{background:var(--cream);border:1px solid var(--border);padding:4px 8px;font-size:13px}
+.msg-bubble td{border:1px solid var(--border);padding:4px 8px;font-size:13px}
 /* Toast */
-.toast{position:fixed;top:20px;left:50%;transform:translateX(-50%);background:var(--bg2);border:1px solid var(--border);color:var(--text);padding:12px 24px;border-radius:8px;font-size:14px;z-index:9999;box-shadow:0 4px 20px rgba(0,0,0,.5);max-width:90%;text-align:center;opacity:0;transition:opacity .3s;pointer-events:none}
+.toast{position:fixed;top:20px;left:50%;transform:translateX(-50%);background:var(--bg3);border:1px solid var(--border);color:var(--text);padding:12px 24px;border-radius:var(--radius);font-size:14px;z-index:9999;box-shadow:var(--shadow-lg);max-width:90%;text-align:center;opacity:0;transition:opacity .3s;pointer-events:none}
 .toast.show{opacity:1}
-.toast.warning{border-color:var(--warning);background:rgba(245,158,11,.15);color:#fcd34d}
+.toast.warning{border-color:var(--warning);background:rgba(229,165,75,0.1);color:var(--warning)}
 /* Backup section */
-.backup-section{background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:12px;margin-top:8px}
+.backup-section{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);padding:12px;margin-top:8px}
 .backup-section h4{font-size:14px;margin-bottom:8px;color:var(--text)}
 .backup-section p{font-size:12px;color:var(--text2);line-height:1.6;margin:4px 0}
 .backup-section .warning-box{font-size:12px;padding:8px;margin:8px 0}
@@ -137,7 +148,7 @@ body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Noto Sans S
 .key-match-row{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--border)}
 .key-match-row:last-child{border-bottom:none}
 .key-match-row label{font-size:13px;color:var(--text2);min-width:120px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
-.key-match-row select{flex:1;padding:6px 10px;background:var(--bg);border:1px solid var(--border);border-radius:6px;color:var(--text);font-size:13px}
+.key-match-row select{flex:1;padding:6px 10px;background:var(--bg);border:1px solid var(--border);border-radius:10px;color:var(--text);font-size:13px}
 </style>
 </head>
 <body>
@@ -993,20 +1004,37 @@ function showChatInfo() {
     : `好友: ${currentTarget.name}\nID: ${currentTarget.id}\n状态: ${currentTarget.isOnline ? '在线' : '离线'}`);
 }
 
+// ─── Image Resize Utility ───────────────────────────────────────────
+function resizePluginImage(file,maxW,maxH,quality=0.8){
+  return new Promise((resolve,reject)=>{
+    if(!file.type.startsWith('image/')){reject(new Error('Not an image'));return;}
+    const img=new Image();const url=URL.createObjectURL(file);
+    img.onload=()=>{
+      let w=img.width,h=img.height;
+      if(w<=maxW&&h<=maxH&&file.size<=512*1024){URL.revokeObjectURL(url);resolve(file);return;}
+      const ratio=Math.min(maxW/w,maxH/h,1);w=Math.round(w*ratio);h=Math.round(h*ratio);
+      const canvas=document.createElement('canvas');canvas.width=w;canvas.height=h;
+      const ctx=canvas.getContext('2d');ctx.drawImage(img,0,0,w,h);
+      canvas.toBlob(blob=>{URL.revokeObjectURL(url);if(!blob){reject(new Error('Resize failed'));return;}resolve(new File([blob],file.name.replace(/\.\w+$/,'.jpg'),{type:'image/jpeg',lastModified:Date.now()}));},'image/jpeg',quality);
+    };
+    img.onerror=()=>{URL.revokeObjectURL(url);reject(new Error('Image load failed'));};
+    img.src=url;
+  });
+}
+
 // ─── Avatar Upload ──────────────────────────────────────────────────
 async function handlePluginAvatarUpload(input) {
-  const file = input.files && input.files[0];
-  if (!file || !currentAgentId) return;
-  if (!file.type.startsWith('image/')) { alert('请选择图片文件'); return; }
-  if (file.size > 2 * 1024 * 1024) { alert('图片不能超过2MB'); return; }
+  const rawFile = input.files && input.files[0];
+  if (!rawFile || !currentAgentId) return;
+  if (!rawFile.type.startsWith('image/')) { alert('请选择图片文件'); return; }
   try {
+    const file = await resizePluginImage(rawFile, 256, 256, 0.85); // resize for avatar
     const formData = new FormData();
     formData.append('avatar', file);
     formData.append('agent_id', currentAgentId);
     const resp = await fetch(API + '/api/identity/avatar', { method: 'POST', body: formData });
     const data = await resp.json();
     if (data.success || data.avatar) {
-      // Update the settings avatar display
       const avatarUrl = data.avatar || (data.account && data.account.avatar);
       if (avatarUrl) {
         document.getElementById('settingsAvatar').innerHTML = `<img src="${avatarUrl}" alt="头像">`;