aicq-openclaw-plugin 1.0.5 → 1.0.7

package/dist/index.js

@@ -7826,12 +7826,12 @@ var v4_default = v4;
 
 // dist/config.js
 var __filename = fileURLToPath(import.meta.url);
-var __dirname = path.dirname(__filename);
+var __dirname2 = path.dirname(__filename);
 var SERVER_URL = process.env.AICQ_SERVER_URL || "https://aicq.online:61018";
 function loadConfig(overrides) {
   let schemaDefaults = {};
   try {
-    const manifestPath = path.resolve(__dirname, "..", "openclaw.plugin.json");
+    const manifestPath = path.resolve(__dirname2, "..", "openclaw.plugin.json");
     const manifestRaw = fs.readFileSync(manifestPath, "utf-8");
     const manifest = JSON.parse(manifestRaw);
     const schema = manifest.configSchema;
@@ -10114,14 +10114,37 @@ function createToastContainer() {
   return c;
 }
 
-// \u2500\u2500 API \u2500\u2500
+// \u2500\u2500 API with timeout \u2500\u2500
 async function api(path, opts = {}) {
+  const timeout = (opts._timeout || 8000);
+  const controller = new AbortController();
+  const timer = setTimeout(() => controller.abort(), timeout);
   try {
-    const res = await fetch(API + path, { headers: { 'Content-Type': 'application/json', ...opts.headers }, ...opts });
+    const res = await fetch(API + path, { headers: { 'Content-Type': 'application/json', ...opts.headers }, ...opts, signal: controller.signal });
+    clearTimeout(timer);
     const data = await res.json();
     if (!res.ok && !data.error) data.error = 'HTTP ' + res.status;
     return data;
-  } catch (e) { return { error: e.message }; }
+  } catch (e) {
+    clearTimeout(timer);
+    const msg = e.name === 'AbortError' ? 'Request timed out (' + (timeout/1000) + 's)' : e.message;
+    return { error: msg };
+  }
+}
+
+// Safe helper: run promise, never throw, return { data, error }
+async function safeApi(path, opts) {
+  try {
+    const data = await api(path, opts);
+    return { data, error: data.error || null };
+  } catch (e) {
+    return { data: null, error: e.message || 'Unknown error' };
+  }
+}
+
+// Render an inline error block
+function errorBlock(title, msg) {
+  return '<div class="card" style="border-color:var(--danger)"><div style="display:flex;align-items:center;gap:10px"><span style="font-size:20px">\u26A0\uFE0F</span><div><div style="font-weight:600;color:var(--danger)">' + escHtml(title) + '</div><div style="font-size:12px;color:var(--text3);margin-top:2px">' + escHtml(msg) + '</div></div></div></div>';
 }
 
 // \u2500\u2500 Utilities \u2500\u2500
@@ -10169,62 +10192,86 @@ function loadPage(page) {
 }
 
 // \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550
-// PAGE: Dashboard
+// PAGE: Dashboard \u2014 render skeleton immediately, load data async
 // \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550
 async function loadDashboard() {
   const el = $('#dashboard-content');
-  html(el, '<div class="loading-mask"><div class="spinner"></div>Loading dashboard...</div>');
-  const [status, friends, identity] = await Promise.all([api('/status'), api('/friends'), api('/identity')]);
-  if (status.error) { html(el, '<div class="empty"><div class="icon">\u26A0\uFE0F</div><p>Failed to connect to AICQ plugin</p></div>'); return; }
-  const connCls = status.connected ? 'dot-ok' : 'dot-err';
-  const connText = status.connected ? 'Connected' : 'Disconnected';
-  const friendList = friends.friends || [];
-  const aiFriends = friendList.filter(f => f.friendType === 'ai').length;
-  const humanFriends = friendList.filter(f => f.friendType !== 'ai').length;
-
+  // Render skeleton immediately \u2014 never show spinner that blocks UI
   html(el, \\\`
     <div class="stats-grid">
-      <div class="stat-card">
-        <div class="stat-icon" style="background:var(--accent-bg)">\u{1F4E1}</div>
-        <div class="stat-label">Server Status</div>
-        <div class="stat-value" style="font-size:16px;display:flex;align-items:center;gap:8px">
-          <span class="dot \${connCls}"></span> \${connText}
-        </div>
-        <div class="stat-sub">\${escHtml(status.serverUrl)}</div>
-      </div>
-      <div class="stat-card">
-        <div class="stat-icon" style="background:var(--ok-bg)">\u{1F465}</div>
-        <div class="stat-label">Total Friends</div>
-        <div class="stat-value">\${friendList.length}</div>
-        <div class="stat-sub">\${aiFriends} AI \xB7 \${humanFriends} Human</div>
-      </div>
-      <div class="stat-card">
-        <div class="stat-icon" style="background:var(--info-bg)">\u{1F517}</div>
-        <div class="stat-label">Active Sessions</div>
-        <div class="stat-value">\${status.sessionCount || 0}</div>
-        <div class="stat-sub">Encrypted sessions</div>
-      </div>
-      <div class="stat-card">
-        <div class="stat-icon" style="background:var(--warn-bg)">\u{1F511}</div>
-        <div class="stat-label">Agent ID</div>
-        <div class="stat-value mono" style="font-size:13px">\${escHtml(status.agentId)}</div>
-        <div class="stat-sub">Fingerprint: \${escHtml(status.fingerprint)}</div>
-      </div>
+      <div class="stat-card"><div class="stat-icon" style="background:var(--accent-bg)">\u{1F4E1}</div><div class="stat-label">Server Status</div><div class="stat-value" style="font-size:16px"><div class="spinner" style="width:16px;height:16px;border-width:2px;margin:0 auto"></div></div><div class="stat-sub" id="dash-server-url">Loading...</div></div>
+      <div class="stat-card"><div class="stat-icon" style="background:var(--ok-bg)">\u{1F465}</div><div class="stat-label">Total Friends</div><div class="stat-value" id="dash-friend-count"><div class="spinner" style="width:16px;height:16px;border-width:2px;margin:0 auto"></div></div><div class="stat-sub" id="dash-friend-sub">loading...</div></div>
+      <div class="stat-card"><div class="stat-icon" style="background:var(--info-bg)">\u{1F517}</div><div class="stat-label">Active Sessions</div><div class="stat-value" id="dash-sessions"><div class="spinner" style="width:16px;height:16px;border-width:2px;margin:0 auto"></div></div><div class="stat-sub">Encrypted sessions</div></div>
+      <div class="stat-card"><div class="stat-icon" style="background:var(--warn-bg)">\u{1F511}</div><div class="stat-label">Agent ID</div><div class="stat-value mono" style="font-size:13px" id="dash-agent-id">\u2014</div><div class="stat-sub" id="dash-fingerprint">\u2014</div></div>
     </div>
     <div style="display:grid;grid-template-columns:1fr 1fr;gap:16px">
-      <div class="card">
-        <div class="card-header"><div class="card-title">\u{1F4CB} Recent Friends</div><button class="btn btn-sm btn-ghost" onclick="navigate('friends')">View All \u2192</button></div>
-        \${renderMiniFriendList(friendList.slice(0, 5))}
-      </div>
-      <div class="card">
-        <div class="card-header"><div class="card-title">\u{1F916} Identity Info</div></div>
-        <div class="detail-row"><div class="detail-key">Agent ID</div><div class="detail-val mono" style="cursor:pointer" onclick="copyText('\${identity.agentId}')">\${escHtml(identity.agentId)} \u{1F4CB}</div></div>
-        <div class="detail-row"><div class="detail-key">Fingerprint</div><div class="detail-val mono">\${escHtml(identity.publicKeyFingerprint)}</div></div>
-        <div class="detail-row"><div class="detail-key">Server URL</div><div class="detail-val mono" style="cursor:pointer" onclick="copyText('\${identity.serverUrl}')">\${escHtml(identity.serverUrl)} \u{1F4CB}</div></div>
-        <div class="detail-row"><div class="detail-key">Connection</div><div class="detail-val"><span class="badge badge-\${identity.connected ? 'ok' : 'danger'}">\${identity.connected ? 'Online' : 'Offline'}</span></div></div>
-      </div>
+      <div class="card"><div class="card-header"><div class="card-title">\u{1F4CB} Friends</div><button class="btn btn-sm btn-ghost" onclick="navigate('friends')">View All \u2192</button></div><div id="dash-friends-list"><div class="loading-mask" style="padding:20px"><div class="spinner"></div>Loading friends...</div></div></div>
+      <div class="card"><div class="card-header"><div class="card-title">\u{1F916} Identity Info</div></div><div id="dash-identity"><div class="loading-mask" style="padding:20px"><div class="spinner"></div>Loading...</div></div></div>
     </div>
   \\\`);
+
+  // Load each data source independently \u2014 no await blocking between them
+  const statusRes = await safeApi('/status', { _timeout: 5000 });
+  const status = statusRes.data || {};
+
+  // Update status card immediately
+  const connCls = status.connected ? 'dot-ok' : 'dot-err';
+  const connText = status.connected ? 'Connected' : 'Disconnected';
+  const connEl = $('#dash-server-url');
+  if (connEl) connEl.textContent = status.serverUrl || '\u2014';
+  const statusValEl = el.querySelector('.stat-value');
+  if (statusValEl) statusValEl.innerHTML = '<span class="dot ' + connCls + '" style="display:inline-block;width:8px;height:8px;vertical-align:middle"></span> <span style="font-size:16px">' + connText + '</span>';
+
+  // Update header dot
+  const hDot = $('#header-dot');
+  if (hDot) hDot.className = 'dot ' + connCls;
+  const hTxt = $('#header-status');
+  if (hTxt) hTxt.textContent = connText;
+
+  // Agent ID card
+  const agentEl = $('#dash-agent-id');
+  if (agentEl) agentEl.textContent = status.agentId || '\u2014';
+  const fpEl = $('#dash-fingerprint');
+  if (fpEl) fpEl.textContent = 'Fingerprint: ' + (status.fingerprint || '\u2014');
+  const sessEl = $('#dash-sessions');
+  if (sessEl) sessEl.textContent = status.sessionCount || 0;
+
+  // Identity \u2014 load independently
+  safeApi('/identity', { _timeout: 5000 }).then(identityRes => {
+    const identityEl = $('#dash-identity');
+    if (!identityEl) return;
+    if (identityRes.error) {
+      identityEl.innerHTML = errorBlock('Identity Unavailable', identityRes.error + ' <button class="btn btn-sm btn-default" style="margin-top:8px" onclick="loadDashboard()">\u{1F504} Retry</button>');
+      return;
+    }
+    const identity = identityRes.data || {};
+    identityEl.innerHTML = \\\`
+      <div class="detail-row"><div class="detail-key">Agent ID</div><div class="detail-val mono" style="cursor:pointer" onclick="copyText('\${escHtml(identity.agentId || '')}')">\${escHtml(identity.agentId || '\u2014')} \u{1F4CB}</div></div>
+      <div class="detail-row"><div class="detail-key">Fingerprint</div><div class="detail-val mono">\${escHtml(identity.publicKeyFingerprint || '\u2014')}</div></div>
+      <div class="detail-row"><div class="detail-key">Server URL</div><div class="detail-val mono" style="cursor:pointer" onclick="copyText('\${escHtml(identity.serverUrl || '')}')">\${escHtml(identity.serverUrl || '\u2014')} \u{1F4CB}</div></div>
+      <div class="detail-row"><div class="detail-key">Connection</div><div class="detail-val"><span class="badge badge-\${identity.connected ? 'ok' : 'danger'}">\${identity.connected ? 'Online' : 'Offline'}</span></div></div>
+    \\\`;
+  });
+
+  // Friends \u2014 load independently from remote server
+  safeApi('/friends', { _timeout: 10000 }).then(friendsRes => {
+    const fcEl = $('#dash-friend-count');
+    const fsEl = $('#dash-friend-sub');
+    const flEl = $('#dash-friends-list');
+    if (friendsRes.error) {
+      if (fcEl) fcEl.textContent = '\u2014';
+      if (fsEl) fsEl.textContent = 'unavailable';
+      if (flEl) flEl.innerHTML = errorBlock('Friend List Unavailable', friendsRes.error + ' \u2014 Remote server unreachable. <button class="btn btn-sm btn-default" style="margin-top:8px" onclick="loadDashboard()">\u{1F504} Retry</button>');
+      toast('Cannot load friends: ' + friendsRes.error, 'warn');
+      return;
+    }
+    const friendList = friendsRes.data?.friends || [];
+    const aiFriends = friendList.filter(f => f.friendType === 'ai').length;
+    const humanFriends = friendList.filter(f => f.friendType !== 'ai').length;
+    if (fcEl) fcEl.textContent = friendList.length;
+    if (fsEl) fsEl.textContent = aiFriends + ' AI \xB7 ' + humanFriends + ' Human';
+    if (flEl) flEl.innerHTML = renderMiniFriendList(friendList.slice(0, 5));
+  });
 }
 
 function renderMiniFriendList(friends) {
@@ -10332,12 +10379,17 @@ let friendsFilter = 'all';
 async function loadFriends() {
   const el = $('#friends-content');
   html(el, '<div class="loading-mask"><div class="spinner"></div>Loading friends...</div>');
-  const [friends, requests, sessions] = await Promise.all([api('/friends'), api('/friends/requests'), api('/sessions')]);
 
-  // Sub-tabs
-  const friendCount = (friends.friends || []).length;
-  const reqCount = (requests.requests || []).length;
-  const sessCount = (sessions.sessions || []).length;
+  // Load all three independently \u2014 any can fail without blocking others
+  const [friendsRes, requestsRes, sessionsRes] = await Promise.all([
+    safeApi('/friends', { _timeout: 10000 }),
+    safeApi('/friends/requests', { _timeout: 10000 }),
+    safeApi('/sessions', { _timeout: 5000 }),
+  ]);
+
+  const friendCount = (friendsRes.data?.friends || []).length;
+  const reqCount = (requestsRes.data?.requests || []).length;
+  const sessCount = (sessionsRes.data?.sessions || []).length;
 
   html('#friends-tabs', \\\`
     <button class="filter-btn \${friendsSubTab==='friends'?'active':''}" onclick="friendsSubTab='friends';loadFriends()">\u{1F465} Friends (<span id="fc">\${friendCount}</span>)</button>
@@ -10345,13 +10397,29 @@ async function loadFriends() {
     <button class="filter-btn \${friendsSubTab==='sessions'?'active':''}" onclick="friendsSubTab='sessions';loadFriends()">\u{1F517} Sessions (<span id="sc">\${sessCount}</span>)</button>
   \\\`);
 
-  window._friendsData = friends;
-  window._requestsData = requests;
-  window._sessionsData = sessions;
+  window._friendsData = friendsRes.data || {};
+  window._requestsData = requestsRes.data || {};
+  window._sessionsData = sessionsRes.data || {};
 
-  if (friendsSubTab === 'friends') renderFriendsList(friends.friends || []);
-  else if (friendsSubTab === 'requests') renderRequestsList(requests.requests || []);
-  else renderSessionsList(sessions.sessions || []);
+  if (friendsSubTab === 'friends') {
+    if (friendsRes.error) {
+      html(el, '<div class="toolbar"><button class="btn btn-sm btn-default" onclick="loadFriends()">\u{1F504} Retry</button></div>' + errorBlock('Cannot Load Friends', friendsRes.error + ' \u2014 AICQ remote server is unreachable. Check your network or server status.'));
+    } else {
+      renderFriendsList(friendsRes.data.friends || []);
+    }
+  } else if (friendsSubTab === 'requests') {
+    if (requestsRes.error) {
+      html(el, '<div class="toolbar"><button class="btn btn-sm btn-default" onclick="loadFriends()">\u{1F504} Retry</button></div>' + errorBlock('Cannot Load Requests', requestsRes.error));
+    } else {
+      renderRequestsList(requestsRes.data.requests || []);
+    }
+  } else {
+    if (sessionsRes.error) {
+      html(el, '<div class="toolbar"><button class="btn btn-sm btn-default" onclick="loadFriends()">\u{1F504} Retry</button></div>' + errorBlock('Cannot Load Sessions', sessionsRes.error));
+    } else {
+      renderSessionsList(sessionsRes.data.sessions || []);
+    }
+  }
 }
 window.friendsSubTab = 'friends';
 
@@ -10605,46 +10673,178 @@ async function saveModelConfig() {
 }
 
 // \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550
-// PAGE: Settings
+// PAGE: Settings \u2014 with Update button
 // \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550
+let _updating = false;
+
 async function loadSettings() {
   const el = $('#settings-content');
-  html(el, '<div class="loading-mask"><div class="spinner"></div>Loading settings...</div>');
-  const [status, identity, config] = await Promise.all([api('/status'), api('/identity'), api('/config')]);
+  // Render skeleton immediately
+  html(el, \\\`
+    <p class="section-desc">AICQ plugin runtime configuration and system information.</p>
+    <div class="card" id="settings-update-card"><div class="loading-mask" style="padding:20px"><div class="spinner"></div>Loading...</div></div>
+    <div id="settings-rest"></div>
+  \\\`);
 
-  if (config.error) {
-    html(el, '<div class="empty"><div class="icon">\u26A0\uFE0F</div><p>' + escHtml(config.error) + '</p></div>');
-    return;
+  // Load update check, status, identity, config \u2014 all independently
+  const [updateRes, statusRes, identityRes, configRes, pluginRes] = await Promise.all([
+    safeApi('/update/check', { _timeout: 15000 }),
+    safeApi('/status', { _timeout: 5000 }),
+    safeApi('/identity', { _timeout: 5000 }),
+    safeApi('/config', { _timeout: 5000 }),
+    safeApi('/plugin-info', { _timeout: 5000 }),
+  ]);
+
+  // \u2500\u2500 Update Card \u2500\u2500
+  const updateCard = $('#settings-update-card');
+  if (updateCard) {
+    const upd = updateRes.data || {};
+    const pInfo = pluginRes.data || {};
+    const currentVer = pInfo.version || upd.currentVersion || 'unknown';
+    const latestVer = upd.latestVersion || currentVer;
+    const hasUpdate = upd.updateAvailable;
+
+    updateCard.innerHTML = \\\`
+      <div class="card-header">
+        <div class="card-title">\u{1F504} Plugin Update</div>
+        <div style="display:flex;gap:6px;align-items:center">
+          <span class="badge badge-\${hasUpdate ? 'warn' : 'ok'}">\${hasUpdate ? 'Update Available!' : 'Up to date'}</span>
+        </div>
+      </div>
+      <div class="detail-row"><div class="detail-key">Current Version</div><div class="detail-val mono">\${escHtml(currentVer)}</div></div>
+      <div class="detail-row"><div class="detail-key">Latest Version</div><div class="detail-val mono">\${escHtml(latestVer)}</div></div>
+      <div class="detail-row"><div class="detail-key">Package</div><div class="detail-val mono">aicq-openclaw-plugin</div></div>
+      \${pluginRes.error ? '' : \\\`
+      <div class="detail-row"><div class="detail-key">Node.js</div><div class="detail-val mono">\${escHtml(pInfo.nodeVersion || '\u2014')}</div></div>
+      <div class="detail-row"><div class="detail-key">Uptime</div><div class="detail-val">\${pInfo.uptime ? Math.floor(pInfo.uptime / 3600) + 'h ' + Math.floor((pInfo.uptime % 3600) / 60) + 'm' : '\u2014'}</div></div>
+      \\\`}
+      <div style="margin-top:16px;display:flex;gap:8px;flex-wrap:wrap">
+        <button class="btn btn-primary" id="btn-check-update" onclick="checkForUpdates()">\u{1F50D} Check for Updates</button>
+        <button class="btn btn-ok \${hasUpdate ? '' : 'btn-ghost'}" id="btn-do-update" onclick="doUpdate(false)">\u{1F4E5} \${hasUpdate ? 'Update to v' + escHtml(latestVer) : 'Incremental Update'}</button>
+        <button class="btn btn-warn" id="btn-force-update" onclick="doUpdate(true)">\u{1F503} Force Reinstall</button>
+      </div>
+      <div id="update-output" style="display:none;margin-top:12px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);padding:12px;max-height:300px;overflow-y:auto">
+        <pre style="font-size:12px;color:var(--text2);white-space:pre-wrap;margin:0" id="update-log"></pre>
+      </div>
+    \\\`;
   }
 
-  html(el, \\\`
-    <p class="section-desc">AICQ plugin runtime configuration and system information.</p>
+  // \u2500\u2500 Rest of settings \u2500\u2500
+  const restEl = $('#settings-rest');
+  if (!restEl) return;
+  let out = '';
 
-    <div class="card">
-      <div class="card-header"><div class="card-title">\u{1F50C} Connection Settings</div></div>
-      <div class="detail-row"><div class="detail-key">Server URL</div><div class="detail-val mono" style="cursor:pointer" onclick="copyText('\${escHtml(status.serverUrl)}')">\${escHtml(status.serverUrl)} \u{1F4CB}</div></div>
-      <div class="detail-row"><div class="detail-key">WebSocket Status</div><div class="detail-val"><span class="badge badge-\${status.connected ? 'ok' : 'danger'}">\${status.connected ? 'Connected' : 'Disconnected'}</span></div></div>
-    </div>
+  // Connection section
+  if (statusRes.error) {
+    out += errorBlock('Connection Status Unavailable', statusRes.error);
+  } else {
+    const s = statusRes.data;
+    out += \\\`
+      <div class="card">
+        <div class="card-header"><div class="card-title">\u{1F50C} Connection Settings</div></div>
+        <div class="detail-row"><div class="detail-key">Server URL</div><div class="detail-val mono" style="cursor:pointer" onclick="copyText('\${escHtml(s.serverUrl)}')">\${escHtml(s.serverUrl)} \u{1F4CB}</div></div>
+        <div class="detail-row"><div class="detail-key">WebSocket Status</div><div class="detail-val"><span class="badge badge-\${s.connected ? 'ok' : 'danger'}">\${s.connected ? 'Connected' : 'Disconnected'}</span></div></div>
+      </div>
+    \\\`;
+  }
 
-    <div class="card">
-      <div class="card-header"><div class="card-title">\u{1F916} Agent Identity</div></div>
-      <div class="detail-row"><div class="detail-key">Agent ID</div><div class="detail-val mono" style="cursor:pointer" onclick="copyText('\${escHtml(identity.agentId)}')">\${escHtml(identity.agentId)} \u{1F4CB}</div></div>
-      <div class="detail-row"><div class="detail-key">Public Key Fingerprint</div><div class="detail-val mono">\${escHtml(identity.publicKeyFingerprint)}</div></div>
-    </div>
+  // Identity section
+  if (identityRes.error) {
+    out += errorBlock('Agent Identity Unavailable', identityRes.error);
+  } else {
+    const i = identityRes.data;
+    out += \\\`
+      <div class="card">
+        <div class="card-header"><div class="card-title">\u{1F916} Agent Identity</div></div>
+        <div class="detail-row"><div class="detail-key">Agent ID</div><div class="detail-val mono" style="cursor:pointer" onclick="copyText('\${escHtml(i.agentId)}')">\${escHtml(i.agentId)} \u{1F4CB}</div></div>
+        <div class="detail-row"><div class="detail-key">Public Key Fingerprint</div><div class="detail-val mono">\${escHtml(i.publicKeyFingerprint)}</div></div>
+      </div>
+    \\\`;
+  }
 
-    <div class="card">
-      <div class="card-header"><div class="card-title">\u{1F4C1} Config File</div></div>
-      <div class="detail-row"><div class="detail-key">Source</div><div class="detail-val" style="cursor:pointer" onclick="copyText('\${escHtml(config.configPath || '')}')">\${escHtml(config.configPath || 'Not found')} \u{1F4CB}</div></div>
-      <div class="detail-row"><div class="detail-key">Config Size</div><div class="detail-val">\${config.configSize || 0} bytes</div></div>
-    </div>
+  // Config file section
+  if (configRes.error) {
+    out += errorBlock('Config File Not Found', configRes.error);
+  } else {
+    const c = configRes.data;
+    out += \\\`
+      <div class="card">
+        <div class="card-header"><div class="card-title">\u{1F4C1} Config File</div></div>
+        <div class="detail-row"><div class="detail-key">Source</div><div class="detail-val" style="cursor:pointer" onclick="copyText('\${escHtml(c.configPath || '')}')">\${escHtml(c.configPath || 'Not found')} \u{1F4CB}</div></div>
+        <div class="detail-row"><div class="detail-key">Config Size</div><div class="detail-val">\${c.configSize || 0} bytes</div></div>
+      </div>
+    \\\`;
+  }
 
-    <div class="card">
-      <div class="card-header"><div class="card-title">\u{1F4CA} Statistics</div></div>
-      <div class="detail-row"><div class="detail-key">Friends Count</div><div class="detail-val">\${status.friendCount || 0}</div></div>
-      <div class="detail-row"><div class="detail-key">Active Sessions</div><div class="detail-val">\${status.sessionCount || 0}</div></div>
-      <div class="detail-row"><div class="detail-key">Plugin Version</div><div class="detail-val">1.0.4</div></div>
-    </div>
-  \\\`);
+  // Statistics section
+  if (!statusRes.error) {
+    const s = statusRes.data;
+    out += \\\`
+      <div class="card">
+        <div class="card-header"><div class="card-title">\u{1F4CA} Statistics</div></div>
+        <div class="detail-row"><div class="detail-key">Friends Count</div><div class="detail-val">\${s.friendCount || 0}</div></div>
+        <div class="detail-row"><div class="detail-key">Active Sessions</div><div class="detail-val">\${s.sessionCount || 0}</div></div>
+        <div class="detail-row"><div class="detail-key">Plugin Version</div><div class="detail-val">\${escHtml(pluginRes.data?.version || 'unknown')}</div></div>
+      </div>
+    \\\`;
+  }
+
+  restEl.innerHTML = out;
+}
+
+async function checkForUpdates() {
+  const btn = $('#btn-check-update');
+  if (btn) { btn.disabled = true; btn.textContent = '\u{1F50D} Checking...'; }
+  toast('Checking for updates...', 'info');
+  const data = await api('/update/check', { _timeout: 15000 });
+  if (data.error) { toast('Check failed: ' + data.error, 'err'); }
+  else if (data.updateAvailable) { toast('New version available: v' + data.latestVersion, 'ok'); }
+  else { toast('Plugin is up to date (v' + data.currentVersion + ')', 'ok'); }
+  if (btn) { btn.disabled = false; btn.textContent = '\u{1F50D} Check for Updates'; }
+  loadSettings();
+}
+
+async function doUpdate(force) {
+  if (_updating) { toast('Update already in progress...', 'warn'); return; }
+  const label = force ? 'Force reinstall' : 'Incremental update';
+  if (!confirm(label + ' aicq-openclaw-plugin? This will download and install the latest version from npm.')) return;
+
+  _updating = true;
+  const btnDo = $('#btn-do-update');
+  const btnForce = $('#btn-force-update');
+  if (btnDo) btnDo.disabled = true;
+  if (btnForce) btnForce.disabled = true;
+
+  const outputEl = $('#update-output');
+  const logEl = $('#update-log');
+  if (outputEl) outputEl.style.display = 'block';
+  if (logEl) logEl.textContent = 'Starting ' + label.toLowerCase() + '...
+';
+  toast(label + ' starting...', 'info');
+
+  const r = await api('/update', {
+    method: 'POST',
+    body: JSON.stringify({ force }),
+    _timeout: 120000,
+  });
+
+  if (logEl) logEl.textContent = r.output || r.message || (r.success ? 'Done!' : 'Failed.');
+  if (r.success) {
+    toast('Update successful! Restart the service to apply.', 'ok');
+    if (logEl) logEl.textContent += '
+
+\u2705 ' + (r.message || 'Done! Please restart the service.');
+  } else {
+    toast('Update failed: ' + (r.message || 'Unknown error'), 'err');
+    if (logEl) logEl.textContent += '
+
+\u274C ' + (r.message || 'Failed.');
+  }
+
+  _updating = false;
+  if (btnDo) btnDo.disabled = false;
+  if (btnForce) btnForce.disabled = false;
+  loadSettings();
 }
 
 // \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550
@@ -10725,7 +10925,7 @@ var HTML = `<!DOCTYPE html>
     <div class="main-content">
 
       <!-- Dashboard -->
-      <div class="page active" id="page-dashboard"><div id="dashboard-content"><div class="loading-mask"><div class="spinner"></div>Loading...</div></div></div>
+      <div class="page active" id="page-dashboard"><div id="dashboard-content"></div></div>
 
       <!-- Agents -->
       <div class="page" id="page-agents"><div id="agents-content"></div></div>
@@ -10830,6 +11030,7 @@ function getManagementHTML() {
 import * as fs5 from "fs";
 import * as path5 from "path";
 import * as os from "os";
+import { execSync, exec } from "child_process";
 var MODEL_PROVIDERS = [
   { id: "openai", name: "OpenAI", description: "GPT-4o, GPT-4, GPT-3.5, o1, o3", apiKeyHint: "sk-...", modelHint: "gpt-4o", baseUrlHint: "https://api.openai.com/v1", configKey: "openai" },
   { id: "anthropic", name: "Anthropic", description: "Claude 4, Claude 3.5 Sonnet, Haiku, Opus", apiKeyHint: "sk-ant-...", modelHint: "claude-sonnet-4-20250514", baseUrlHint: "https://api.anthropic.com", configKey: "anthropic" },
@@ -11314,6 +11515,146 @@ function createManagementHandler(ctx) {
         logger.info("[API] Model config saved for provider: " + providerId);
         return json(res, { success: true, message: "Model configuration saved for " + provider.name });
       }
+      if (apiPath === "/update/check" && method === "GET") {
+        try {
+          const pkgPath = path5.join(__dirname, "..", "package.json");
+          let currentVersion = "unknown";
+          try {
+            const pkgRaw = fs5.readFileSync(pkgPath, "utf-8");
+            const pkg = JSON.parse(pkgRaw);
+            currentVersion = pkg.version || "unknown";
+          } catch {
+          }
+          if (currentVersion === "unknown") {
+            const altPkgPath = path5.join(process.cwd(), "plugin", "package.json");
+            try {
+              const pkg = JSON.parse(fs5.readFileSync(altPkgPath, "utf-8"));
+              currentVersion = pkg.version || "unknown";
+            } catch {
+            }
+          }
+          let latestVersion = currentVersion;
+          let updateAvailable = false;
+          try {
+            const npmView = execSync("npm view aicq-openclaw-plugin version --registry https://registry.npmjs.org 2>/dev/null", {
+              timeout: 15e3,
+              encoding: "utf-8"
+            }).trim();
+            if (npmView) {
+              latestVersion = npmView.replace(/^\^|~|\s+.*$/g, "").trim();
+              updateAvailable = latestVersion !== currentVersion;
+            }
+          } catch (npmErr) {
+            logger.warn("[API] npm view failed: " + (npmErr instanceof Error ? npmErr.message : String(npmErr)));
+          }
+          return json(res, {
+            currentVersion,
+            latestVersion,
+            updateAvailable,
+            packageName: "aicq-openclaw-plugin"
+          });
+        } catch (err) {
+          const msg = err instanceof Error ? err.message : String(err);
+          return json(res, { error: "Failed to check for updates: " + msg }, 500);
+        }
+      }
+      if (apiPath === "/update" && method === "POST") {
+        const body = await readBody(req);
+        const force = body.force;
+        try {
+          logger.info("[API] Starting npm update for aicq-openclaw-plugin...");
+          const pluginDir = __dirname;
+          let npmRoot = pluginDir;
+          for (let i = 0; i < 5; i++) {
+            if (npmRoot.endsWith("node_modules"))
+              break;
+            npmRoot = path5.dirname(npmRoot);
+          }
+          const parentDir = path5.dirname(npmRoot);
+          let installDir = parentDir;
+          const candidates = [
+            parentDir,
+            path5.join(os.homedir(), ".openclaw", "plugins"),
+            path5.join(os.homedir(), ".config", "openclaw", "plugins")
+          ];
+          let updateCmd;
+          if (force) {
+            updateCmd = `npm install aicq-openclaw-plugin@latest --dangerously-force-unsafe-install --registry https://registry.npmjs.org`;
+          } else {
+            updateCmd = `npm update aicq-openclaw-plugin --dangerously-force-unsafe-install --registry https://registry.npmjs.org`;
+          }
+          let installPath = parentDir;
+          try {
+            const pkgJsonPath = path5.join(pluginDir, "package.json");
+            const realPkgDir = fs5.realpathSync(path5.dirname(pkgJsonPath));
+            if (realPkgDir.includes("node_modules")) {
+              const nmIdx = realPkgDir.lastIndexOf("node_modules");
+              installPath = realPkgDir.substring(0, nmIdx + 13);
+            }
+          } catch {
+          }
+          logger.info("[API] Running: " + updateCmd + " in " + installPath);
+          const result = await new Promise((resolve3) => {
+            const child = exec(updateCmd, {
+              cwd: installPath,
+              timeout: 12e4,
+              encoding: "utf-8",
+              env: { ...process.env, NODE_NO_WARNINGS: "1" }
+            }, (error, stdout, stderr) => {
+              if (error) {
+                resolve3("ERROR: " + (error.message || String(error)) + "\n\n" + (stderr || ""));
+              } else {
+                resolve3(stdout || stderr || "Update completed (no output)");
+              }
+            });
+            child.stdout?.on("data", (d) => {
+            });
+            child.stderr?.on("data", (d) => {
+            });
+          });
+          let newVersion = "unknown";
+          try {
+            const pkgRaw = fs5.readFileSync(path5.join(__dirname, "..", "package.json"), "utf-8");
+            newVersion = JSON.parse(pkgRaw).version || "unknown";
+          } catch {
+          }
+          const success = !result.startsWith("ERROR");
+          logger.info("[API] Update " + (success ? "succeeded" : "failed") + ": " + result.substring(0, 200));
+          return json(res, {
+            success,
+            message: success ? "Plugin updated successfully! Restart the service to apply changes." : "Update failed.",
+            output: result.substring(0, 2e3),
+            newVersion,
+            needsRestart: success
+          });
+        } catch (err) {
+          const msg = err instanceof Error ? err.message : String(err);
+          logger.error("[API] Update error: " + msg);
+          return json(res, { success: false, message: "Update failed: " + msg }, 500);
+        }
+      }
+      if (apiPath === "/plugin-info" && method === "GET") {
+        let pkgVersion = "unknown";
+        try {
+          const pkgPath = path5.join(__dirname, "..", "package.json");
+          const pkg = JSON.parse(fs5.readFileSync(pkgPath, "utf-8"));
+          pkgVersion = pkg.version || "unknown";
+        } catch {
+          const altPkgPath = path5.join(process.cwd(), "plugin", "package.json");
+          try {
+            pkgVersion = JSON.parse(fs5.readFileSync(altPkgPath, "utf-8")).version || "unknown";
+          } catch {
+          }
+        }
+        return json(res, {
+          version: pkgVersion,
+          name: "aicq-openclaw-plugin",
+          uptime: process.uptime(),
+          nodeVersion: process.version,
+          platform: process.platform,
+          pid: process.pid
+        });
+      }
       res.writeHead(404, { "Content-Type": "application/json" });
       res.end(JSON.stringify({ error: "Not found: " + apiPath }));
     } catch (err) {

package/openclaw.plugin.json

@@ -1,7 +1,7 @@
 {
   "id": "aicq-chat",
   "name": "AICQ Encrypted Chat",
-  "version": "1.0.4",
+  "version": "1.0.7",
   "description": "End-to-end encrypted chat plugin supporting AI-AI, Human-AI communication with P2P messaging via Noise-XK handshake, Ed25519/X25519/AES-256-GCM encryption",
   "enabledByDefault": false,
   "channels": ["encrypted-chat"],

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "aicq-openclaw-plugin",
-  "version": "1.0.5",
+  "version": "1.0.7",
   "description": "AICQ OpenClaw plugin - end-to-end encrypted P2P chat for AI agents",
   "main": "dist/index.js",
   "type": "module",