aicq-chat-plugin 2.2.0 → 2.3.0

package/index.js

@@ -426,6 +426,88 @@ app.post('/api/identity/rotate-keys', (req, res) => {
   }
 });
 
+// Avatar upload
+const avatarUpload = multer({
+  storage: multer.memoryStorage(),
+  limits: { fileSize: 2 * 1024 * 1024 }, // 2MB max
+  fileFilter: (req, file, cb) => {
+    if (file.mimetype && file.mimetype.startsWith('image/')) {
+      cb(null, true);
+    } else {
+      cb(new Error('Only image files are allowed'));
+    }
+  },
+});
+
+app.post('/api/identity/avatar', avatarUpload.single('avatar'), async (req, res) => {
+  try {
+    if (!req.file) return res.status(400).json({ error: 'No file uploaded' });
+    const agentId = req.body.agent_id || currentAgentId;
+
+    // Save avatar locally
+    const avatarsDir = path.join(DATA_DIR, 'avatars');
+    fs.mkdirSync(avatarsDir, { recursive: true });
+    const ext = req.file.mimetype.split('/')[1] || 'png';
+    const avatarId = Date.now() + '-' + Math.random().toString(36).slice(2, 8);
+    const filename = `${avatarId}.${ext}`;
+    const filePath = path.join(avatarsDir, filename);
+    fs.writeFileSync(filePath, req.file.buffer);
+
+    // Update local identity
+    const avatarUrl = `/api/identity/avatars/${filename}`;
+    identity.updateAvatar(agentId, avatarUrl);
+
+    // Try to upload to server too
+    try {
+      await serverClient.ensureAuth(agentId);
+      const FormData = (await import('form-data')).default;
+      const form = new FormData();
+      form.append('avatar', req.file.buffer, {
+        filename: req.file.originalname || 'avatar.' + ext,
+        contentType: req.file.mimetype,
+      });
+      // Use node-fetch to upload to server
+      const fetch = (await import('node-fetch')).default;
+      const serverUrl = SERVER_URL + '/api/v1/accounts/avatar';
+      const serverResp = await fetch(serverUrl, {
+        method: 'POST',
+        body: form,
+        headers: {
+          ...form.getHeaders(),
+          'Authorization': 'Bearer ' + serverClient.getAccessToken(agentId),
+        },
+      });
+      if (serverResp.ok) {
+        const serverData = await serverResp.json();
+        if (serverData.avatar) {
+          identity.updateAvatar(agentId, serverData.avatar);
+          return res.json({ success: true, avatar: serverData.avatar });
+        }
+      }
+    } catch (e) {
+      console.error('[AICQ] Server avatar upload failed:', e.message);
+    }
+
+    res.json({ success: true, avatar: avatarUrl });
+  } catch (e) {
+    res.status(500).json({ error: e.message });
+  }
+});
+
+app.get('/api/identity/avatars/:filename', (req, res) => {
+  const filename = req.params.filename;
+  // Security: prevent directory traversal
+  if (filename.includes('/') || filename.includes('\\') || filename.includes('..')) {
+    return res.status(400).json({ error: 'Invalid filename' });
+  }
+  const filePath = path.join(DATA_DIR, 'avatars', filename);
+  if (fs.existsSync(filePath)) {
+    res.sendFile(filePath);
+  } else {
+    res.status(404).json({ error: 'Avatar not found' });
+  }
+});
+
 app.get('/api/identity/keys', (req, res) => {
   const agentId = getAgentId(req);
   const info = identity.loadAgent(agentId);

package/lib/database.js

@@ -24,6 +24,7 @@ class PluginDatabase {
       CREATE TABLE IF NOT EXISTS identity (
         agent_id            TEXT PRIMARY KEY,
         nickname            TEXT NOT NULL DEFAULT '',
+        avatar              TEXT NOT NULL DEFAULT '',
         signing_public_key  TEXT NOT NULL,
         signing_secret_key  TEXT NOT NULL,
         exchange_public_key TEXT NOT NULL,
@@ -150,6 +151,21 @@ class PluginDatabase {
     this.db.prepare('UPDATE identity SET nickname = ?, updated_at = ? WHERE agent_id = ?').run(nickname, now, agentId);
   }
 
+  updateAvatar(agentId, avatarUrl) {
+    const now = new Date().toISOString();
+    // Ensure column exists (migration for existing databases)
+    try {
+      this.db.prepare('UPDATE identity SET avatar = ?, updated_at = ? WHERE agent_id = ?').run(avatarUrl, now, agentId);
+    } catch (e) {
+      if (e.message.includes('no column named avatar')) {
+        this.db.exec('ALTER TABLE identity ADD COLUMN avatar TEXT NOT NULL DEFAULT ""');
+        this.db.prepare('UPDATE identity SET avatar = ?, updated_at = ? WHERE agent_id = ?').run(avatarUrl, now, agentId);
+      } else {
+        throw e;
+      }
+    }
+  }
+
   // ─── Friends ───────────────────────────────────────────────────────
 
   addFriend({ agent_id, id, public_key, fingerprint, friend_type = 'ai', ai_name = '', permissions = ['chat'] }) {

package/lib/identity.js

@@ -135,6 +135,16 @@ class IdentityManager {
     return this._cache[agentId];
   }
 
+  /**
+   * Update agent avatar
+   */
+  updateAvatar(agentId, avatarUrl) {
+    this.db.updateAvatar(agentId, avatarUrl);
+    if (this._cache[agentId]) {
+      this._cache[agentId].avatar = avatarUrl;
+    }
+  }
+
   /**
    * Get identity info (public keys only, no secrets)
    */
@@ -144,6 +154,7 @@ class IdentityManager {
     return {
       agent_id: identity.agent_id,
       nickname: identity.nickname,
+      avatar: identity.avatar || null,
       signing_public_key: identity.signing_public_key,
       exchange_public_key: identity.exchange_public_key,
       fingerprint: identity.fingerprint,

package/lib/server-client.js

@@ -317,6 +317,13 @@ class ServerClient {
     this._running = false;
     this.disconnect();
   }
+
+  /**
+   * Get the current JWT access token for a given agent
+   */
+  getAccessToken(agentId) {
+    return this.jwtToken || '';
+  }
 }
 
 module.exports = ServerClient;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "aicq-chat-plugin",
-  "version": "2.2.0",
+  "version": "2.3.0",
   "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": {

package/public/index.html

@@ -29,7 +29,8 @@ body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Noto Sans S
 .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}
+.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%}
 .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}
@@ -225,6 +226,14 @@ body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Noto Sans S
   <div class="modal">
     <h3>设置</h3>
     <div style="display:flex;flex-direction:column;gap:12px">
+      <div style="text-align:center;padding:8px 0">
+        <div style="position:relative;display:inline-block">
+          <div class="avatar" id="settingsAvatar" style="width:64px;height:64px;font-size:24px;cursor:pointer" onclick="document.getElementById('avatarUploadInput').click()">A</div>
+          <div style="position:absolute;bottom:-2px;right:-2px;width:20px;height:20px;background:var(--primary);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:10px;cursor:pointer" onclick="document.getElementById('avatarUploadInput').click()">📷</div>
+        </div>
+        <input type="file" id="avatarUploadInput" accept="image/*" style="display:none" onchange="handlePluginAvatarUpload(this)">
+        <div style="font-size:11px;color:var(--text2);margin-top:4px">点击更换头像</div>
+      </div>
       <button class="btn btn-secondary" onclick="showQRCode()" style="width:100%;text-align:left">📱 二维码 — 客户端扫描添加好友</button>
       <button class="btn btn-secondary" onclick="showNicknameModal()" style="width:100%;text-align:left">✏️ 修改昵称</button>
       <button class="btn btn-secondary" onclick="generateFriendCode()" style="width:100%;text-align:left">🔢 生成好友码 (24小时有效)</button>
@@ -426,7 +435,7 @@ async function loadFriends() {
     div.className = 'friend-item' + (currentTarget?.id === f.id && currentTarget?.type === 'friend' ? ' active' : '');
     div.onclick = () => selectTarget(f.id, f.ai_name || f.fingerprint?.slice(0,8) || f.id.slice(0,8), 'friend', !!f.is_online);
     div.innerHTML = `
-      <div class="avatar ${f.is_online ? 'online' : ''}">${(f.ai_name||f.id).charAt(0).toUpperCase()}</div>
+      <div class="avatar ${f.is_online ? 'online' : ''}" ${f.ai_avatar ? 'style="background:none"' : ''}>${f.ai_avatar ? `<img src="${f.ai_avatar}" alt="">` : (f.ai_name||f.id).charAt(0).toUpperCase()}</div>
       <div class="info">
         <div class="name">${f.ai_name || f.fingerprint?.slice(0,16) || f.id.slice(0,12)}</div>
         <div class="status"><span class="${f.is_online ? 'badge-online' : 'badge-offline'}">●</span> ${f.is_online ? '在线' : '离线'}</div>
@@ -462,7 +471,29 @@ async function selectTarget(id, name, type, isOnline = false, silent = false) {
   showChatView();
 
   // Update header
-  document.getElementById('chatAvatar').textContent = type === 'group' ? '👥' : name.charAt(0).toUpperCase();
+  const chatAvatar = document.getElementById('chatAvatar');
+  // Try to get avatar from friend data
+  let friendAvatar = null;
+  if (type === 'friend') {
+    const friends = document.querySelectorAll('.friend-item');
+    // We'll use the currentTarget data
+  }
+  if (type === 'group') {
+    chatAvatar.innerHTML = '👥';
+  } else {
+    const name = currentTarget?.name || id;
+    chatAvatar.textContent = name.charAt(0).toUpperCase();
+    chatAvatar.style.background = '';
+  }
+  // If friend has avatar, try to find it in loaded friends
+  try {
+    const friendData = await api('GET', `/api/friends?agent_id=${currentAgentId}`);
+    const friend = (friendData.friends || []).find(f => f.id === id);
+    if (friend && friend.ai_avatar) {
+      chatAvatar.innerHTML = `<img src="${friend.ai_avatar}" alt="">`;
+      chatAvatar.style.background = 'none';
+    }
+  } catch(e) {}
   document.getElementById('chatName').textContent = name;
   document.getElementById('chatStatus').textContent = type === 'group' ? '群聊' : (isOnline ? '在线' : '离线');
   document.getElementById('silentBtn').textContent = silent ? '🔕' : '🔔';
@@ -769,7 +800,21 @@ async function toggleSilent() {
 }
 
 // ─── Modal Helpers ──────────────────────────────────────────────────
-function showModal(name) { document.getElementById('modal-' + name).classList.add('show'); }
+function showModal(name) {
+  document.getElementById('modal-' + name).classList.add('show');
+  // Update settings avatar when opening settings modal
+  if (name === 'settings' && currentAgentId) {
+    api('GET', `/api/identity?agent_id=${currentAgentId}`).then(info => {
+      const avatarEl = document.getElementById('settingsAvatar');
+      if (info.avatar) {
+        avatarEl.innerHTML = `<img src="${info.avatar}" alt="头像">`;
+        avatarEl.style.background = 'none';
+      } else {
+        avatarEl.textContent = (info.nickname || 'A').charAt(0).toUpperCase();
+      }
+    }).catch(() => {});
+  }
+}
 function hideModal(name) { document.getElementById('modal-' + name).classList.remove('show'); }
 
 // ─── Add Friend ─────────────────────────────────────────────────────
@@ -906,6 +951,34 @@ function showChatInfo() {
     : `好友: ${currentTarget.name}\nID: ${currentTarget.id}\n状态: ${currentTarget.isOnline ? '在线' : '离线'}`);
 }
 
+// ─── 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; }
+  try {
+    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="头像">`;
+      }
+      alert('头像已更新');
+    } else {
+      alert('上传失败: ' + (data.error || '未知错误'));
+    }
+  } catch (e) {
+    alert('头像上传失败: ' + e.message);
+  }
+  input.value = '';
+}
+
 // ─── Init ───────────────────────────────────────────────────────────
 init();