aicq-openclaw-plugin 1.2.1 → 1.4.0

package/dist/index.js

@@ -105,7 +105,7 @@ var require_main = __commonJS({
     var fs6 = __require("fs");
     var path7 = __require("path");
     var os2 = __require("os");
-    var crypto6 = __require("crypto");
+    var crypto7 = __require("crypto");
     var packageJson = require_package();
     var version = packageJson.version;
     var LINE = /(?:^|^)\s*(?:export\s+)?([\w.-]+)(?:\s*=\s*?|:\s+?)(\s*'(?:\\'|[^'])*'|\s*"(?:\\"|[^"])*"|\s*`(?:\\`|[^`])*`|[^#\r\n]+)?\s*(?:#.*)?(?:$|$)/mg;
@@ -324,7 +324,7 @@ var require_main = __commonJS({
       const authTag = ciphertext.subarray(-16);
       ciphertext = ciphertext.subarray(12, -16);
       try {
-        const aesgcm = crypto6.createDecipheriv("aes-256-gcm", key, nonce);
+        const aesgcm = crypto7.createDecipheriv("aes-256-gcm", key, nonce);
         aesgcm.setAuthTag(authTag);
         return `${aesgcm.update(ciphertext)}${aesgcm.final()}`;
       } catch (error) {
@@ -7120,22 +7120,22 @@ var require_nacl_fast = __commonJS({
         randombytes = fn;
       };
       (function() {
-        var crypto6 = typeof self !== "undefined" ? self.crypto || self.msCrypto : null;
-        if (crypto6 && crypto6.getRandomValues) {
+        var crypto7 = typeof self !== "undefined" ? self.crypto || self.msCrypto : null;
+        if (crypto7 && crypto7.getRandomValues) {
           var QUOTA = 65536;
           nacl3.setPRNG(function(x, n) {
             var i, v = new Uint8Array(n);
             for (i = 0; i < n; i += QUOTA) {
-              crypto6.getRandomValues(v.subarray(i, i + Math.min(n - i, QUOTA)));
+              crypto7.getRandomValues(v.subarray(i, i + Math.min(n - i, QUOTA)));
             }
             for (i = 0; i < n; i++) x[i] = v[i];
             cleanup(v);
           });
         } else if (typeof __require !== "undefined") {
-          crypto6 = __require("crypto");
-          if (crypto6 && crypto6.randomBytes) {
+          crypto7 = __require("crypto");
+          if (crypto7 && crypto7.randomBytes) {
             nacl3.setPRNG(function(x, n) {
-              var i, v = crypto6.randomBytes(n);
+              var i, v = crypto7.randomBytes(n);
               for (i = 0; i < n; i++) x[i] = v[i];
               cleanup(v);
             });
@@ -7212,9 +7212,9 @@ var require_nacl_util = __commonJS({
   }
 });
 
-// node_modules/@aicq/crypto/dist/nacl.js
+// ../shared/crypto/dist/nacl.js
 var require_nacl = __commonJS({
-  "node_modules/@aicq/crypto/dist/nacl.js"(exports) {
+  "../shared/crypto/dist/nacl.js"(exports) {
     "use strict";
     var __importDefault = exports && exports.__importDefault || function(mod) {
       return mod && mod.__esModule ? mod : { "default": mod };
@@ -7231,9 +7231,9 @@ var require_nacl = __commonJS({
   }
 });
 
-// node_modules/@aicq/crypto/dist/keygen.js
+// ../shared/crypto/dist/keygen.js
 var require_keygen = __commonJS({
-  "node_modules/@aicq/crypto/dist/keygen.js"(exports) {
+  "../shared/crypto/dist/keygen.js"(exports) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.generateSigningKeyPair = generateSigningKeyPair2;
@@ -7272,9 +7272,9 @@ var require_keygen = __commonJS({
   }
 });
 
-// node_modules/@aicq/crypto/dist/signer.js
+// ../shared/crypto/dist/signer.js
 var require_signer = __commonJS({
-  "node_modules/@aicq/crypto/dist/signer.js"(exports) {
+  "../shared/crypto/dist/signer.js"(exports) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.sign = sign;
@@ -7289,9 +7289,9 @@ var require_signer = __commonJS({
   }
 });
 
-// node_modules/@aicq/crypto/dist/keyExchange.js
+// ../shared/crypto/dist/keyExchange.js
 var require_keyExchange = __commonJS({
-  "node_modules/@aicq/crypto/dist/keyExchange.js"(exports) {
+  "../shared/crypto/dist/keyExchange.js"(exports) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.computeSharedSecret = computeSharedSecret2;
@@ -7342,9 +7342,9 @@ var require_keyExchange = __commonJS({
   }
 });
 
-// node_modules/@aicq/crypto/dist/cipher.js
+// ../shared/crypto/dist/cipher.js
 var require_cipher = __commonJS({
-  "node_modules/@aicq/crypto/dist/cipher.js"(exports) {
+  "../shared/crypto/dist/cipher.js"(exports) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.generateNonce = generateNonce;
@@ -7368,9 +7368,9 @@ var require_cipher = __commonJS({
   }
 });
 
-// node_modules/@aicq/crypto/dist/message.js
+// ../shared/crypto/dist/message.js
 var require_message = __commonJS({
-  "node_modules/@aicq/crypto/dist/message.js"(exports) {
+  "../shared/crypto/dist/message.js"(exports) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.createMessage = createMessage;
@@ -7484,9 +7484,9 @@ var require_message = __commonJS({
   }
 });
 
-// node_modules/@aicq/crypto/dist/password.js
+// ../shared/crypto/dist/password.js
 var require_password = __commonJS({
-  "node_modules/@aicq/crypto/dist/password.js"(exports) {
+  "../shared/crypto/dist/password.js"(exports) {
     "use strict";
     var __createBinding = exports && exports.__createBinding || (Object.create ? (function(o, m, k, k2) {
       if (k2 === void 0) k2 = k;
@@ -7529,11 +7529,11 @@ var require_password = __commonJS({
     exports.deriveKeyFromPassword = deriveKeyFromPassword;
     exports.encryptWithPassword = encryptWithPassword2;
     exports.decryptWithPassword = decryptWithPassword2;
-    var crypto6 = __importStar(__require("crypto"));
+    var crypto7 = __importStar(__require("crypto"));
     var nacl_js_1 = require_nacl();
     var cipher_js_1 = require_cipher();
     function deriveKeyFromPassword(password, salt, iterations = 1e5, keyLength = 32) {
-      return Uint8Array.from(crypto6.pbkdf2Sync(password, salt, iterations, keyLength, "sha512"));
+      return Uint8Array.from(crypto7.pbkdf2Sync(password, salt, iterations, keyLength, "sha512"));
     }
     function deriveKeyLegacy(password, salt, iterations = 1e5) {
       const encoder = new TextEncoder();
@@ -7564,9 +7564,9 @@ var require_password = __commonJS({
   }
 });
 
-// node_modules/@aicq/crypto/dist/handshake.js
+// ../shared/crypto/dist/handshake.js
 var require_handshake = __commonJS({
-  "node_modules/@aicq/crypto/dist/handshake.js"(exports) {
+  "../shared/crypto/dist/handshake.js"(exports) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.createHandshakeRequest = createHandshakeRequest2;
@@ -7675,9 +7675,9 @@ var require_handshake = __commonJS({
   }
 });
 
-// node_modules/@aicq/crypto/dist/index.js
+// ../shared/crypto/dist/index.js
 var require_dist = __commonJS({
-  "node_modules/@aicq/crypto/dist/index.js"(exports) {
+  "../shared/crypto/dist/index.js"(exports) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.completeHandshake = exports.createHandshakeResponse = exports.createHandshakeRequest = exports.decryptWithPassword = exports.encryptWithPassword = exports.decryptMessage = exports.encryptMessage = exports.parseMessage = exports.createMessage = exports.generateNonce = exports.decrypt = exports.encrypt = exports.deriveSessionKey = exports.computeSharedSecret = exports.verify = exports.sign = exports.getPublicKeyFingerprint = exports.deriveX25519FromEd25519 = exports.generateKeyExchangeKeyPair = exports.generateSigningKeyPair = exports.encodeBase64 = exports.decodeBase64 = exports.encodeUTF8 = exports.decodeUTF8 = exports.nacl = void 0;
@@ -7779,12 +7779,12 @@ import * as fs from "fs";
 import * as path from "path";
 
 // node_modules/uuid/dist/esm-node/rng.js
-import crypto from "crypto";
+import crypto2 from "crypto";
 var rnds8Pool = new Uint8Array(256);
 var poolPtr = rnds8Pool.length;
 function rng() {
   if (poolPtr > rnds8Pool.length - 16) {
-    crypto.randomFillSync(rnds8Pool);
+    crypto2.randomFillSync(rnds8Pool);
     poolPtr = 0;
   }
   return rnds8Pool.slice(poolPtr, poolPtr += 16);
@@ -7800,9 +7800,9 @@ function unsafeStringify(arr, offset = 0) {
 }
 
 // node_modules/uuid/dist/esm-node/native.js
-import crypto2 from "crypto";
+import crypto3 from "crypto";
 var native_default = {
-  randomUUID: crypto2.randomUUID
+  randomUUID: crypto3.randomUUID
 };
 
 // node_modules/uuid/dist/esm-node/v4.js
@@ -7863,7 +7863,7 @@ function generateAgentId() {
 // dist/store.js
 import * as fs2 from "fs";
 import * as path2 from "path";
-import * as crypto3 from "crypto";
+import * as crypto4 from "crypto";
 function encodeBuffer(buf) {
   return Buffer.from(buf).toString("base64");
 }
@@ -7871,11 +7871,11 @@ function decodeBuffer(b64) {
   return new Uint8Array(Buffer.from(b64, "base64"));
 }
 function deriveEncryptionKey(nodeId, salt) {
-  return Uint8Array.from(crypto3.pbkdf2Sync(nodeId, salt, 1e5, 32, "sha512"));
+  return Uint8Array.from(crypto4.pbkdf2Sync(nodeId, salt, 1e5, 32, "sha512"));
 }
 function aes256GcmEncrypt(plaintext, key) {
-  const iv = crypto3.randomBytes(12);
-  const cipher = crypto3.createCipheriv("aes-256-gcm", key, iv);
+  const iv = crypto4.randomBytes(12);
+  const cipher = crypto4.createCipheriv("aes-256-gcm", key, iv);
   const encrypted = Buffer.concat([
     cipher.update(plaintext),
     cipher.final()
@@ -7892,7 +7892,7 @@ function aes256GcmDecrypt(packedBase64, key) {
     const iv = packed.subarray(0, 12);
     const authTag = packed.subarray(packed.length - 16);
     const ciphertext = packed.subarray(12, packed.length - 16);
-    const decipher = crypto3.createDecipheriv("aes-256-gcm", key, iv);
+    const decipher = crypto4.createDecipheriv("aes-256-gcm", key, iv);
     decipher.setAuthTag(authTag);
     const decrypted = Buffer.concat([
       decipher.update(ciphertext),
@@ -7913,9 +7913,13 @@ var PluginStore = class {
     this.tempNumbers = [];
     this.pendingRequests = [];
     this.pendingHandshakes = /* @__PURE__ */ new Map();
+    this.offlineMessages = [];
     this.dataDir = "";
     this.storePath = "";
-    this.encryptionSalt = crypto3.randomBytes(16);
+    this.encryptionSalt = crypto4.randomBytes(16);
+    this.saveTimer = null;
+    this.saveDebounceMs = 1e3;
+    this.dirty = false;
   }
   /**
    * Set the data directory for persistence.
@@ -7934,12 +7938,38 @@ var PluginStore = class {
     return deriveEncryptionKey(this.agentId || "default-aicq-node", this.encryptionSalt);
   }
   /**
-   * Save the current state to disk.
+   * Mark the store as dirty and schedule a debounced save.
+   * For operations that need immediate persistence (e.g., new keys), use saveNow().
+   */
+  markDirty() {
+    this.dirty = true;
+    if (!this.saveTimer) {
+      this.saveTimer = setTimeout(() => {
+        this.saveTimer = null;
+        this.flushSave();
+      }, this.saveDebounceMs);
+    }
+  }
+  /**
+   * Save the current state to disk immediately (atomic write).
    *
-   * Secret keys are encrypted at rest using AES-256-GCM with a key
-   * derived from the node ID and a stored random salt.
+   * Uses write-to-temp + rename for crash safety. Secret keys are encrypted
+   * at rest using AES-256-GCM with a key derived from the node ID and salt.
    */
-  save() {
+  saveNow() {
+    if (this.saveTimer) {
+      clearTimeout(this.saveTimer);
+      this.saveTimer = null;
+    }
+    this.flushSave();
+  }
+  /**
+   * Internal save implementation — writes atomically via temp file + rename.
+   */
+  flushSave() {
+    if (!this.dirty && this.saveTimer === null)
+      return;
+    this.dirty = false;
     if (!this.storePath)
       return;
     const encKey = this.getEncryptionKey();
@@ -7980,25 +8010,43 @@ var PluginStore = class {
         requesterId: p.requesterId,
         tempNumber: p.tempNumber,
         timestamp: p.timestamp.toISOString()
-      }))
+      })),
+      offlineMessages: this.offlineMessages
     };
     try {
-      fs2.writeFileSync(this.storePath, JSON.stringify(serialized, null, 2), "utf-8");
+      const tmpPath = this.storePath + ".tmp";
+      const jsonStr = JSON.stringify(serialized, null, 2);
+      fs2.writeFileSync(tmpPath, jsonStr, "utf-8");
+      fs2.renameSync(tmpPath, this.storePath);
     } catch (err) {
       console.error("[PluginStore] Failed to save state:", err);
     }
   }
+  /**
+   * @deprecated Use markDirty() or saveNow() for better performance.
+   * Kept for backward compatibility — performs immediate save.
+   */
+  save() {
+    this.saveNow();
+  }
   /**
    * Load state from disk, if available.
    *
    * Decrypts secret keys using AES-256-GCM with the stored salt and
-   * node ID.  Falls back to plaintext if the data was stored before
+   * node ID. Falls back to plaintext if the data was stored before
    * encryption was added (backward compatibility).
    */
   load() {
     if (!this.storePath || !fs2.existsSync(this.storePath)) {
       return false;
     }
+    const tmpPath = this.storePath + ".tmp";
+    if (!fs2.existsSync(this.storePath) && fs2.existsSync(tmpPath)) {
+      try {
+        fs2.renameSync(tmpPath, this.storePath);
+      } catch {
+      }
+    }
     try {
       const raw = fs2.readFileSync(this.storePath, "utf-8");
       const data = JSON.parse(raw);
@@ -8061,18 +8109,101 @@ var PluginStore = class {
         tempNumber: p.tempNumber,
         timestamp: new Date(p.timestamp)
       }));
+      this.offlineMessages = (data.offlineMessages || []).map((m) => ({
+        id: m.id,
+        targetId: m.targetId,
+        encryptedData: m.encryptedData,
+        timestamp: m.timestamp,
+        retryCount: m.retryCount || 0,
+        maxRetries: m.maxRetries || 10
+      }));
+      if (fs2.existsSync(tmpPath)) {
+        try {
+          fs2.unlinkSync(tmpPath);
+        } catch {
+        }
+      }
       return true;
     } catch (err) {
       console.error("[PluginStore] Failed to load state:", err);
+      if (fs2.existsSync(tmpPath)) {
+        console.info("[PluginStore] Attempting recovery from temp file...");
+        try {
+          fs2.renameSync(tmpPath, this.storePath);
+          return this.load();
+        } catch {
+          console.error("[PluginStore] Recovery from temp file failed");
+        }
+      }
       return false;
     }
   }
+  // ----------------------------------------------------------------
+  //  Offline message queue
+  // ----------------------------------------------------------------
+  /**
+   * Add a message to the offline queue for later delivery.
+   */
+  enqueueOfflineMessage(targetId, encryptedData) {
+    const msg = {
+      id: v4_default(),
+      targetId,
+      encryptedData,
+      timestamp: Date.now(),
+      retryCount: 0,
+      maxRetries: 10
+    };
+    this.offlineMessages.push(msg);
+    this.markDirty();
+    return msg;
+  }
+  /**
+   * Dequeue the next pending offline message.
+   */
+  dequeueOfflineMessage() {
+    return this.offlineMessages.shift();
+  }
+  /**
+   * Get the number of pending offline messages.
+   */
+  getOfflineMessageCount() {
+    return this.offlineMessages.length;
+  }
+  /**
+   * Peek at the offline message queue without removing.
+   */
+  peekOfflineMessages() {
+    return [...this.offlineMessages];
+  }
+  /**
+   * Clear all pending offline messages.
+   */
+  clearOfflineMessages() {
+    this.offlineMessages = [];
+    this.markDirty();
+  }
+  /**
+   * Remove expired offline messages (older than 24 hours).
+   */
+  cleanupExpiredOfflineMessages() {
+    const now = Date.now();
+    const threshold = 24 * 60 * 60 * 1e3;
+    const before = this.offlineMessages.length;
+    this.offlineMessages = this.offlineMessages.filter((m) => now - m.timestamp < threshold);
+    if (this.offlineMessages.length !== before) {
+      this.markDirty();
+    }
+    return before - this.offlineMessages.length;
+  }
+  // ----------------------------------------------------------------
+  //  Friend management
+  // ----------------------------------------------------------------
   /**
    * Add a friend record.
    */
   addFriend(friend) {
     this.friends.set(friend.id, friend);
-    this.save();
+    this.markDirty();
   }
   /**
    * Remove a friend by ID and clean up associated session.
@@ -8081,7 +8212,7 @@ var PluginStore = class {
     const removed = this.friends.delete(friendId);
     if (removed) {
       this.sessions.delete(friendId);
-      this.save();
+      this.markDirty();
     }
     return removed;
   }
@@ -8097,6 +8228,9 @@ var PluginStore = class {
   getFriendCount() {
     return this.friends.size;
   }
+  // ----------------------------------------------------------------
+  //  Session management
+  // ----------------------------------------------------------------
   /**
    * Set a session for a peer.
    */
@@ -8106,7 +8240,7 @@ var PluginStore = class {
     if (friend) {
       friend.sessionKey = session.sessionKey;
     }
-    this.save();
+    this.saveNow();
   }
   /**
    * Get a session by peer ID.
@@ -8120,12 +8254,15 @@ var PluginStore = class {
   removeSession(peerId) {
     return this.sessions.delete(peerId);
   }
+  // ----------------------------------------------------------------
+  //  Temp number management
+  // ----------------------------------------------------------------
   /**
    * Add a temp number record.
    */
   addTempNumber(number, expiresAt) {
     this.tempNumbers.push({ number, expiresAt });
-    this.save();
+    this.markDirty();
   }
   /**
    * Revoke (remove) a temp number.
@@ -8134,7 +8271,7 @@ var PluginStore = class {
     const idx = this.tempNumbers.findIndex((t) => t.number === number);
     if (idx !== -1) {
       this.tempNumbers.splice(idx, 1);
-      this.save();
+      this.markDirty();
       return true;
     }
     return false;
@@ -8147,15 +8284,18 @@ var PluginStore = class {
     const before = this.tempNumbers.length;
     this.tempNumbers = this.tempNumbers.filter((t) => t.expiresAt > now);
     if (this.tempNumbers.length !== before) {
-      this.save();
+      this.markDirty();
     }
   }
+  // ----------------------------------------------------------------
+  //  Pending friend requests
+  // ----------------------------------------------------------------
   /**
    * Add a pending friend request.
    */
   addPendingRequest(request) {
     this.pendingRequests.push(request);
-    this.save();
+    this.markDirty();
   }
   /**
    * Remove a pending friend request.
@@ -8164,11 +8304,14 @@ var PluginStore = class {
     const idx = this.pendingRequests.findIndex((p) => p.requesterId === requesterId);
     if (idx !== -1) {
       this.pendingRequests.splice(idx, 1);
-      this.save();
+      this.markDirty();
       return true;
     }
     return false;
   }
+  // ----------------------------------------------------------------
+  //  Handshake state
+  // ----------------------------------------------------------------
   /**
    * Set a pending handshake state.
    */
@@ -8192,7 +8335,7 @@ var PluginStore = class {
 // dist/services/identityService.js
 var import_qrcode = __toESM(require_lib(), 1);
 var import_crypto3 = __toESM(require_dist(), 1);
-import * as crypto4 from "crypto";
+import * as crypto5 from "crypto";
 var IdentityService = class {
   constructor(store, logger) {
     this.exportTimers = /* @__PURE__ */ new Map();
@@ -8247,7 +8390,7 @@ var IdentityService = class {
    * @returns QR code data URL (string starting with "data:image/png;base64,")
    */
   async exportPrivateKeyQR(password) {
-    const exportToken = crypto4.randomBytes(32).toString("hex");
+    const exportToken = crypto5.randomBytes(32).toString("hex");
     const exportPayload = {
       a: this.store.agentId,
       pk: (0, import_crypto3.encodeBase64)(this.store.identityKeys.publicKey),
@@ -8365,38 +8508,161 @@ var IdentityService = class {
 
 // dist/services/serverClient.js
 import WebSocket from "ws";
+var DEFAULT_CONFIG = {
+  initialReconnectDelay: 1e3,
+  maxReconnectDelay: 6e4,
+  reconnectBackoffFactor: 2,
+  heartbeatIntervalMs: 3e4,
+  requestTimeoutMs: 3e4,
+  initialRetryWindowMs: 6e4,
+  hourlyCheckIntervalMs: 36e5
+};
 var ServerClient = class {
-  constructor(serverUrl, store, logger) {
+  constructor(serverUrl, store, logger, config2) {
+    this.authToken = "";
     this.ws = null;
     this.wsReconnectTimer = null;
     this.heartbeatTimer = null;
     this.wsConnected = false;
+    this.connectionState = "offline";
+    this.reconnectDelay = DEFAULT_CONFIG.initialReconnectDelay;
+    this.reconnectAttempts = 0;
+    this.connectStartTimestamp = 0;
+    this.hourlyCheckMode = false;
+    this.hourlyCheckTimer = null;
+    this.stateChangeCallbacks = [];
     this.wsHandlers = /* @__PURE__ */ new Map();
     this.serverUrl = serverUrl;
     this.store = store;
     this.logger = logger;
+    this.config = { ...DEFAULT_CONFIG, ...config2 };
+  }
+  /**
+   * Check whether the initial retry window has elapsed.
+   */
+  isInitialRetryWindowExpired() {
+    if (this.connectStartTimestamp === 0)
+      return false;
+    return Date.now() - this.connectStartTimestamp >= this.config.initialRetryWindowMs;
+  }
+  /**
+   * Set the JWT auth token for all subsequent requests.
+   */
+  setAuthToken(token) {
+    this.authToken = token;
+    this.logger.info("[Server] Auth token set (" + token.substring(0, 12) + "...)");
+  }
+  /**
+   * Get the current auth token.
+   */
+  getAuthToken() {
+    return this.authToken;
+  }
+  /**
+   * Build common headers including Authorization when token is available.
+   */
+  authHeaders() {
+    const headers = { "Content-Type": "application/json" };
+    if (this.authToken) {
+      headers["Authorization"] = "Bearer " + this.authToken;
+    }
+    return headers;
+  }
+  // ----------------------------------------------------------------
+  //  Connection state management
+  // ----------------------------------------------------------------
+  /**
+   * Get the current connection state.
+   */
+  getConnectionState() {
+    return this.connectionState;
+  }
+  /**
+   * Register a callback for connection state changes.
+   */
+  onConnectionStateChange(callback) {
+    this.stateChangeCallbacks.push(callback);
+  }
+  /**
+   * Remove a connection state callback.
+   */
+  offConnectionStateChange(callback) {
+    this.stateChangeCallbacks = this.stateChangeCallbacks.filter((cb) => cb !== callback);
+  }
+  /**
+   * Update connection state and notify listeners.
+   */
+  setConnectionState(newState) {
+    const previousState = this.connectionState;
+    if (previousState === newState)
+      return;
+    this.connectionState = newState;
+    this.logger.info(`[Server] Connection state: ${previousState} \u2192 ${newState}`);
+    for (const callback of this.stateChangeCallbacks) {
+      try {
+        callback(newState, previousState);
+      } catch (err) {
+        this.logger.error("[Server] Connection state callback error:", err);
+      }
+    }
   }
   // ----------------------------------------------------------------
   //  WebSocket connection
   // ----------------------------------------------------------------
   /**
    * Connect to the server via WebSocket and start heartbeat.
+   * Strategy: retry aggressively for `initialRetryWindowMs` (default 1 minute),
+   * then stop and switch to hourly checks.
    */
   connectWebSocket() {
-    const baseUrl = this.serverUrl.replace(/^http/, "ws");
-    const url = new URL(baseUrl + "/ws");
-    url.port = "443";
-    url.protocol = "wss:";
-    const wsUrl = url.toString();
+    if (this.ws && (this.ws.readyState === WebSocket.OPEN || this.ws.readyState === WebSocket.CONNECTING)) {
+      this.logger.debug("[Server] WebSocket already connecting/connected");
+      return;
+    }
+    if (this.connectStartTimestamp === 0 && !this.hourlyCheckMode) {
+      this.connectStartTimestamp = Date.now();
+    }
+    let wsUrl;
+    try {
+      const baseUrl = this.serverUrl.replace(/^http/, "ws");
+      const url = new URL(baseUrl + "/ws");
+      url.port = "443";
+      url.protocol = "wss:";
+      wsUrl = url.toString();
+    } catch {
+      wsUrl = this.serverUrl.replace(/^https?/, "wss") + "/ws";
+    }
     this.logger.info("[Server] Connecting WebSocket to " + wsUrl);
-    this.ws = new WebSocket(wsUrl);
+    this.setConnectionState("reconnecting");
+    try {
+      this.ws = new WebSocket(wsUrl);
+    } catch (err) {
+      this.logger.error("[Server] Failed to create WebSocket:", err);
+      this.setConnectionState("offline");
+      this.scheduleReconnect();
+      return;
+    }
+    const connectTimeout = setTimeout(() => {
+      if (this.ws && this.ws.readyState !== WebSocket.OPEN) {
+        this.logger.warn("[Server] WebSocket connection timeout");
+        this.ws.terminate();
+      }
+    }, this.config.requestTimeoutMs);
     this.ws.on("open", () => {
+      clearTimeout(connectTimeout);
       this.wsConnected = true;
+      this.reconnectDelay = this.config.initialReconnectDelay;
+      this.reconnectAttempts = 0;
+      this.connectStartTimestamp = 0;
+      this.hourlyCheckMode = false;
+      this.cancelHourlyCheck();
+      this.setConnectionState("online");
       this.logger.info("[Server] WebSocket connected");
       this.wsSend({
         type: "online",
         nodeId: this.store.agentId,
-        publicKey: Buffer.from(this.store.identityKeys.publicKey).toString("base64")
+        publicKey: Buffer.from(this.store.identityKeys.publicKey).toString("base64"),
+        ...this.authToken ? { token: this.authToken } : {}
       });
       this.startHeartbeat();
     });
@@ -8409,29 +8675,31 @@ var ServerClient = class {
       }
     });
     this.ws.on("close", (code, reason) => {
+      clearTimeout(connectTimeout);
       this.wsConnected = false;
       this.logger.info("[Server] WebSocket closed:", code, reason.toString());
       this.stopHeartbeat();
+      this.setConnectionState("offline");
       this.scheduleReconnect();
     });
     this.ws.on("error", (err) => {
+      clearTimeout(connectTimeout);
       this.logger.error("[Server] WebSocket error:", err.message);
     });
   }
   /**
-   * Disconnect the WebSocket.
+   * Disconnect the WebSocket and stop all reconnection attempts.
    */
   disconnectWebSocket() {
     this.stopHeartbeat();
-    if (this.wsReconnectTimer) {
-      clearTimeout(this.wsReconnectTimer);
-      this.wsReconnectTimer = null;
-    }
+    this.cancelReconnect();
     if (this.ws) {
       this.ws.close();
       this.ws = null;
     }
     this.wsConnected = false;
+    this.connectStartTimestamp = 0;
+    this.setConnectionState("offline");
   }
   /**
    * Check if the WebSocket is connected.
@@ -8449,25 +8717,114 @@ var ServerClient = class {
   }
   /**
    * Send a JSON message over the WebSocket.
+   * Returns true if the message was sent, false if offline.
    */
   wsSend(data) {
     if (this.ws && this.ws.readyState === WebSocket.OPEN) {
       this.ws.send(JSON.stringify(data));
-    } else {
-      this.logger.warn("[Server] Cannot send \u2014 WebSocket not open");
+      return true;
     }
+    this.logger.warn("[Server] Cannot send \u2014 WebSocket not open");
+    return false;
+  }
+  // ----------------------------------------------------------------
+  //  Reconnection: try for 1 min, then hourly
+  // ----------------------------------------------------------------
+  /**
+   * Schedule a reconnection attempt.
+   *
+   * Phase 1 (initial retry window, default 1 minute):
+   *   Retries with exponential backoff (1s → 2s → 4s → ... → 60s max).
+   *   Once the window expires, stops retrying and switches to hourly checks.
+   *
+   * Phase 2 (hourly check mode):
+   *   After the initial burst fails, sets up a timer that retries once
+   *   every hour. If a retry succeeds, hourly mode is cancelled and
+   *   normal operation resumes.
+   */
+  scheduleReconnect() {
+    if (this.hourlyCheckMode) {
+      this.logger.info("[Server] Hourly check mode active \u2014 next attempt scheduled automatically");
+      return;
+    }
+    if (this.isInitialRetryWindowExpired()) {
+      this.logger.warn(`[Server] Initial retry window (${this.config.initialRetryWindowMs / 1e3}s) expired after ${this.reconnectAttempts} attempts. Switching to hourly check mode.`);
+      this.enterHourlyCheckMode();
+      return;
+    }
+    if (this.wsReconnectTimer)
+      return;
+    const jitter = 0.75 + Math.random() * 0.5;
+    const delay = Math.min(this.reconnectDelay * jitter, this.config.maxReconnectDelay);
+    this.reconnectAttempts++;
+    this.logger.info(`[Server] Reconnecting in ${Math.round(delay)}ms (attempt #${this.reconnectAttempts})`);
+    this.setConnectionState("reconnecting");
+    this.wsReconnectTimer = setTimeout(() => {
+      this.wsReconnectTimer = null;
+      this.logger.info("[Server] Attempting WebSocket reconnect...");
+      this.connectWebSocket();
+    }, delay);
+    this.reconnectDelay = Math.min(this.reconnectDelay * this.config.reconnectBackoffFactor, this.config.maxReconnectDelay);
+  }
+  /**
+   * Enter hourly check mode: stop aggressive retries,
+   * set up a single timer that fires once per hour.
+   */
+  enterHourlyCheckMode() {
+    this.hourlyCheckMode = true;
+    this.reconnectDelay = this.config.initialReconnectDelay;
+    this.reconnectAttempts = 0;
+    if (this.wsReconnectTimer) {
+      clearTimeout(this.wsReconnectTimer);
+      this.wsReconnectTimer = null;
+    }
+    this.setConnectionState("offline");
+    this.logger.info(`[Server] Entering hourly check mode \u2014 will retry every ${this.config.hourlyCheckIntervalMs / 6e4} minutes`);
+    this.hourlyCheckTimer = setTimeout(() => {
+      this.hourlyCheckTimer = null;
+      this.logger.info("[Server] Hourly check: attempting to reconnect...");
+      this.connectWebSocket();
+    }, this.config.hourlyCheckIntervalMs);
+  }
+  /**
+   * Cancel the hourly check timer.
+   */
+  cancelHourlyCheck() {
+    if (this.hourlyCheckTimer) {
+      clearTimeout(this.hourlyCheckTimer);
+      this.hourlyCheckTimer = null;
+    }
+    this.hourlyCheckMode = false;
+  }
+  /**
+   * Cancel a pending reconnection.
+   */
+  cancelReconnect() {
+    if (this.wsReconnectTimer) {
+      clearTimeout(this.wsReconnectTimer);
+      this.wsReconnectTimer = null;
+    }
+    this.cancelHourlyCheck();
+    this.reconnectDelay = this.config.initialReconnectDelay;
+    this.reconnectAttempts = 0;
+    this.connectStartTimestamp = 0;
   }
   // ----------------------------------------------------------------
   //  REST API methods
   // ----------------------------------------------------------------
   /**
    * Register this node on the server.
+   * Captures JWT token from response if returned.
    */
   async registerNode(agentId, publicKey) {
-    return this.post("/api/v1/node/register", {
+    const res = await this.fetchPost("/api/v1/node/register", {
       id: agentId,
       publicKey: Buffer.from(publicKey).toString("base64")
     });
+    if (res?.token) {
+      this.setAuthToken(res.token);
+    }
+    return res?.ok ?? false;
   }
   /**
    * Request a temporary 6-digit number for friend discovery.
@@ -8570,9 +8927,10 @@ var ServerClient = class {
   }
   /**
    * Send a relay message via the server (WebSocket fallback for P2P).
+   * Returns true if sent, false if offline.
    */
   sendRelayMessage(targetId, payload) {
-    this.wsSend({
+    return this.wsSend({
       type: "relay",
       targetId,
       payload,
@@ -8585,26 +8943,43 @@ var ServerClient = class {
   async fetchPost(path7, body) {
     const url = this.serverUrl + path7;
     try {
+      const controller = new AbortController();
+      const timeout = setTimeout(() => controller.abort(), this.config.requestTimeoutMs);
       const resp = await fetch(url, {
         method: "POST",
-        headers: { "Content-Type": "application/json" },
-        body: JSON.stringify(body)
+        headers: this.authHeaders(),
+        body: JSON.stringify(body),
+        signal: controller.signal
       });
+      clearTimeout(timeout);
       if (!resp.ok) {
+        if (resp.status === 401 && this.authToken) {
+          this.logger.warn(`[Server] 401 Unauthorized on ${path7} \u2014 token may be expired`);
+        }
         const text = await resp.text();
         this.logger.error(`[Server] API error ${resp.status} on ${path7}: ${text}`);
         return null;
       }
       return await resp.json();
     } catch (err) {
-      this.logger.error(`[Server] API request failed for ${path7}:`, err);
+      if (err instanceof DOMException && err.name === "AbortError") {
+        this.logger.error(`[Server] API request timeout for ${path7}`);
+      } else {
+        this.logger.error(`[Server] API request failed for ${path7}:`, err);
+      }
       return null;
     }
   }
   async fetchGet(path7) {
     const url = this.serverUrl + path7;
     try {
-      const resp = await fetch(url);
+      const controller = new AbortController();
+      const timeout = setTimeout(() => controller.abort(), this.config.requestTimeoutMs);
+      const resp = await fetch(url, {
+        signal: controller.signal,
+        headers: this.authToken ? { Authorization: "Bearer " + this.authToken } : {}
+      });
+      clearTimeout(timeout);
       if (!resp.ok) {
         const text = await resp.text();
         this.logger.error(`[Server] API error ${resp.status} on ${path7}: ${text}`);
@@ -8612,18 +8987,26 @@ var ServerClient = class {
       }
       return await resp.json();
     } catch (err) {
-      this.logger.error(`[Server] GET request failed for ${path7}:`, err);
+      if (err instanceof DOMException && err.name === "AbortError") {
+        this.logger.error(`[Server] GET request timeout for ${path7}`);
+      } else {
+        this.logger.error(`[Server] GET request failed for ${path7}:`, err);
+      }
       return null;
     }
   }
   async del(path7, body) {
     const url = this.serverUrl + path7;
     try {
+      const controller = new AbortController();
+      const timeout = setTimeout(() => controller.abort(), this.config.requestTimeoutMs);
       const resp = await fetch(url, {
         method: "DELETE",
-        headers: { "Content-Type": "application/json" },
-        body: body ? JSON.stringify(body) : void 0
+        headers: this.authHeaders(),
+        body: body ? JSON.stringify(body) : void 0,
+        signal: controller.signal
       });
+      clearTimeout(timeout);
       return resp.ok;
     } catch (err) {
       this.logger.error(`[Server] DELETE request failed for ${path7}:`, err);
@@ -8633,11 +9016,15 @@ var ServerClient = class {
   async post(path7, body) {
     const url = this.serverUrl + path7;
     try {
+      const controller = new AbortController();
+      const timeout = setTimeout(() => controller.abort(), this.config.requestTimeoutMs);
       const resp = await fetch(url, {
         method: "POST",
-        headers: { "Content-Type": "application/json" },
-        body: JSON.stringify(body)
+        headers: this.authHeaders(),
+        body: JSON.stringify(body),
+        signal: controller.signal
       });
+      clearTimeout(timeout);
       return resp.ok;
     } catch (err) {
       this.logger.error(`[Server] API request failed for ${path7}:`, err);
@@ -8658,9 +9045,10 @@ var ServerClient = class {
     }
   }
   startHeartbeat() {
+    this.stopHeartbeat();
     this.heartbeatTimer = setInterval(() => {
       this.wsSend({ type: "ping", agentId: this.store.agentId, timestamp: Date.now() });
-    }, 3e4);
+    }, this.config.heartbeatIntervalMs);
   }
   stopHeartbeat() {
     if (this.heartbeatTimer) {
@@ -8668,20 +9056,11 @@ var ServerClient = class {
       this.heartbeatTimer = null;
     }
   }
-  scheduleReconnect() {
-    if (this.wsReconnectTimer)
-      return;
-    this.wsReconnectTimer = setTimeout(() => {
-      this.wsReconnectTimer = null;
-      this.logger.info("[Server] Attempting WebSocket reconnect...");
-      this.connectWebSocket();
-    }, 5e3);
-  }
 };
 
 // dist/handshake/handshakeManager.js
 var import_crypto4 = __toESM(require_dist(), 1);
-import * as crypto5 from "crypto";
+import * as crypto6 from "crypto";
 var HandshakeManager = class {
   constructor(store, serverClient, config2, logger) {
     this.pendingInitiates = /* @__PURE__ */ new Map();
@@ -8899,7 +9278,7 @@ var HandshakeManager = class {
     combined.set(ee, 0);
     combined.set(se, 32);
     combined.set(es, 64);
-    const nonce = crypto5.randomBytes(16).toString("hex");
+    const nonce = crypto6.randomBytes(16).toString("hex");
     const newSessionKey = (0, import_crypto4.deriveSessionKey)(combined, "aicq-session-rotate-" + nonce);
     const updatedSession = {
       peerId,
@@ -9335,12 +9714,18 @@ var EncryptedChatChannel = class {
     this.api = null;
     this.dataDir = "";
     this.fileChunkBuffers = /* @__PURE__ */ new Map();
+    this.flushingOffline = false;
     this.store = store;
     this.handshakeManager = handshakeManager;
     this.p2pManager = p2pManager;
     this.serverClient = serverClient;
     this.logger = logger;
     this.dataDir = dataDir;
+    this.serverClient.onConnectionStateChange((newState, _prevState) => {
+      if (newState === "online") {
+        this.onReconnected();
+      }
+    });
   }
   /**
    * Set the OpenClaw API reference (for emitting events).
@@ -9348,6 +9733,17 @@ var EncryptedChatChannel = class {
   setAPI(api) {
     this.api = api;
   }
+  /**
+   * Called when the WebSocket connection is re-established.
+   * Flushes all queued offline messages.
+   */
+  onReconnected() {
+    const pendingCount = this.store.getOfflineMessageCount();
+    if (pendingCount > 0) {
+      this.logger.info(`[Chat] Back online \u2014 flushing ${pendingCount} queued offline messages`);
+      this.flushOfflineMessages();
+    }
+  }
   /**
    * Handle an incoming encrypted message from a peer.
    *
@@ -9382,7 +9778,7 @@ var EncryptedChatChannel = class {
       });
     }
     friend.lastMessageAt = /* @__PURE__ */ new Date();
-    this.store.save();
+    this.store.markDirty();
   }
   /**
    * Send an encrypted message to a peer.
@@ -9390,7 +9786,9 @@ var EncryptedChatChannel = class {
    * Encrypts with the session key, signs with the Ed25519 identity key,
    * and sends via P2P if available, falling back to WebSocket relay.
    *
-   * @returns true if the message was sent successfully
+   * When offline, the message is queued for later delivery.
+   *
+   * @returns true if the message was sent or queued successfully
    */
   send(toId, plaintext) {
     const friend = this.store.getFriend(toId);
@@ -9408,14 +9806,26 @@ var EncryptedChatChannel = class {
     }
     const wireData = (0, import_crypto6.encryptMessage)(plaintext, sessionKey, this.store.identityKeys.secretKey, this.store.identityKeys.publicKey);
     const buf = Buffer.from(wireData);
-    if (this.p2pManager.isConnected(toId) && this.p2pManager.send(toId, buf)) {
-      this.logger.debug("[Chat] Sent message via P2P to " + toId);
+    const encodedData = (0, import_crypto6.encodeBase64)(wireData);
+    const isOnline = this.serverClient.isConnected();
+    if (isOnline) {
+      if (this.p2pManager.isConnected(toId) && this.p2pManager.send(toId, buf)) {
+        this.logger.debug("[Chat] Sent message via P2P to " + toId);
+      } else {
+        const sent = this.serverClient.sendRelayMessage(toId, {
+          channel: "encrypted-chat",
+          data: encodedData
+        });
+        if (!sent) {
+          this.logger.warn("[Chat] WebSocket send failed \u2014 queuing message for offline delivery");
+          this.store.enqueueOfflineMessage(toId, encodedData);
+        } else {
+          this.logger.debug("[Chat] Sent message via relay to " + toId);
+        }
+      }
     } else {
-      this.serverClient.sendRelayMessage(toId, {
-        channel: "encrypted-chat",
-        data: (0, import_crypto6.encodeBase64)(wireData)
-      });
-      this.logger.debug("[Chat] Sent message via relay to " + toId);
+      this.logger.info("[Chat] Offline \u2014 message queued for delivery to " + toId);
+      this.store.enqueueOfflineMessage(toId, encodedData);
     }
     const session = this.store.getSession(toId);
     if (session) {
@@ -9423,10 +9833,71 @@ var EncryptedChatChannel = class {
       if (session.messageCount % 100 === 0 || Date.now() - session.createdAt.getTime() > 36e5) {
         this.handshakeManager.rotateSessionKey(toId);
       }
-      this.store.save();
+      this.store.markDirty();
     }
     return true;
   }
+  /**
+   * Flush all queued offline messages.
+   * Called automatically when connection is re-established.
+   */
+  flushOfflineMessages() {
+    if (this.flushingOffline)
+      return;
+    this.flushingOffline = true;
+    const flushNext = () => {
+      const msg = this.store.dequeueOfflineMessage();
+      if (!msg) {
+        this.flushingOffline = false;
+        const remaining = this.store.getOfflineMessageCount();
+        if (remaining === 0) {
+          this.logger.info("[Chat] All offline messages flushed");
+        }
+        return;
+      }
+      if (!this.serverClient.isConnected()) {
+        this.store.offlineMessages.unshift(msg);
+        this.flushingOffline = false;
+        this.logger.warn("[Chat] Connection lost during offline flush");
+        return;
+      }
+      const friend = this.store.getFriend(msg.targetId);
+      let sessionKey = this.handshakeManager.getSessionKey(msg.targetId);
+      if (!sessionKey && friend?.sessionKey) {
+        sessionKey = friend.sessionKey;
+      }
+      if (!sessionKey) {
+        this.logger.warn("[Chat] Skipping offline message to " + msg.targetId + " (no session key)");
+        this.store.markDirty();
+        setImmediate(flushNext);
+        return;
+      }
+      const sent = this.serverClient.sendRelayMessage(msg.targetId, {
+        channel: "encrypted-chat",
+        data: msg.encryptedData
+      });
+      if (sent) {
+        this.logger.debug("[Chat] Flushed offline message to " + msg.targetId);
+      } else {
+        this.logger.warn("[Chat] Failed to flush offline message to " + msg.targetId);
+        msg.retryCount++;
+        if (msg.retryCount < msg.maxRetries) {
+          this.store.offlineMessages.unshift(msg);
+        } else {
+          this.logger.error("[Chat] Dropped offline message to " + msg.targetId + " (max retries exceeded)");
+        }
+      }
+      this.store.markDirty();
+      setImmediate(flushNext);
+    };
+    flushNext();
+  }
+  /**
+   * Get the count of pending offline messages.
+   */
+  getPendingOfflineCount() {
+    return this.store.getOfflineMessageCount();
+  }
   /**
    * Handle an incoming file chunk from a peer.
    *
@@ -9511,6 +9982,7 @@ var EncryptedChatChannel = class {
    */
   cleanup() {
     this.fileChunkBuffers.clear();
+    this.flushingOffline = false;
   }
 };
 
@@ -9820,17 +10292,17 @@ var MessageSendingHook = class {
 var CSS = `
 *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
 :root {
-  --bg: #0f1117; --bg2: #1a1d27; --bg3: #242836; --bg4: #2e3347;
-  --bg5: #353a50; --text: #e4e6ef; --text2: #9499b3; --text3: #5c6080;
-  --accent: #6366f1; --accent2: #818cf8; --accent-bg: rgba(99,102,241,.12);
-  --ok: #34d399; --ok-bg: rgba(52,211,153,.12); --warn: #fbbf24; --warn-bg: rgba(251,191,36,.12);
-  --danger: #ef4444; --danger-bg: rgba(239,68,68,.12); --info: #60a5fa; --info-bg: rgba(96,165,250,.12);
-  --border: #2e3347; --radius: 8px; --radius-lg: 12px; --shadow: 0 2px 12px rgba(0,0,0,.3);
+  --bg: #f5f7fa; --bg2: #ffffff; --bg3: #f0f2f5; --bg4: #e4e7ec;
+  --bg5: #d1d5db; --text: #1f2937; --text2: #6b7280; --text3: #9ca3af;
+  --accent: #4f46e5; --accent2: #6366f1; --accent-bg: rgba(79,70,229,.08);
+  --ok: #10b981; --ok-bg: rgba(16,185,129,.08); --warn: #f59e0b; --warn-bg: rgba(245,158,11,.08);
+  --danger: #ef4444; --danger-bg: rgba(239,68,68,.08); --info: #3b82f6; --info-bg: rgba(59,130,246,.08);
+  --border: #e5e7eb; --radius: 8px; --radius-lg: 12px; --shadow: 0 1px 3px rgba(0,0,0,.06), 0 1px 2px rgba(0,0,0,.04);
   --sidebar-w: 240px; --header-h: 56px;
   --transition: .2s cubic-bezier(.4,0,.2,1);
 }
 html, body { height: 100%; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif; background: var(--bg); color: var(--text); font-size: 14px; line-height: 1.6; overflow: hidden; }
-a { color: var(--info); text-decoration: none; }
+a { color: var(--accent); text-decoration: none; }
 ::-webkit-scrollbar { width: 6px; height: 6px; }
 ::-webkit-scrollbar-track { background: transparent; }
 ::-webkit-scrollbar-thumb { background: var(--bg4); border-radius: 3px; }
@@ -9842,7 +10314,7 @@ a { color: var(--info); text-decoration: none; }
 /* Sidebar */
 .sidebar {
   width: var(--sidebar-w); min-width: var(--sidebar-w); height: 100vh;
-  background: var(--bg2); border-right: 1px solid var(--border);
+  background: #ffffff; border-right: 1px solid var(--border);
   display: flex; flex-direction: column; transition: width var(--transition), min-width var(--transition);
   z-index: 20; overflow: hidden;
 }
@@ -9857,7 +10329,7 @@ a { color: var(--info); text-decoration: none; }
   border-bottom: 1px solid var(--border); min-height: var(--header-h);
 }
 .sidebar-logo {
-  width: 32px; height: 32px; border-radius: 8px; background: linear-gradient(135deg, var(--accent), #a855f7);
+  width: 32px; height: 32px; border-radius: 8px; background: linear-gradient(135deg, var(--accent), #7c3aed);
   display: grid; place-items: center; font-size: 13px; font-weight: 800; color: #fff; flex-shrink: 0;
 }
 .sidebar-header-text h1 { font-size: 14px; font-weight: 700; line-height: 1.2; }
@@ -9896,7 +10368,7 @@ a { color: var(--info); text-decoration: none; }
 .main-header {
   height: var(--header-h); min-height: var(--header-h);
   display: flex; align-items: center; gap: 16px; padding: 0 24px;
-  background: var(--bg2); border-bottom: 1px solid var(--border);
+  background: #ffffff; border-bottom: 1px solid var(--border);
 }
 .toggle-btn {
   width: 32px; height: 32px; border-radius: 6px; background: var(--bg3);
@@ -9928,12 +10400,12 @@ a { color: var(--info); text-decoration: none; }
 .btn-default:hover:not(:disabled) { background: var(--bg4); }
 .btn-primary { background: var(--accent); color: #fff; }
 .btn-primary:hover:not(:disabled) { background: var(--accent2); }
-.btn-danger { background: var(--danger-bg); color: #fca5a5; border: 1px solid rgba(239,68,68,.2); }
-.btn-danger:hover:not(:disabled) { background: rgba(239,68,68,.2); }
-.btn-ok { background: var(--ok-bg); color: #6ee7b7; border: 1px solid rgba(52,211,153,.2); }
-.btn-ok:hover:not(:disabled) { background: rgba(52,211,153,.2); }
-.btn-warn { background: var(--warn-bg); color: #fde68a; border: 1px solid rgba(251,191,36,.2); }
-.btn-warn:hover:not(:disabled) { background: rgba(251,191,36,.2); }
+.btn-danger { background: var(--danger-bg); color: #dc2626; border: 1px solid rgba(239,68,68,.15); }
+.btn-danger:hover:not(:disabled) { background: rgba(239,68,68,.15); }
+.btn-ok { background: var(--ok-bg); color: #059669; border: 1px solid rgba(16,185,129,.15); }
+.btn-ok:hover:not(:disabled) { background: rgba(16,185,129,.15); }
+.btn-warn { background: var(--warn-bg); color: #d97706; border: 1px solid rgba(245,158,11,.15); }
+.btn-warn:hover:not(:disabled) { background: rgba(245,158,11,.15); }
 .btn-ghost { background: transparent; color: var(--text2); }
 .btn-ghost:hover:not(:disabled) { background: var(--bg3); color: var(--text); }
 .btn-sm { padding: 4px 10px; font-size: 12px; }
@@ -10006,17 +10478,18 @@ tbody tr:hover { background: var(--bg3); }
 .provider-card .prov-desc { font-size: 12px; color: var(--text3); margin-bottom: 10px; }
 .provider-card .prov-model { font-size: 11px; color: var(--text2); background: var(--bg3); padding: 3px 8px; border-radius: 4px; display: inline-block; }
 .provider-card .prov-actions { margin-top: 12px; display: flex; gap: 6px; }
+.provider-card.custom-provider { border-color: var(--accent); border-style: dashed; }
 
 /* Modal */
 .modal-overlay {
-  position: fixed; inset: 0; background: rgba(0,0,0,.65); display: flex;
+  position: fixed; inset: 0; background: rgba(0,0,0,.3); display: flex;
   align-items: center; justify-content: center; z-index: 100;
   animation: fadeIn .15s ease-out;
 }
 .modal-overlay.hidden { display: none; }
 .modal {
   background: var(--bg2); border: 1px solid var(--border); border-radius: var(--radius-lg);
-  padding: 28px; width: 90%; max-width: 520px; box-shadow: 0 8px 32px rgba(0,0,0,.5);
+  padding: 28px; width: 90%; max-width: 520px; box-shadow: 0 10px 25px rgba(0,0,0,.1), 0 6px 10px rgba(0,0,0,.06);
   max-height: 85vh; overflow-y: auto; animation: modalIn .2s ease-out;
 }
 @keyframes modalIn { from { transform: scale(.95); opacity: 0; } to { transform: scale(1); opacity: 1; } }
@@ -10052,15 +10525,15 @@ tbody tr:hover { background: var(--bg3); }
 /* Toast */
 .toast-container { position: fixed; bottom: 20px; right: 20px; z-index: 200; display: flex; flex-direction: column; gap: 8px; }
 .toast {
-  padding: 12px 20px; border-radius: var(--radius); color: #fff; font-size: 13px;
-  animation: slideIn .2s ease-out; box-shadow: var(--shadow); display: flex; align-items: center; gap: 8px;
+  padding: 12px 20px; border-radius: var(--radius); color: var(--text); font-size: 13px;
+  animation: slideIn .2s ease-out; box-shadow: 0 4px 12px rgba(0,0,0,.08); display: flex; align-items: center; gap: 8px;
   max-width: 400px;
 }
 .toast.hidden { display: none; }
-.toast-ok { background: #065f46; border: 1px solid var(--ok); }
-.toast-err { background: #7f1d1d; border: 1px solid var(--danger); }
-.toast-info { background: #1e3a5f; border: 1px solid var(--info); }
-.toast-warn { background: #78350f; border: 1px solid var(--warn); }
+.toast-ok { background: #ecfdf5; border: 1px solid #a7f3d0; color: #065f46; }
+.toast-err { background: #fef2f2; border: 1px solid #fecaca; color: #991b1b; }
+.toast-info { background: #eff6ff; border: 1px solid #bfdbfe; color: #1e3a5f; }
+.toast-warn { background: #fffbeb; border: 1px solid #fde68a; color: #92400e; }
 @keyframes slideIn { from { transform: translateX(20px); opacity: 0; } to { transform: translateX(0); opacity: 1; } }
 
 /* Actions cell */
@@ -10092,8 +10565,9 @@ tbody tr:hover { background: var(--bg3); }
 
 /* Offline banner */
 .offline-banner {
-  background: linear-gradient(90deg, #7f1d1d, #991b1b);
-  color: #fca5a5;
+  background: #fef2f2;
+  color: #991b1b;
+  border-bottom: 1px solid #fecaca;
   padding: 10px 24px;
   font-size: 13px;
   display: flex;
@@ -10121,6 +10595,380 @@ tbody tr:hover { background: var(--bg3); }
 }
 `;
 var JS = `
+// \u2500\u2500 i18n \u2500\u2500
+const _lang = 'zh'; // Default Chinese; set to 'en' to switch to English
+const _T = {
+  // Sidebar
+  nav_overview: { zh: '\u6982\u89C8', en: 'Overview' },
+  nav_management: { zh: '\u7BA1\u7406', en: 'Management' },
+  nav_system: { zh: '\u7CFB\u7EDF', en: 'System' },
+  nav_dashboard: { zh: '\u4EEA\u8868\u76D8', en: 'Dashboard' },
+  nav_agents: { zh: '\u667A\u80FD\u4F53', en: 'Agents' },
+  nav_friends: { zh: '\u597D\u53CB', en: 'Friends' },
+  nav_models: { zh: '\u6A21\u578B', en: 'Models' },
+  nav_settings: { zh: '\u8BBE\u7F6E', en: 'Settings' },
+  collapse_sidebar: { zh: '\u6536\u8D77\u4FA7\u680F', en: 'Collapse sidebar' },
+  management_console: { zh: '\u7BA1\u7406\u63A7\u5236\u53F0', en: 'Management Console' },
+  // Header
+  connecting: { zh: '\u8FDE\u63A5\u4E2D...', en: 'Connecting...' },
+  connected: { zh: '\u5DF2\u8FDE\u63A5', en: 'Connected' },
+  disconnected: { zh: '\u5DF2\u65AD\u5F00', en: 'Disconnected' },
+  refresh: { zh: '\u5237\u65B0', en: 'Refresh' },
+  // Dashboard
+  loading_dashboard: { zh: '\u6B63\u5728\u52A0\u8F7D\u4EEA\u8868\u76D8...', en: 'Loading dashboard...' },
+  failed_connect: { zh: '\u65E0\u6CD5\u8FDE\u63A5\u5230 AICQ \u63D2\u4EF6', en: 'Failed to connect to AICQ plugin' },
+  server_status: { zh: '\u670D\u52A1\u5668\u72B6\u6001', en: 'Server Status' },
+  total_friends: { zh: '\u597D\u53CB\u603B\u6570', en: 'Total Friends' },
+  active_sessions: { zh: '\u6D3B\u8DC3\u4F1A\u8BDD', en: 'Active Sessions' },
+  encrypted_sessions: { zh: '\u52A0\u5BC6\u4F1A\u8BDD', en: 'Encrypted sessions' },
+  agent_id: { zh: '\u667A\u80FD\u4F53 ID', en: 'Agent ID' },
+  fingerprint: { zh: '\u6307\u7EB9', en: 'Fingerprint' },
+  recent_friends: { zh: '\u6700\u8FD1\u597D\u53CB', en: 'Recent Friends' },
+  view_all: { zh: '\u67E5\u770B\u5168\u90E8 \u2192', en: 'View All \u2192' },
+  identity_info: { zh: '\u8EAB\u4EFD\u4FE1\u606F', en: 'Identity Info' },
+  server_url: { zh: '\u670D\u52A1\u5668\u5730\u5740', en: 'Server URL' },
+  connection: { zh: '\u8FDE\u63A5', en: 'Connection' },
+  online: { zh: '\u5728\u7EBF', en: 'Online' },
+  offline: { zh: '\u79BB\u7EBF', en: 'Offline' },
+  plugin_version: { zh: '\u63D2\u4EF6\u7248\u672C', en: 'Plugin Version' },
+  mgmt_ui_access: { zh: '\u7BA1\u7406\u754C\u9762\u8BBF\u95EE', en: 'Management UI Access' },
+  current_url: { zh: '\u5F53\u524D\u5730\u5740', en: 'Current URL' },
+  local_access: { zh: '\u672C\u5730\u8BBF\u95EE', en: 'Local Access' },
+  open: { zh: '\u6253\u5F00', en: 'Open' },
+  gateway_path: { zh: '\u7F51\u5173\u8DEF\u5F84', en: 'Gateway Path' },
+  no_friends_yet: { zh: '\u6682\u65E0\u597D\u53CB', en: 'No friends yet' },
+  // Agents
+  loading_agents: { zh: '\u6B63\u5728\u52A0\u8F7D\u667A\u80FD\u4F53...', en: 'Loading agents...' },
+  active: { zh: '\u542F\u7528', en: 'active' },
+  disabled: { zh: '\u7981\u7528', en: 'disabled' },
+  default_model: { zh: '\u9ED8\u8BA4', en: 'default' },
+  no_agents_configured: { zh: '\u672A\u914D\u7F6E\u667A\u80FD\u4F53', en: 'No agents configured' },
+  add_agents_hint: { zh: '\u8BF7\u5728 openclaw.json \u6216 stableclaw.json \u914D\u7F6E\u6587\u4EF6\u4E2D\u6DFB\u52A0\u667A\u80FD\u4F53', en: 'Add agents to your openclaw.json or stableclaw.json config file' },
+  search_agents: { zh: '\u641C\u7D22\u667A\u80FD\u4F53...', en: 'Search agents...' },
+  add_agent: { zh: '\u6DFB\u52A0\u667A\u80FD\u4F53', en: 'Add Agent' },
+  agent_list_from: { zh: '\u667A\u80FD\u4F53\u5217\u8868\u6765\u81EA', en: 'Agent list from' },
+  total_label: { zh: '\u603B\u8BA1', en: 'Total' },
+  agents_configured: { zh: '\u4E2A\u667A\u80FD\u4F53\u5DF2\u914D\u7F6E', en: 'agents configured' },
+  status: { zh: '\u72B6\u6001', en: 'Status' },
+  agent: { zh: '\u667A\u80FD\u4F53', en: 'Agent' },
+  model: { zh: '\u6A21\u578B', en: 'Model' },
+  provider: { zh: '\u63D0\u4F9B\u5546', en: 'Provider' },
+  system_prompt: { zh: '\u7CFB\u7EDF\u63D0\u793A\u8BCD', en: 'System Prompt' },
+  actions: { zh: '\u64CD\u4F5C', en: 'Actions' },
+  confirm_delete_agent: { zh: '\u786E\u5B9A\u8981\u5220\u9664\u8FD9\u4E2A\u667A\u80FD\u4F53\u5417\uFF1F', en: 'Are you sure you want to delete this agent?' },
+  agent_deleted: { zh: '\u667A\u80FD\u4F53\u5DF2\u5220\u9664', en: 'Agent deleted' },
+  delete_failed: { zh: '\u5220\u9664\u5931\u8D25', en: 'Delete failed' },
+  default_model_badge: { zh: '\u9ED8\u8BA4', en: 'Default' },
+  provider_model: { zh: '\u6765\u81EA\u6A21\u578B\u63D0\u4F9B\u5546', en: 'From model provider' },
+  default_model_label: { zh: '\u9ED8\u8BA4\u6A21\u578B', en: 'Default Model' },
+  set_as_default: { zh: '\u8BBE\u4E3A\u9ED8\u8BA4', en: 'Set as default' },
+  models_under_provider: { zh: '\u4E2A\u6A21\u578B', en: 'models' },
+  model_id_label: { zh: '\u6A21\u578BID', en: 'Model ID' },
+  model_name_label: { zh: '\u6A21\u578B\u540D\u79F0', en: 'Model Name' },
+  add_new_agent: { zh: '\u2795 \u6DFB\u52A0\u65B0\u667A\u80FD\u4F53', en: '\u2795 Add New Agent' },
+  edit_agent: { zh: '\u270F\uFE0F \u7F16\u8F91\u667A\u80FD\u4F53', en: '\u270F\uFE0F Edit Agent' },
+  agent_name_required: { zh: '\u8BF7\u8F93\u5165\u667A\u80FD\u4F53\u540D\u79F0', en: 'Agent name is required' },
+  agent_updated: { zh: '\u667A\u80FD\u4F53\u5DF2\u66F4\u65B0', en: 'Agent updated' },
+  agent_added: { zh: '\u667A\u80FD\u4F53\u5DF2\u6DFB\u52A0', en: 'Agent added' },
+  no_data: { zh: '\u6682\u65E0\u6570\u636E', en: 'No data' },
+  // Friends
+  loading_friends: { zh: '\u6B63\u5728\u52A0\u8F7D\u597D\u53CB...', en: 'Loading friends...' },
+  friends: { zh: '\u597D\u53CB', en: 'Friends' },
+  requests: { zh: '\u8BF7\u6C42', en: 'Requests' },
+  sessions: { zh: '\u4F1A\u8BDD', en: 'Sessions' },
+  search_friends: { zh: '\u641C\u7D22\u597D\u53CB...', en: 'Search friends...' },
+  all: { zh: '\u5168\u90E8', en: 'All' },
+  ai: { zh: 'AI', en: 'AI' },
+  human: { zh: '\u4EBA\u7C7B', en: 'Human' },
+  add_friend: { zh: '\u6DFB\u52A0\u597D\u53CB', en: 'Add Friend' },
+  type: { zh: '\u7C7B\u578B', en: 'Type' },
+  friend_label: { zh: '\u597D\u53CB', en: 'Friend' },
+  permissions: { zh: '\u6743\u9650', en: 'Permissions' },
+  last_message: { zh: '\u6700\u540E\u6D88\u606F', en: 'Last Message' },
+  add_friend_hint: { zh: '\u4F7F\u75286\u4F4D\u4E34\u65F6\u53F7\u7801\u6216\u8282\u70B9ID\u6DFB\u52A0\u597D\u53CB', en: 'Add a friend using their 6-digit temp number or node ID' },
+  unavailable_offline: { zh: '\u79BB\u7EBF\u65F6\u4E0D\u53EF\u7528', en: 'Unavailable while offline' },
+  request_id: { zh: '\u8BF7\u6C42 ID', en: 'Request ID' },
+  from: { zh: '\u6765\u81EA', en: 'From' },
+  time: { zh: '\u65F6\u95F4', en: 'Time' },
+  no_pending_requests: { zh: '\u6682\u65E0\u5F85\u5904\u7406\u8BF7\u6C42', en: 'No pending requests' },
+  accept: { zh: '\u63A5\u53D7', en: 'Accept' },
+  reject: { zh: '\u62D2\u7EDD', en: 'Reject' },
+  peer_id: { zh: '\u5BF9\u7AEF ID', en: 'Peer ID' },
+  established: { zh: '\u5EFA\u7ACB\u65F6\u95F4', en: 'Established' },
+  messages: { zh: '\u6761\u6D88\u606F', en: 'messages' },
+  no_active_sessions: { zh: '\u6682\u65E0\u6D3B\u8DC3\u4F1A\u8BDD', en: 'No active sessions' },
+  enter_temp_or_id: { zh: '\u8BF7\u8F93\u5165\u4E34\u65F6\u53F7\u7801\u6216\u8282\u70B9ID', en: 'Enter a temp number or node ID' },
+  sending_request: { zh: '\u6B63\u5728\u53D1\u9001\u597D\u53CB\u8BF7\u6C42...', en: 'Sending friend request...' },
+  friend_request_sent: { zh: '\u597D\u53CB\u8BF7\u6C42\u5DF2\u53D1\u9001\uFF01', en: 'Friend request sent!' },
+  failed_add_friend: { zh: '\u6DFB\u52A0\u597D\u53CB\u5931\u8D25', en: 'Failed to add friend' },
+  remove_friend_confirm: { zh: '\u786E\u5B9A\u79FB\u9664\u597D\u53CB ', en: 'Remove friend ' },
+  friend_removed: { zh: '\u597D\u53CB\u5DF2\u79FB\u9664', en: 'Friend removed' },
+  edit_permissions: { zh: '\u7F16\u8F91\u6743\u9650', en: 'Edit Permissions' },
+  friend_permissions: { zh: '\u597D\u53CB\u6743\u9650', en: 'Friend Permissions' },
+  chat_perm: { zh: '\u{1F4AC} \u804A\u5929', en: '\u{1F4AC} Chat' },
+  exec_perm: { zh: '\u{1F527} \u6267\u884C', en: '\u{1F527} Exec' },
+  chat_perm_hint: { zh: '\uFF08\u53D1\u9001/\u63A5\u6536\u6D88\u606F\uFF09', en: '(send/receive messages)' },
+  exec_perm_hint: { zh: '\uFF08\u6267\u884C\u5DE5\u5177/\u547D\u4EE4\uFF09', en: '(execute tools/commands)' },
+  save_permissions: { zh: '\u4FDD\u5B58\u6743\u9650', en: 'Save Permissions' },
+  permissions_updated: { zh: '\u6743\u9650\u5DF2\u66F4\u65B0', en: 'Permissions updated' },
+  request_accepted: { zh: '\u8BF7\u6C42\u5DF2\u63A5\u53D7', en: 'Request accepted' },
+  request_rejected: { zh: '\u8BF7\u6C42\u5DF2\u62D2\u7EDD', en: 'Request rejected' },
+  // Models
+  loading_models: { zh: '\u6B63\u5728\u52A0\u8F7D\u6A21\u578B\u914D\u7F6E...', en: 'Loading model configuration...' },
+  configured: { zh: '\u5DF2\u914D\u7F6E', en: 'Configured' },
+  providers_with_keys: { zh: '\u5DF2\u914D\u7F6EAPI\u5BC6\u94A5\u7684\u63D0\u4F9B\u5546', en: 'Providers with API keys' },
+  configure: { zh: '\u914D\u7F6E', en: 'Configure' },
+  not_set: { zh: '\u672A\u8BBE\u7F6E', en: 'Not set' },
+  key_set: { zh: '\u25CF \u5DF2\u8BBE\u7F6E\u5BC6\u94A5', en: '\u25CF Key set' },
+  active_model_configs: { zh: '\u5F53\u524D\u6A21\u578B\u914D\u7F6E', en: 'Active Model Configurations' },
+  default_model_global: { zh: '\u5168\u5C40\u9ED8\u8BA4\u6A21\u578B', en: 'Global Default Model' },
+  model_count: { zh: '\u6A21\u578B\u6570\u91CF', en: 'Model Count' },
+  multi_model: { zh: '\u591A\u6A21\u578B', en: 'Multi-model' },
+  base_url: { zh: '\u57FA\u7840\u5730\u5740', en: 'Base URL' },
+  configure_providers_desc: { zh: '\u4E3A\u667A\u80FD\u4F53\u914D\u7F6ELLM\u63D0\u4F9B\u5546\u3002\u70B9\u51FB\u63D0\u4F9B\u5546\u5361\u7247\u8BBE\u7F6E\u6216\u66F4\u65B0API\u5BC6\u94A5\u3001\u6A21\u578B\u548C\u57FA\u7840\u5730\u5740\u3002\u66F4\u6539\u5C06\u76F4\u63A5\u4FDD\u5B58\u5230\u914D\u7F6E\u6587\u4EF6\u3002', en: 'Configure LLM providers for your agents. Click a provider card to set or update the API key, model, and base URL. Changes are saved directly to your config file.' },
+  current_key: { zh: '\u5F53\u524D\uFF1A', en: 'Current: ' },
+  no_api_key: { zh: '\u672A\u914D\u7F6EAPI\u5BC6\u94A5', en: 'No API key configured' },
+  provider_not_found: { zh: '\u672A\u627E\u5230\u63D0\u4F9B\u5546', en: 'Provider not found' },
+  enter_api_key: { zh: '\u8F93\u5165API\u5BC6\u94A5', en: 'Enter API key' },
+  enter_model_id: { zh: '\u8F93\u5165\u6A21\u578BID', en: 'Model ID' },
+  default_url: { zh: '\u9ED8\u8BA4\u5730\u5740', en: 'Default URL' },
+  enter_api_key_or_model: { zh: '\u8BF7\u81F3\u5C11\u8F93\u5165API\u5BC6\u94A5\u6216\u6A21\u578BID', en: 'Enter at least an API key or model ID' },
+  saving_config: { zh: '\u6B63\u5728\u4FDD\u5B58\u914D\u7F6E...', en: 'Saving configuration...' },
+  config_saved: { zh: '\u914D\u7F6E\u5DF2\u4FDD\u5B58\uFF01', en: 'Configuration saved!' },
+  failed_save: { zh: '\u4FDD\u5B58\u5931\u8D25', en: 'Failed to save' },
+  confirm_delete_provider: { zh: '\u786E\u5B9A\u5220\u9664\u63D0\u4F9B\u5546 "', en: 'Delete configuration for provider "' },
+  provider_deleted: { zh: '\u63D0\u4F9B\u5546\u914D\u7F6E\u5DF2\u5220\u9664', en: 'Provider configuration deleted' },
+  // Settings
+  loading_settings: { zh: '\u6B63\u5728\u52A0\u8F7D\u8BBE\u7F6E...', en: 'Loading settings...' },
+  tab_connection: { zh: '\u{1F50C} \u8FDE\u63A5', en: '\u{1F50C} Connection' },
+  tab_friends: { zh: '\u{1F465} \u597D\u53CB', en: '\u{1F465} Friends' },
+  tab_security: { zh: '\u{1F512} \u5B89\u5168', en: '\u{1F512} Security' },
+  tab_advanced: { zh: '\u2699\uFE0F \u9AD8\u7EA7', en: '\u2699\uFE0F Advanced' },
+  tab_json: { zh: '\u{1F4DD} JSON\u7F16\u8F91', en: '\u{1F4DD} JSON Editor' },
+  conn_desc: { zh: '\u914D\u7F6E\u670D\u52A1\u5668\u8FDE\u63A5\u548CWebSocket\u8BBE\u7F6E\u3002\u66F4\u6539\u9700\u8981\u91CD\u542F\u63D2\u4EF6\u624D\u80FD\u5B8C\u5168\u751F\u6548\u3002', en: 'Configure server connection and WebSocket settings. Changes require a plugin restart to take full effect.' },
+  server_connection: { zh: '\u{1F310} \u670D\u52A1\u5668\u8FDE\u63A5', en: '\u{1F310} Server Connection' },
+  server_url_label: { zh: '\u670D\u52A1\u5668\u5730\u5740', en: 'Server URL' },
+  server_url_hint: { zh: 'AICQ\u4E2D\u7EE7\u670D\u52A1\u5668\u7684HTTPS\u5730\u5740\u3002WebSocket\u8DEF\u5F84 /ws \u4F1A\u81EA\u52A8\u8FFD\u52A0\u3002', en: 'The HTTPS URL of the AICQ relay server. WebSocket path /ws is auto-appended.' },
+  conn_timeout: { zh: '\u8FDE\u63A5\u8D85\u65F6\uFF08\u79D2\uFF09', en: 'Connection Timeout (seconds)' },
+  conn_timeout_hint: { zh: 'HTTP\u8BF7\u6C42\u8D85\u65F6\u65F6\u95F4\uFF085-120\u79D2\uFF09\u3002\u9ED8\u8BA4\uFF1A30\u79D2\u3002', en: 'HTTP request timeout (5\u2013120s). Default: 30s.' },
+  ws_auto_reconnect: { zh: 'WebSocket\u81EA\u52A8\u91CD\u8FDE', en: 'WS Auto-Reconnect' },
+  auto_reconnect_label: { zh: '\u65AD\u5F00\u65F6\u81EA\u52A8\u91CD\u8FDE', en: 'Auto-reconnect when disconnected' },
+  auto_reconnect_hint: { zh: '\u65AD\u5F00\u8FDE\u63A5\u540E\u81EA\u52A8\u91CD\u65B0\u8FDE\u63A5WebSocket\u3002', en: 'Automatically reconnect WebSocket on disconnection.' },
+  ws_reconnect_interval: { zh: '\u91CD\u8FDE\u95F4\u9694\uFF08\u79D2\uFF09', en: 'WS Reconnect Interval (seconds)' },
+  ws_reconnect_hint: { zh: '\u91CD\u8FDE\u5C1D\u8BD5\u4E4B\u95F4\u7684\u95F4\u9694\uFF085-600\u79D2\uFF09\u3002\u9ED8\u8BA4\uFF1A60\u79D2\u3002', en: 'Interval between reconnection attempts (5\u2013600s). Default: 60s.' },
+  test: { zh: '\u6D4B\u8BD5', en: 'Test' },
+  testing: { zh: '\u6D4B\u8BD5\u4E2D...', en: 'Testing...' },
+  enter_server_url: { zh: '\u8BF7\u5148\u8F93\u5165\u670D\u52A1\u5668\u5730\u5740', en: 'Enter a server URL first' },
+  conn_ok: { zh: '\u8FDE\u63A5\u6210\u529F', en: 'Connected successfully' },
+  conn_ok_latency: { zh: '\u8FDE\u63A5\u6210\u529F\uFF01\u5EF6\u8FDF\uFF1A', en: 'Connection OK! Latency: ' },
+  conn_failed: { zh: '\u8FDE\u63A5\u5931\u8D25', en: 'Connection failed' },
+  config_file: { zh: '\u{1F4C1} \u914D\u7F6E\u6587\u4EF6', en: '\u{1F4C1} Config File' },
+  source: { zh: '\u6765\u6E90', en: 'Source' },
+  mgmt_ui: { zh: '\u7BA1\u7406\u754C\u9762', en: 'Management UI' },
+  uptime: { zh: '\u8FD0\u884C\u65F6\u95F4', en: 'Uptime' },
+  not_found: { zh: '\u672A\u627E\u5230', en: 'Not found' },
+  friends_tab_desc: { zh: '\u914D\u7F6E\u597D\u53CB\u7BA1\u7406\u3001\u6743\u9650\u548C\u4E34\u65F6\u53F7\u7801\u8BBE\u7F6E\u3002', en: 'Configure friend management, permissions, and temporary number settings.' },
+  of_max: { zh: ' / \u6700\u5927 ', en: ' of ' },
+  max_friends: { zh: '\u6700\u5927\u597D\u53CB\u6570', en: 'Max Friends' },
+  auto_accept: { zh: '\u81EA\u52A8\u63A5\u53D7\u597D\u53CB', en: 'Auto-Accept Friends' },
+  auto_accept_label: { zh: '\u81EA\u52A8\u63A5\u53D7\u8BF7\u6C42', en: 'Automatically accept requests' },
+  auto_accept_hint: { zh: '\u542F\u7528\u540E\uFF0C\u4F20\u5165\u7684\u597D\u53CB\u8BF7\u6C42\u5C06\u81EA\u52A8\u63A5\u53D7\u3002', en: 'When enabled, incoming friend requests are accepted without review.' },
+  default_perms: { zh: '\u65B0\u597D\u53CB\u9ED8\u8BA4\u6743\u9650', en: 'Default Permissions for New Friends' },
+  default_perms_hint: { zh: '\u81EA\u52A8\u63A5\u53D7\u65B0\u597D\u53CB\u8BF7\u6C42\u65F6\u5E94\u7528\u7684\u9ED8\u8BA4\u6743\u9650\u3002', en: 'Default permissions applied when auto-accepting new friend requests.' },
+  temp_numbers: { zh: '\u{1F522} \u4E34\u65F6\u53F7\u7801', en: '\u{1F522} Temporary Numbers' },
+  temp_expiry: { zh: '\u4E34\u65F6\u53F7\u7801\u6709\u6548\u671F\uFF08\u79D2\uFF09', en: 'Temp Number Expiry (seconds)' },
+  temp_expiry_hint: { zh: '\u4E34\u65F6\u597D\u53CB\u53F7\u7801\u7684\u6709\u6548\u65F6\u95F4\uFF0860-3600\u79D2\uFF09\u3002\u9ED8\u8BA4\uFF1A5\u5206\u949F\u3002', en: 'How long a temporary friend number remains valid (60\u20133600s). Default: 5 minutes.' },
+  sec_desc: { zh: '\u914D\u7F6E\u52A0\u5BC6\u3001P2P\u548C\u8EAB\u4EFD\u5B89\u5168\u8BBE\u7F6E\u3002', en: 'Configure encryption, P2P, and identity security settings.' },
+  agent_identity: { zh: '\u{1F916} \u667A\u80FD\u4F53\u8EAB\u4EFD', en: '\u{1F916} Agent Identity' },
+  public_key_fp: { zh: '\u516C\u94A5\u6307\u7EB9', en: 'Public Key Fingerprint' },
+  reset_identity: { zh: '\u{1F5D1}\uFE0F \u91CD\u7F6E\u8EAB\u4EFD', en: '\u{1F5D1}\uFE0F Reset Identity' },
+  reset_identity_warn: { zh: '\u26A0\uFE0F \u8FD9\u5C06\u6C38\u4E45\u5220\u9664\u6240\u6709\u597D\u53CB\u3001\u4F1A\u8BDD\u548C\u5BC6\u94A5', en: '\u26A0\uFE0F This deletes all friends, sessions, and keys permanently' },
+  p2p_encryption: { zh: '\u{1F512} P2P\u4E0E\u52A0\u5BC6', en: '\u{1F512} P2P & Encryption' },
+  enable_p2p: { zh: '\u542F\u7528P2P\u8FDE\u63A5', en: 'Enable P2P Connections' },
+  allow_p2p: { zh: '\u5141\u8BB8\u76F4\u63A5P2P\u6D88\u606F', en: 'Allow direct P2P messaging' },
+  enable_p2p_hint: { zh: '\u53CC\u65B9\u90FD\u5728\u7EBF\u65F6\u542F\u7528\u70B9\u5BF9\u70B9\u52A0\u5BC6\u8FDE\u63A5\u3002', en: 'Enable peer-to-peer encrypted connections when both parties are online.' },
+  hs_timeout: { zh: '\u63E1\u624B\u8D85\u65F6\uFF08\u79D2\uFF09', en: 'Handshake Timeout (seconds)' },
+  hs_timeout_hint: { zh: 'Noise-XK\u63E1\u624B\u8D85\u65F6\u65F6\u95F4\uFF0810-300\u79D2\uFF09\u3002\u9ED8\u8BA4\uFF1A60\u79D2\u3002', en: 'Noise-XK handshake timeout (10\u2013300s). Default: 60s.' },
+  adv_desc: { zh: '\u6587\u4EF6\u4F20\u8F93\u3001\u65E5\u5FD7\u548C\u914D\u7F6E\u7BA1\u7406\u7684\u9AD8\u7EA7\u8BBE\u7F6E\u3002', en: 'Advanced settings for file transfer, logging, and configuration management.' },
+  file_transfer: { zh: '\u{1F4CE} \u6587\u4EF6\u4F20\u8F93', en: '\u{1F4CE} File Transfer' },
+  enable_ft: { zh: '\u542F\u7528\u6587\u4EF6\u4F20\u8F93', en: 'Enable File Transfer' },
+  allow_ft: { zh: '\u5141\u8BB8\u6587\u4EF6\u4F20\u8F93', en: 'Allow file transfers' },
+  enable_ft_hint: { zh: '\u542F\u7528\u597D\u53CB\u95F4\u7684\u52A0\u5BC6\u6587\u4EF6\u4F20\u8F93\u3002', en: 'Enable encrypted file transfer between friends.' },
+  max_file_size: { zh: '\u6700\u5927\u6587\u4EF6\u5927\u5C0F', en: 'Max File Size' },
+  max_file_size_hint: { zh: '\u52A0\u5BC6\u4F20\u8F93\u7684\u6700\u5927\u6587\u4EF6\u5927\u5C0F\u3002\u5F53\u524D\uFF1A', en: 'Maximum file size for encrypted transfers. Current: ' },
+  logging: { zh: '\u{1F4CB} \u65E5\u5FD7', en: '\u{1F4CB} Logging' },
+  log_level: { zh: '\u65E5\u5FD7\u7EA7\u522B', en: 'Log Level' },
+  log_debug: { zh: '\u{1F41B} \u8C03\u8BD5 \u2014 \u8BE6\u7EC6\u8F93\u51FA', en: '\u{1F41B} Debug \u2014 Verbose output for troubleshooting' },
+  log_info: { zh: '\u2139\uFE0F \u4FE1\u606F \u2014 \u4E00\u822C\u4FE1\u606F\uFF08\u9ED8\u8BA4\uFF09', en: '\u2139\uFE0F Info \u2014 General information (default)' },
+  log_warn: { zh: '\u26A0\uFE0F \u8B66\u544A \u2014 \u8B66\u544A\u548C\u91CD\u8981\u4E8B\u4EF6', en: '\u26A0\uFE0F Warn \u2014 Warnings and important events' },
+  log_error: { zh: '\u274C \u9519\u8BEF \u2014 \u4EC5\u9519\u8BEF', en: '\u274C Error \u2014 Errors only' },
+  log_none: { zh: '\u{1F507} \u65E0 \u2014 \u7981\u7528\u6240\u6709\u65E5\u5FD7', en: '\u{1F507} None \u2014 Disable all logging' },
+  log_level_hint: { zh: '\u63A7\u5236\u63D2\u4EF6\u65E5\u5FD7\u8F93\u51FA\u7684\u8BE6\u7EC6\u7A0B\u5EA6\u3002', en: 'Controls the verbosity of plugin log output.' },
+  import_export: { zh: '\u{1F4E6} \u5BFC\u5165/\u5BFC\u51FA\u8BBE\u7F6E', en: '\u{1F4E6} Import / Export Settings' },
+  export_settings: { zh: '\u{1F4E5} \u5BFC\u51FA\u8BBE\u7F6E', en: '\u{1F4E5} Export Settings' },
+  import_settings: { zh: '\u{1F4E4} \u5BFC\u5165\u8BBE\u7F6E', en: '\u{1F4E4} Import Settings' },
+  import_export_hint: { zh: '\u5C06\u5F53\u524DAICQ\u63D2\u4EF6\u8BBE\u7F6E\u5BFC\u51FA\u4E3AJSON\u3002\u5BFC\u5165\u53EF\u4ECE\u5907\u4EFD\u6062\u590D\u8BBE\u7F6E\u3002', en: 'Export current AICQ plugin settings as JSON. Import to restore settings from a backup.' },
+  save: { zh: '\u{1F4BE} \u4FDD\u5B58', en: '\u{1F4BE} Save' },
+  saving: { zh: '\u4FDD\u5B58\u4E2D...', en: 'Saving...' },
+  saved: { zh: '\u2713 \u5DF2\u4FDD\u5B58', en: '\u2713 Saved' },
+  settings_saved: { zh: '\u8BBE\u7F6E\u5DF2\u4FDD\u5B58\uFF1A', en: 'Settings saved: ' },
+  all_saved: { zh: '\u6240\u6709\u8BBE\u7F6E\u5DF2\u4FDD\u5B58\uFF01', en: 'All settings saved!' },
+  delete_everything: { zh: '\u{1F5D1}\uFE0F \u5220\u9664\u6240\u6709\u6570\u636E', en: '\u{1F5D1}\uFE0F Delete Everything' },
+  confirm_delete: { zh: '\u{1F5D1}\uFE0F \u786E\u8BA4\u5220\u9664', en: '\u{1F5D1}\uFE0F Confirm Delete' },
+  resetting: { zh: '\u91CD\u7F6E\u4E2D...', en: 'Resetting...' },
+  reset_success: { zh: '\u8EAB\u4EFD\u91CD\u7F6E\u6210\u529F\uFF0C\u8BF7\u91CD\u542F\u63D2\u4EF6\u3002', en: 'Identity reset successfully. Please restart the plugin.' },
+  reset_failed: { zh: '\u91CD\u7F6E\u5931\u8D25', en: 'Reset failed' },
+  exported_success: { zh: '\u8BBE\u7F6E\u5BFC\u51FA\u6210\u529F', en: 'Settings exported successfully' },
+  paste_json: { zh: '\u8BF7\u5148\u7C98\u8D34JSON\u8BBE\u7F6E', en: 'Paste JSON settings first' },
+  importing: { zh: '\u5BFC\u5165\u4E2D...', en: 'Importing...' },
+  imported_success: { zh: '\u8BBE\u7F6E\u5BFC\u5165\u6210\u529F\uFF01', en: 'Settings imported successfully!' },
+  import_failed: { zh: '\u5BFC\u5165\u5931\u8D25', en: 'Import failed' },
+  loading_config: { zh: '\u6B63\u5728\u52A0\u8F7D\u914D\u7F6E...', en: 'Loading config...' },
+  json_editor_desc: { zh: '\u76F4\u63A5\u7F16\u8F91\u539F\u59CBJSON\u914D\u7F6E\u3002\u6CE8\u610F\u8BED\u6CD5\u2014\u2014\u65E0\u6548\u7684JSON\u5C06\u88AB\u62D2\u7EDD\u3002', en: 'Edit the raw JSON configuration directly. Be careful with syntax \u2014 invalid JSON will be rejected.' },
+  json_editor: { zh: '\u{1F4DD} JSON\u914D\u7F6E\u7F16\u8F91\u5668', en: '\u{1F4DD} Config JSON Editor' },
+  raw_json: { zh: '\u539F\u59CBJSON\u914D\u7F6E', en: 'Raw JSON Configuration' },
+  raw_json_hint: { zh: '\u76F4\u63A5\u7F16\u8F91\u914D\u7F6EJSON\u3002\u4F7F\u7528\u683C\u5F0F\u5316\u6309\u94AE\u7F8E\u5316\u3002', en: 'Directly edit the configuration JSON. Use the Format button to prettify.' },
+  format: { zh: '\u{1F4D0} \u683C\u5F0F\u5316', en: '\u{1F4D0} Format' },
+  copy: { zh: '\u{1F4CB} \u590D\u5236', en: '\u{1F4CB} Copy' },
+  revert: { zh: '\u21A9\uFE0F \u8FD8\u539F', en: '\u21A9\uFE0F Revert' },
+  save_config: { zh: '\u{1F4BE} \u4FDD\u5B58\u914D\u7F6E', en: '\u{1F4BE} Save Config' },
+  json_formatted: { zh: 'JSON\u5DF2\u683C\u5F0F\u5316', en: 'JSON formatted' },
+  valid_json: { zh: '\u2713 \u6709\u6548JSON', en: '\u2713 Valid JSON' },
+  invalid_json: { zh: '\u2717 \u65E0\u6548JSON\uFF1A', en: '\u2717 Invalid JSON: ' },
+  no_content: { zh: '\u6CA1\u6709\u53EF\u4FDD\u5B58\u7684\u5185\u5BB9', en: 'No content to save' },
+  config_saved: { zh: '\u914D\u7F6E\u5DF2\u4FDD\u5B58\uFF01', en: 'Config saved successfully!' },
+  testing_conn_to: { zh: '\u6B63\u5728\u6D4B\u8BD5\u5230 ', en: 'Testing connection to ' },
+  config_file_label: { zh: '\u{1F4C4} \u914D\u7F6E\u6587\u4EF6', en: '\u{1F4C4} Config File' },
+  // Modals
+  add_friend_title: { zh: '\u2795 \u6DFB\u52A0\u597D\u53CB', en: '\u2795 Add Friend' },
+  temp_or_node: { zh: '\u4E34\u65F6\u53F7\u7801\u6216\u8282\u70B9ID', en: 'Temp Number or Node ID' },
+  temp_or_node_ph: { zh: '6\u4F4D\u53F7\u7801\u6216\u8282\u70B9ID', en: '6-digit number or node ID' },
+  temp_or_node_hint: { zh: '\u8F93\u5165\u597D\u53CB\u76846\u4F4D\u4E34\u65F6\u53F7\u7801\u6216\u5B8C\u6574\u8282\u70B9ID\u3002', en: 'Enter the 6-digit temporary number or the full node ID of your friend.' },
+  cancel: { zh: '\u53D6\u6D88', en: 'Cancel' },
+  send_request: { zh: '\u53D1\u9001\u8BF7\u6C42', en: 'Send Request' },
+  close: { zh: '\u5173\u95ED', en: 'Close' },
+  save_agent: { zh: '\u{1F4BE} \u4FDD\u5B58\u667A\u80FD\u4F53', en: '\u{1F4BE} Save Agent' },
+  save_configuration: { zh: '\u{1F4BE} \u4FDD\u5B58\u914D\u7F6E', en: '\u{1F4BE} Save Configuration' },
+  reset_identity_title: { zh: '\u{1F5D1}\uFE0F \u91CD\u7F6E\u667A\u80FD\u4F53\u8EAB\u4EFD', en: '\u{1F5D1}\uFE0F Reset Agent Identity' },
+  reset_warning_title: { zh: '\u26A0\uFE0F \u8B66\u544A\uFF1A\u8FD9\u662F\u4E00\u4E2A\u7834\u574F\u6027\u64CD\u4F5C\uFF01', en: '\u26A0\uFE0F WARNING: This is a destructive operation!' },
+  reset_warning_desc: { zh: '\u8FD9\u5C06\u6C38\u4E45\u5220\u9664\uFF1A', en: 'This will permanently delete:' },
+  reset_keypair: { zh: '\u2022 \u4F60\u7684Ed25519\u5BC6\u94A5\u5BF9\u548C\u667A\u80FD\u4F53ID', en: '\u2022 Your Ed25519 key pair and agent ID' },
+  reset_friends: { zh: '\u2022 \u6240\u6709\u597D\u53CB\u8FDE\u63A5\u548C\u4F1A\u8BDD', en: '\u2022 All friend connections and sessions' },
+  reset_requests: { zh: '\u2022 \u6240\u6709\u5F85\u5904\u7406\u7684\u597D\u53CB\u8BF7\u6C42', en: '\u2022 All pending friend requests' },
+  reset_temp: { zh: '\u2022 \u6240\u6709\u4E34\u65F6\u53F7\u7801', en: '\u2022 All temporary numbers' },
+  reset_restart_hint: { zh: '\u91CD\u7F6E\u540E\uFF0C\u5FC5\u987B\u91CD\u542F\u63D2\u4EF6\u4EE5\u751F\u6210\u65B0\u8EAB\u4EFD\u3002', en: 'After reset, you must restart the plugin to generate a new identity.' },
+  type_reset: { zh: '\u8F93\u5165 RESET \u4EE5\u786E\u8BA4', en: 'Type RESET to confirm' },
+  import_title: { zh: '\u{1F4E4} \u5BFC\u5165\u8BBE\u7F6E', en: '\u{1F4E4} Import Settings' },
+  paste_json_label: { zh: '\u7C98\u8D34JSON\u8BBE\u7F6E', en: 'Paste JSON Settings' },
+  paste_json_ph: { zh: '{"serverUrl": "https://...", ...}', en: '{"serverUrl": "https://...", ...}' },
+  paste_json_hint: { zh: '\u7C98\u8D34\u4ECE\u53E6\u4E00\u4E2AAICQ\u5B9E\u4F8B\u5BFC\u51FA\u7684JSON\u8BBE\u7F6E\u3002\u8BBE\u7F6E\u5C06\u4E0E\u73B0\u6709\u503C\u5408\u5E76\u3002', en: 'Paste the JSON settings exported from another AICQ instance. Settings will be merged with existing values.' },
+  agent_name: { zh: '\u667A\u80FD\u4F53\u540D\u79F0 *', en: 'Agent Name *' },
+  agent_id_label: { zh: '\u667A\u80FD\u4F53ID', en: 'Agent ID' },
+  agent_id_hint: { zh: '\u552F\u4E00\u6807\u8BC6\u7B26\u3002\u7559\u7A7A\u81EA\u52A8\u751F\u6210\u3002', en: 'Unique identifier. Leave empty for auto-generation.' },
+  model_label: { zh: '\u6A21\u578B', en: 'Model' },
+  provider_label: { zh: '\u63D0\u4F9B\u5546', en: 'Provider' },
+  system_prompt_label: { zh: '\u7CFB\u7EDF\u63D0\u793A\u8BCD', en: 'System Prompt' },
+  temperature: { zh: '\u6E29\u5EA6', en: 'Temperature' },
+  max_tokens: { zh: '\u6700\u5927Token\u6570', en: 'Max Tokens' },
+  top_p: { zh: 'Top P', en: 'Top P' },
+  tools: { zh: '\u5DE5\u5177', en: 'Tools' },
+  enabled: { zh: '\u542F\u7528', en: 'Enabled' },
+  // Utilities
+  copied_clipboard: { zh: '\u5DF2\u590D\u5236\u5230\u526A\u8D34\u677F', en: 'Copied to clipboard' },
+  copy_failed: { zh: '\u590D\u5236\u5931\u8D25', en: 'Copy failed' },
+  just_now: { zh: '\u521A\u521A', en: 'just now' },
+  min_ago: { zh: '\u5206\u949F\u524D', en: ' min ago' },
+  h_ago: { zh: '\u5C0F\u65F6\u524D', en: 'h ago' },
+  d_ago: { zh: '\u5929\u524D', en: 'd ago' },
+  none: { zh: '\u65E0', en: 'none' },
+  failed: { zh: '\u5931\u8D25', en: 'Failed' },
+  // Offline
+  offline_msg: { zh: '\u60A8\u5F53\u524D\u5904\u4E8E\u79BB\u7EBF\u72B6\u6001\u3002\u90E8\u5206\u529F\u80FD\u53EF\u80FD\u53D7\u9650\u3002\u6570\u636E\u4ECE\u672C\u5730\u7F13\u5B58\u52A0\u8F7D\u3002', en: 'You are offline. Some features may be limited. Data is loaded from local cache.' },
+  // Custom Providers
+  add_custom_provider: { zh: '\u2795 \u6DFB\u52A0\u81EA\u5B9A\u4E49\u63D0\u4F9B\u5546', en: '\u2795 Add Custom Provider' },
+  custom_provider: { zh: '\u{1F9E9} \u81EA\u5B9A\u4E49\u63D0\u4F9B\u5546', en: '\u{1F9E9} Custom Provider' },
+  custom_provider_desc: { zh: '\u624B\u52A8\u6DFB\u52A0\u517C\u5BB9 OpenAI API \u683C\u5F0F\u7684\u81EA\u5B9A\u4E49\u6A21\u578B\u63D0\u4F9B\u5546', en: 'Manually add custom model providers compatible with OpenAI API format' },
+  provider_name: { zh: '\u63D0\u4F9B\u5546\u540D\u79F0', en: 'Provider Name' },
+  provider_name_placeholder: { zh: '\u4F8B\u5982\uFF1AMy Custom API', en: 'e.g., My Custom API' },
+  provider_name_required: { zh: '\u8BF7\u8F93\u5165\u63D0\u4F9B\u5546\u540D\u79F0', en: 'Provider name is required' },
+  custom_provider_added: { zh: '\u81EA\u5B9A\u4E49\u63D0\u4F9B\u5546\u5DF2\u6DFB\u52A0', en: 'Custom provider added' },
+  custom_provider_updated: { zh: '\u81EA\u5B9A\u4E49\u63D0\u4F9B\u5546\u5DF2\u66F4\u65B0', en: 'Custom provider updated' },
+  custom_provider_deleted: { zh: '\u81EA\u5B9A\u4E49\u63D0\u4F9B\u5546\u5DF2\u5220\u9664', en: 'Custom provider deleted' },
+  confirm_delete_custom: { zh: '\u786E\u5B9A\u8981\u5220\u9664\u81EA\u5B9A\u4E49\u63D0\u4F9B\u5546 "{name}" \u5417\uFF1F\u6B64\u64CD\u4F5C\u4E0D\u53EF\u6062\u590D\u3002', en: 'Are you sure you want to delete custom provider "{name}"? This cannot be undone.' },
+  edit_custom_provider: { zh: '\u7F16\u8F91\u81EA\u5B9A\u4E49\u63D0\u4F9B\u5546', en: 'Edit Custom Provider' },
+  save_custom: { zh: '\u{1F4BE} \u4FDD\u5B58', en: '\u{1F4BE} Save' },
+  description_label: { zh: '\u63CF\u8FF0', en: 'Description' },
+  description_placeholder: { zh: '\u53EF\u9009\uFF1A\u63CF\u8FF0\u6B64\u63D0\u4F9B\u5546\u7684\u7528\u9014', en: 'Optional: describe what this provider is for' },
+  api_key_label: { zh: 'API \u5BC6\u94A5', en: 'API Key' },
+  model_id_label2: { zh: '\u6A21\u578B ID', en: 'Model ID' },
+  base_url_label: { zh: '\u57FA\u7840\u5730\u5740', en: 'Base URL' },
+  // OpenClaw Config
+  nav_openclaw: { zh: 'OpenClaw', en: 'OpenClaw' },
+  openclaw_config: { zh: 'OpenClaw \u914D\u7F6E', en: 'OpenClaw Configuration' },
+  loading_openclaw: { zh: '\u6B63\u5728\u52A0\u8F7D\u914D\u7F6E...', en: 'Loading configuration...' },
+  openclaw_desc: { zh: '\u7BA1\u7406 OpenClaw \u7684\u667A\u80FD\u4F53\u914D\u7F6E\u3001\u8DEF\u7531\u7ED1\u5B9A\u548C\u9891\u9053\u8BBE\u7F6E\u3002\u66F4\u6539\u5C06\u76F4\u63A5\u4FDD\u5B58\u5230 openclaw.json \u914D\u7F6E\u6587\u4EF6\u3002', en: 'Manage OpenClaw agent configuration, routing bindings, and channel settings. Changes are saved directly to the openclaw.json config file.' },
+  // Agent Defaults
+  agent_defaults: { zh: '\u{1F916} \u667A\u80FD\u4F53\u9ED8\u8BA4\u8BBE\u7F6E', en: '\u{1F916} Agent Defaults' },
+  agent_defaults_desc: { zh: '\u914D\u7F6E\u6240\u6709\u667A\u80FD\u4F53\u7684\u9ED8\u8BA4\u53C2\u6570\uFF0C\u5305\u62EC\u6A21\u578B\u9009\u62E9\u3001\u5E76\u53D1\u6570\u3001\u538B\u7F29\u6A21\u5F0F\u7B49', en: 'Configure default parameters for all agents, including model selection, concurrency, compaction mode, etc.' },
+  compaction_mode: { zh: '\u538B\u7F29\u6A21\u5F0F', en: 'Compaction Mode' },
+  max_concurrent: { zh: '\u6700\u5927\u5E76\u53D1\u6570', en: 'Max Concurrent' },
+  primary_model: { zh: '\u4E3B\u6A21\u578B', en: 'Primary Model' },
+  fallback_models: { zh: '\u5907\u7528\u6A21\u578B', en: 'Fallback Models' },
+  image_model: { zh: '\u56FE\u50CF\u6A21\u578B', en: 'Image Model' },
+  subagent_max_concurrent: { zh: '\u5B50\u667A\u80FD\u4F53\u6700\u5927\u5E76\u53D1', en: 'Subagent Max Concurrent' },
+  thinking_default: { zh: '\u9ED8\u8BA4\u601D\u8003\u6A21\u5F0F', en: 'Thinking Default' },
+  workspace: { zh: '\u5DE5\u4F5C\u7A7A\u95F4', en: 'Workspace' },
+  models_registry: { zh: '\u6A21\u578B\u6CE8\u518C\u8868', en: 'Models Registry' },
+  // Agent List
+  oc_agent_list: { zh: '\u{1F4CB} \u667A\u80FD\u4F53\u5217\u8868', en: '\u{1F4CB} Agent List' },
+  oc_agent_list_desc: { zh: "\u914D\u7F6E\u5404\u4E2A\u667A\u80FD\u4F53\u7684\u8EAB\u4EFD\u3001\u6A21\u578B\u548C\u5DE5\u5177\u6743\u9650\u3002\u6BCF\u4E2A\u667A\u80FD\u4F53\u53EF\u4EE5\u5206\u914D\u4E0D\u540C\u7684\u6A21\u578B\u548C\u5DE5\u5177\u914D\u7F6E\u3002", en: "Configure each agent's identity, model, and tool permissions. Each agent can be assigned different models and tool configurations." },
+  add_agent_btn: { zh: '\u2795 \u6DFB\u52A0\u667A\u80FD\u4F53', en: '\u2795 Add Agent' },
+  agent_identity_name: { zh: '\u8EAB\u4EFD\u540D\u79F0', en: 'Identity Name' },
+  agent_model_primary: { zh: '\u4E3B\u6A21\u578B', en: 'Primary Model' },
+  agent_tools_profile: { zh: '\u5DE5\u5177\u914D\u7F6E', en: 'Tools Profile' },
+  agent_workspace: { zh: '\u5DE5\u4F5C\u7A7A\u95F4', en: 'Workspace' },
+  no_agents_in_list: { zh: '\u6682\u65E0\u667A\u80FD\u4F53\uFF0C\u70B9\u51FB\u4E0A\u65B9\u6309\u94AE\u6DFB\u52A0', en: 'No agents configured. Click the button above to add one.' },
+  // Bindings
+  bindings_title: { zh: '\u{1F517} \u8DEF\u7531\u7ED1\u5B9A', en: '\u{1F517} Routing Bindings' },
+  bindings_desc: { zh: '\u914D\u7F6E\u6D88\u606F\u8DEF\u7531\u89C4\u5219\uFF0C\u5C06\u9891\u9053\u6216\u8D26\u53F7\u7ED1\u5B9A\u5230\u6307\u5B9A\u7684\u667A\u80FD\u4F53\u3002\u652F\u6301\u6309\u9891\u9053\u7C7B\u578B\u6216\u8D26\u53F7ID\u5339\u914D\u3002', en: 'Configure message routing rules to bind channels or accounts to specific agents. Supports matching by channel type or account ID.' },
+  add_binding: { zh: '\u2795 \u6DFB\u52A0\u7ED1\u5B9A', en: '\u2795 Add Binding' },
+  binding_agent_id: { zh: '\u667A\u80FD\u4F53ID', en: 'Agent ID' },
+  binding_channel: { zh: '\u9891\u9053', en: 'Channel' },
+  binding_account_id: { zh: '\u8D26\u53F7ID', en: 'Account ID' },
+  binding_type: { zh: '\u7C7B\u578B', en: 'Type' },
+  no_bindings: { zh: '\u6682\u65E0\u8DEF\u7531\u7ED1\u5B9A', en: 'No routing bindings configured' },
+  // Channels
+  channels_title: { zh: '\u{1F4E1} \u9891\u9053\u914D\u7F6E', en: '\u{1F4E1} Channel Configuration' },
+  channels_desc: { zh: '\u914D\u7F6E\u5916\u90E8\u901A\u4FE1\u9891\u9053\uFF08\u5982 Telegram\uFF09\u3002\u6BCF\u4E2A\u9891\u9053\u53EF\u4EE5\u6709\u591A\u4E2A\u8D26\u53F7\uFF0C\u652F\u6301\u4E0D\u540C\u7684\u6D88\u606F\u7B56\u7565\u548C\u6743\u9650\u3002', en: 'Configure external communication channels (e.g., Telegram). Each channel can have multiple accounts with different messaging policies and permissions.' },
+  channel_enabled: { zh: '\u5DF2\u542F\u7528', en: 'Enabled' },
+  channel_disabled: { zh: '\u5DF2\u7981\u7528', en: 'Disabled' },
+  group_policy: { zh: '\u7FA4\u7EC4\u7B56\u7565', en: 'Group Policy' },
+  accounts: { zh: '\u8D26\u53F7', en: 'Accounts' },
+  add_account: { zh: '\u2795 \u6DFB\u52A0\u8D26\u53F7', en: '\u2795 Add Account' },
+  bot_token: { zh: 'Bot Token', en: 'Bot Token' },
+  dm_policy: { zh: '\u79C1\u4FE1\u7B56\u7565', en: 'DM Policy' },
+  allow_from: { zh: '\u5141\u8BB8\u6765\u6E90', en: 'Allow From' },
+  add_allow_from: { zh: '\u6DFB\u52A0\u5141\u8BB8\u6765\u6E90', en: 'Add Allow From' },
+  no_channels_configured: { zh: '\u6682\u65E0\u9891\u9053\u914D\u7F6E', en: 'No channels configured' },
+  // OpenClaw Actions
+  save_openclaw_config: { zh: '\u{1F4BE} \u4FDD\u5B58 OpenClaw \u914D\u7F6E', en: '\u{1F4BE} Save OpenClaw Config' },
+  openclaw_config_saved: { zh: 'OpenClaw \u914D\u7F6E\u5DF2\u4FDD\u5B58\uFF01', en: 'OpenClaw configuration saved!' },
+  confirm_delete_binding: { zh: '\u786E\u5B9A\u5220\u9664\u6B64\u8DEF\u7531\u7ED1\u5B9A\uFF1F', en: 'Delete this routing binding?' },
+  binding_deleted: { zh: '\u8DEF\u7531\u7ED1\u5B9A\u5DF2\u5220\u9664', en: 'Routing binding deleted' },
+  confirm_delete_oc_agent: { zh: '\u786E\u5B9A\u5220\u9664\u667A\u80FD\u4F53 "{name}" \u5417\uFF1F', en: 'Are you sure you want to delete agent "{name}"?' },
+  confirm_delete_account: { zh: '\u786E\u5B9A\u5220\u9664\u6B64\u8D26\u53F7\uFF1F', en: 'Are you sure you want to delete this account?' },
+  // Misc
+  add_item: { zh: '\u2795 \u6DFB\u52A0', en: '\u2795 Add' },
+  remove_item: { zh: '\u{1F5D1}\uFE0F \u5220\u9664', en: '\u{1F5D1}\uFE0F Delete' },
+  edit_item: { zh: '\u270F\uFE0F \u7F16\u8F91', en: '\u270F\uFE0F Edit' },
+  tab_defaults: { zh: '\u{1F916} \u9ED8\u8BA4\u8BBE\u7F6E', en: '\u{1F916} Defaults' },
+  tab_agents: { zh: '\u{1F4CB} \u667A\u80FD\u4F53', en: '\u{1F4CB} Agents' },
+  tab_bindings: { zh: '\u{1F517} \u7ED1\u5B9A', en: '\u{1F517} Bindings' },
+  tab_channels: { zh: '\u{1F4E1} \u9891\u9053', en: '\u{1F4E1} Channels' },
+};
+function t(key) { return (_T[key] && _T[key][_lang]) || key; }
+function translateStatic() { document.querySelectorAll('[data-i18n]').forEach(el => { const k = el.getAttribute('data-i18n'); if (k && _T[k]) { el.textContent = _T[k][_lang] || el.textContent; } }); document.querySelectorAll('[data-i18n-ph]').forEach(el => { const k = el.getAttribute('data-i18n-ph'); if (k && _T[k]) { el.placeholder = _T[k][_lang] || el.placeholder; } }); }
+
 // \u2500\u2500 Globals \u2500\u2500
 const API = '/api';
 let currentPage = 'dashboard';
@@ -10146,7 +10994,7 @@ function showOfflineBanner() {
   if (offlineBannerEl) return;
   offlineBannerEl = document.createElement('div');
   offlineBannerEl.className = 'offline-banner';
-  offlineBannerEl.innerHTML = '<span class="offline-icon">\u{1F50C}</span><span>You are offline. Some features may be limited. Data is loaded from local cache.</span>';
+  offlineBannerEl.innerHTML = '<span class="offline-icon">\u{1F50C}</span><span>' + t('offline_msg') + '</span>';
   const mainContent = document.querySelector('.main');
   if (mainContent) {
     mainContent.insertBefore(offlineBannerEl, mainContent.firstChild);
@@ -10204,13 +11052,13 @@ function escHtml(s) { if (s == null) return ''; const d = document.createElement
 function timeAgo(iso) {
   if (!iso) return '\u2014';
   const diff = Date.now() - new Date(iso).getTime();
-  if (diff < 0) return 'just now';
+  if (diff < 0) return t('just_now');
   const m = Math.floor(diff / 60000), h = Math.floor(m / 60), d = Math.floor(h / 24);
-  if (m < 1) return 'just now'; if (m < 60) return m + ' min ago'; if (h < 24) return h + 'h ago'; if (d < 30) return d + 'd ago';
+  if (m < 1) return t('just_now'); if (m < 60) return m + t('min_ago'); if (h < 24) return h + t('h_ago'); if (d < 30) return d + t('d_ago');
   return new Date(iso).toLocaleDateString();
 }
 function maskKey(s) { if (!s || s.length < 12) return s || ''; return s.substring(0, 6) + '\u2022\u2022\u2022\u2022\u2022\u2022' + s.slice(-4); }
-function copyText(text) { navigator.clipboard.writeText(text).then(() => toast('Copied to clipboard', 'ok')).catch(() => toast('Copy failed', 'err')); }
+function copyText(text) { navigator.clipboard.writeText(text).then(() => toast(t('copied_clipboard'), 'ok')).catch(() => toast(t('copy_failed'), 'err')); }
 
 // \u2500\u2500 Modal \u2500\u2500
 function showModal(id) { show(id); }
@@ -10240,6 +11088,7 @@ function loadPage(page) {
     case 'friends': loadFriends(); break;
     case 'models': loadModels(); break;
     case 'settings': loadSettings(); break;
+    case 'openclaw': loadOpenClawConfig(); break;
   }
 }
 
@@ -10248,15 +11097,15 @@ 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
 async function loadDashboard() {
   const el = $('#dashboard-content');
-  html(el, '<div class="loading-mask"><div class="spinner"></div>Loading dashboard...</div>');
+  html(el, '<div class="loading-mask"><div class="spinner"></div>' + t('loading_dashboard') + '</div>');
   const results = await Promise.allSettled([api('/status'), api('/friends'), api('/identity'), api('/mgmt-url')]);
   const status = results[0].status === 'fulfilled' ? results[0].value : { error: results[0].reason?.message || 'Failed' };
   const friends = results[1].status === 'fulfilled' ? results[1].value : { friends: [], error: true };
   const identity = results[2].status === 'fulfilled' ? results[2].value : { agentId: '\u2014', publicKeyFingerprint: '\u2014', serverUrl: '\u2014', connected: false };
   const mgmtUrl = results[3].status === 'fulfilled' ? results[3].value : { mgmtUrl: window.location.origin };
-  if (status.error) { html(el, '<div class="empty"><div class="icon">\u26A0\uFE0F</div><p>Failed to connect to AICQ plugin</p></div>'); return; }
+  if (status.error) { html(el, '<div class="empty"><div class="icon">\u26A0\uFE0F</div><p>' + t('failed_connect') + '</p></div>'); return; }
   const connCls = status.connected ? 'dot-ok' : 'dot-err';
-  const connText = status.connected ? 'Connected' : 'Disconnected';
+  const connText = status.connected ? t('connected') : t('disconnected');
   const friendList = friends.friends || [];
   const aiFriends = friendList.filter(f => f.friendType === 'ai').length;
   const humanFriends = friendList.filter(f => f.friendType !== 'ai').length;
@@ -10266,7 +11115,7 @@ async function loadDashboard() {
     <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-label">\${t('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>
@@ -10274,42 +11123,42 @@ async function loadDashboard() {
       </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-label">\${t('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-label">\${t('active_sessions')}</div>
         <div class="stat-value">\${status.sessionCount || 0}</div>
-        <div class="stat-sub">Encrypted sessions</div>
+        <div class="stat-sub">\${t('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-label">\${t('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 class="stat-sub">\${t('fingerprint')}: \${escHtml(status.fingerprint)}</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>
+        <div class="card-header"><div class="card-title">\u{1F4CB} \${t('recent_friends')}</div><button class="btn btn-sm btn-ghost" onclick="navigate('friends')">\${t('view_all')}</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 class="detail-row"><div class="detail-key">Plugin Version</div><div class="detail-val"><span class="badge badge-accent">v1.2.0</span></div></div>
+        <div class="card-header"><div class="card-title">\u{1F916} \${t('identity_info')}</div></div>
+        <div class="detail-row"><div class="detail-key">\${t('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">\${t('fingerprint')}</div><div class="detail-val mono">\${escHtml(identity.publicKeyFingerprint)}</div></div>
+        <div class="detail-row"><div class="detail-key">\${t('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">\${t('connection')}</div><div class="detail-val"><span class="badge badge-\${identity.connected ? 'ok' : 'danger'}">\${identity.connected ? t('online') : t('offline')}</span></div></div>
+        <div class="detail-row"><div class="detail-key">\${t('plugin_version')}</div><div class="detail-val"><span class="badge badge-accent">v1.2.0</span></div></div>
       </div>
     </div>
     <div class="card" style="margin-top:0">
-      <div class="card-header"><div class="card-title">\u{1F5A5}\uFE0F Management UI Access</div></div>
-      <div class="detail-row"><div class="detail-key">Current URL</div><div class="detail-val"><a href="\${escHtml(mgmtLink)}" target="_blank" style="color:var(--info);text-decoration:underline">\${escHtml(mgmtLink)}</a></div></div>
-      <div class="detail-row"><div class="detail-key">Local Access</div><div class="detail-val"><a href="http://127.0.0.1:6109" target="_blank" style="color:var(--info);text-decoration:underline">http://127.0.0.1:6109</a> <button class="btn btn-sm btn-primary" onclick="window.open('http://127.0.0.1:6109','_blank')" style="margin-left:8px">\u{1F517} Open</button></div></div>
-      <div class="detail-row"><div class="detail-key">Gateway Path</div><div class="detail-val mono">/plugins/aicq-chat/</div></div>
+      <div class="card-header"><div class="card-title">\u{1F5A5}\uFE0F \${t('mgmt_ui_access')}</div></div>
+      <div class="detail-row"><div class="detail-key">\${t('current_url')}</div><div class="detail-val"><a href="\${escHtml(mgmtLink)}" target="_blank" style="color:var(--info);text-decoration:underline">\${escHtml(mgmtLink)}</a></div></div>
+      <div class="detail-row"><div class="detail-key">\${t('local_access')}</div><div class="detail-val"><a href="http://127.0.0.1:6109" target="_blank" style="color:var(--info);text-decoration:underline">http://127.0.0.1:6109</a> <button class="btn btn-sm btn-primary" onclick="window.open('http://127.0.0.1:6109','_blank')" style="margin-left:8px">\u{1F517} \${t('open')}</button></div></div>
+      <div class="detail-row"><div class="detail-key">\${t('gateway_path')}</div><div class="detail-val mono">/plugins/aicq-chat/</div></div>
     </div>
   \\\`);
 
@@ -10319,7 +11168,7 @@ async function loadDashboard() {
 }
 
 function renderMiniFriendList(friends) {
-  if (!friends.length) return '<div class="empty"><p>No friends yet</p></div>';
+  if (!friends.length) return '<div class="empty"><p>' + t('no_friends_yet') + '</p></div>';
   let html = '';
   friends.forEach(f => {
     html += '<div class="detail-row"><div class="detail-key"><span class="badge badge-' + (f.friendType === 'ai' ? 'info' : 'ghost') + '">' + escHtml(f.friendType || '?') + '</span></div><div class="detail-val mono truncate" style="font-size:12px">' + escHtml(f.id) + '</div></div>';
@@ -10332,7 +11181,7 @@ function renderMiniFriendList(friends) {
 // \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 loadAgents() {
   const el = $('#agents-content');
-  html(el, '<div class="loading-mask"><div class="spinner"></div>Loading agents...</div>');
+  html(el, '<div class="loading-mask"><div class="spinner"></div>' + t('loading_agents') + '</div>');
   const data = await api('/agents');
   if (data.error) { html(el, '<div class="empty"><div class="icon">\u26A0\uFE0F</div><p>' + escHtml(data.error) + '</p></div>'); return; }
 
@@ -10342,13 +11191,16 @@ async function loadAgents() {
 
   let rows = '';
   agents.forEach((a, i) => {
-    const modelBadge = a.model ? '<span class="badge badge-accent">' + escHtml(a.model) + '</span>' : '<span class="badge badge-ghost">default</span>';
-    const providerBadge = a.provider ? '<span class="tag">' + escHtml(a.provider) + '</span>' : '';
-    const statusBadge = a.enabled !== false ? '<span class="badge badge-ok">active</span>' : '<span class="badge badge-warn">disabled</span>';
+    const isProviderModel = a._source === 'provider-model';
+    const modelBadge = a.model ? '<span class="badge badge-accent">' + escHtml(a.model) + '</span>' : '<span class="badge badge-ghost">' + t('default_model') + '</span>';
+    const providerName = isProviderModel ? escHtml(capitalizeProvider(a.provider || '')) : escHtml(a.provider || '');
+    const providerBadge = providerName ? '<span class="tag">' + providerName + (a.isDefault ? ' \u2B50' : '') + '</span>' : '';
+    const statusBadge = a.enabled !== false ? '<span class="badge badge-ok">' + t('active') + '</span>' : '<span class="badge badge-warn">' + t('disabled') + '</span>';
+    const defaultBadge = a.isDefault ? ' <span class="badge badge-warn" style="font-size:10px">' + t('default_model_badge') + '</span>' : '';
 
     rows += \\\`<tr>
-      <td>\${statusBadge}</td>
-      <td><div style="font-weight:600">\${escHtml(a.name || a.id || 'Agent ' + (i + 1))}</div><div class="mono" style="font-size:11px;color:var(--text3)">\${escHtml(a.id || '\u2014')}</div></td>
+      <td>\${statusBadge}\${defaultBadge}</td>
+      <td><div style="font-weight:600">\${escHtml(a.name || 'Agent ' + (i + 1))}</div><div class="mono" style="font-size:11px;color:var(--text3)">\${isProviderModel ? escHtml(a._configPath || '') : escHtml(a.id || '\u2014')}</div></td>
       <td>\${modelBadge}</td>
       <td>\${providerBadge}</td>
       <td>\${escHtml(a.systemPrompt ? a.systemPrompt.substring(0, 60) + '...' : '\u2014')}</td>
@@ -10364,23 +11216,23 @@ async function loadAgents() {
 
   if (!agents.length) {
     html(el, \\\`
-      <p class="section-desc">Reads agent configurations from <strong>\${escHtml(configSource)}</strong>. Configure your agents in the config file.</p>
-      <div class="empty"><div class="icon">\u{1F916}</div><p>No agents configured</p><p class="sub">Add agents to your openclaw.json or stableclaw.json config file</p></div>
+      <p class="section-desc">\${t('agent_list_from')} <strong>\${escHtml(configSource)}</strong></p>
+      <div class="empty"><div class="icon">\u{1F916}</div><p>\${t('no_agents_configured')}</p><p class="sub">\${t('add_agents_hint')}</p></div>
     \\\`);
     return;
   }
 
   html(el, \\\`
     <div class="toolbar">
-      <div class="search-box"><input type="text" placeholder="Search agents..." id="agent-search" oninput="filterAgentTable()"></div>
-      <button class="btn btn-sm btn-primary" onclick="showAddAgentModal()">\u2795 Add Agent</button>
-      <button class="btn btn-sm btn-default" onclick="loadAgents()">\u{1F504} Refresh</button>
+      <div class="search-box"><input type="text" placeholder="\${t('search_agents')}" id="agent-search" oninput="filterAgentTable()"></div>
+      <button class="btn btn-sm btn-primary" onclick="showAddAgentModal()">\${t('add_agent')}</button>
+      <button class="btn btn-sm btn-default" onclick="loadAgents()">\u{1F504} \${t('refresh')}</button>
     </div>
-    <p class="section-desc">Agent list from <strong style="color:var(--accent2)">\${escHtml(configSource)}</strong>. Total: <strong>\${agents.length}</strong> agents configured.</p>
+    <p class="section-desc">\${t('agent_list_from')} <strong style="color:var(--accent2)">\${escHtml(configSource)}</strong>. \${t('total_label')}: <strong>\${agents.length}</strong> \${t('agents_configured')}.</p>
     <div class="card" style="padding:0;overflow:hidden">
       <div style="overflow-x:auto">
         <table>
-          <thead><tr><th style="width:60px">Status</th><th>Agent</th><th>Model</th><th>Provider</th><th>System Prompt</th><th style="width:90px">Actions</th></tr></thead>
+          <thead><tr><th style="width:80px">\${t('status')}</th><th>\${t('agent')}</th><th>\${t('model')}</th><th>\${t('provider')}</th><th>\${t('system_prompt')}</th><th style="width:90px">\${t('actions')}</th></tr></thead>
           <tbody id="agent-table-body">\${rows}</tbody>
         </table>
       </div>
@@ -10388,6 +11240,17 @@ async function loadAgents() {
   \\\`);
 }
 
+function capitalizeProvider(id) {
+  const names = {
+    modelscope: 'ModelScope', zhipu: 'Zhipu AI', qwen: 'Qwen', doubao: 'Doubao',
+    moonshot: 'Moonshot', minimax: 'MiniMax', stepfun: 'StepFun', baidu: 'Baidu',
+    spark: 'Spark', deepseek: 'DeepSeek', openai: 'OpenAI', anthropic: 'Anthropic',
+    google: 'Google AI', groq: 'Groq', ollama: 'Ollama', openrouter: 'OpenRouter',
+    mistral: 'Mistral AI', together: 'Together AI', fireworks: 'Fireworks AI',
+  };
+  return names[id] || (id ? id.charAt(0).toUpperCase() + id.slice(1) : '\u2014');
+}
+
 function filterAgentTable() {
   const q = ($('#agent-search')?.value || '').toLowerCase();
   $$('#agent-table-body tr').forEach(tr => {
@@ -10406,23 +11269,34 @@ function viewAgent(index) {
       details += '<div class="detail-row"><div class="detail-key">' + escHtml(k) + '</div><div class="detail-val mono" style="font-size:12px;cursor:pointer" onclick="copyText(decodeURIComponent(\\'' + encodeURIComponent(String(v)) + '\\'))">' + display + ' \u{1F4CB}</div></div>';
     }
   }
-  html('#view-agent-body', details || '<div class="empty"><p>No data</p></div>');
-  $('#view-agent-title').textContent = a.name || a.id || 'Agent';
+  html('#view-agent-body', details || '<div class="empty"><p>' + t('no_data') + '</p></div>');
+  $('#view-agent-title').textContent = a.name || a.id || t('agent');
   showModal('modal-view-agent');
 }
 
 async function deleteAgent(index) {
-  if (!confirm('Are you sure you want to delete this agent?')) return;
-  const r = await api('/agents/' + index, { method: 'DELETE' });
-  if (r.success) { toast('Agent deleted', 'ok'); loadAgents(); }
-  else { toast(r.message || r.error || 'Delete failed', 'err'); }
+  const agents = window._lastAgentsData?.agents || [];
+  const a = agents[index];
+  if (!a) return;
+  if (!confirm(t('confirm_delete_agent'))) return;
+  let identifier;
+  if (a._source === 'provider-model') {
+    identifier = 'provider:' + (a._providerId || '') + ':' + (a._modelIndex || 0);
+  } else {
+    identifier = index;
+  }
+  const r = await api('/agents/' + encodeURIComponent(identifier), { method: 'DELETE' });
+  if (r.success) { toast(t('agent_deleted'), 'ok'); loadAgents(); }
+  else { toast(r.message || r.error || t('delete_failed'), 'err'); }
 }
 
 let _editAgentIndex = null;
+let _editAgentIsProviderModel = false;
 
 function showAddAgentModal() {
   _editAgentIndex = null;
-  $('#agent-form-title').textContent = '\u2795 Add New Agent';
+  _editAgentIsProviderModel = false;
+  $('#agent-form-title').textContent = t('add_new_agent');
   $('#agent-form-name').value = '';
   $('#agent-form-id').value = '';
   $('#agent-form-model').value = '';
@@ -10442,9 +11316,10 @@ function showEditAgentModal(index) {
   const a = agents[index];
   if (!a) return;
   _editAgentIndex = index;
-  $('#agent-form-title').textContent = '\u270F\uFE0F Edit Agent';
+  _editAgentIsProviderModel = a._source === 'provider-model';
+  $('#agent-form-title').textContent = t('edit_agent');
   $('#agent-form-name').value = a.name || '';
-  $('#agent-form-id').value = a.id || '';
+  $('#agent-form-id').value = a._source === 'provider-model' ? (a._configPath || '') : (a.id || '');
   $('#agent-form-model').value = a.model || '';
   $('#agent-form-provider').value = a.provider || '';
   $('#agent-form-prompt').value = a.systemPrompt || '';
@@ -10453,6 +11328,13 @@ function showEditAgentModal(index) {
   $('#agent-form-max-tokens').value = a.maxTokens ?? 4096;
   $('#agent-form-top-p').value = a.topP ?? 1;
   $('#agent-form-tools').value = Array.isArray(a.tools) ? a.tools.join(', ') : (a.tools || '');
+  if (a._source === 'provider-model') {
+    $('#agent-form-id').readOnly = true;
+    $('#agent-form-id').title = a._configPath || '';
+  } else {
+    $('#agent-form-id').readOnly = false;
+    $('#agent-form-id').title = '';
+  }
   showModal('modal-add-agent');
 }
 
@@ -10475,23 +11357,29 @@ async function saveAgent() {
     tools: toolsRaw ? toolsRaw.split(',').map(t => t.trim()).filter(Boolean) : [],
   };
 
-  if (!agent.name) { toast('Agent name is required', 'warn'); return; }
+  if (!agent.name) { toast(t('agent_name_required'), 'warn'); return; }
 
   let r;
   if (_editAgentIndex !== null) {
-    // Edit existing
-    r = await api('/agents/' + _editAgentIndex, { method: 'PUT', body: JSON.stringify({ agent }) });
+    let identifier;
+    if (_editAgentIsProviderModel) {
+      const a = (window._lastAgentsData?.agents || [])[_editAgentIndex];
+      identifier = 'provider:' + (a?._providerId || '') + ':' + (a?._modelIndex || 0);
+    } else {
+      identifier = _editAgentIndex;
+    }
+    r = await api('/agents/' + encodeURIComponent(identifier), { method: 'PUT', body: JSON.stringify({ agent }) });
   } else {
     // Add new
     r = await api('/agents', { method: 'POST', body: JSON.stringify({ agent }) });
   }
 
   if (r.success) {
-    toast(_editAgentIndex !== null ? 'Agent updated' : 'Agent added', 'ok');
+    toast(_editAgentIndex !== null ? t('agent_updated') : t('agent_added'), 'ok');
     hideModal('modal-add-agent');
     loadAgents();
   } else {
-    toast(r.message || r.error || 'Failed', 'err');
+    toast(r.message || r.error || t('failed'), 'err');
   }
 }
 
@@ -10502,7 +11390,7 @@ let friendsFilter = 'all';
 
 async function loadFriends() {
   const el = $('#friends-content');
-  html(el, '<div class="loading-mask"><div class="spinner"></div>Loading friends...</div>');
+  html(el, '<div class="loading-mask"><div class="spinner"></div>' + t('loading_friends') + '</div>');
   const results = await Promise.allSettled([api('/friends'), api('/friends/requests'), api('/sessions')]);
   const friends = results[0].status === 'fulfilled' ? results[0].value : { friends: [] };
   const requests = results[1].status === 'fulfilled' ? results[1].value : { requests: [] };
@@ -10521,9 +11409,9 @@ async function loadFriends() {
   const sessCount = (sessions.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>
-    <button class="filter-btn \${friendsSubTab==='requests'?'active':''}" onclick="friendsSubTab='requests';loadFriends()">\u{1F4E8} Requests (<span id="rc">\${reqCount}</span>)</button>
-    <button class="filter-btn \${friendsSubTab==='sessions'?'active':''}" onclick="friendsSubTab='sessions';loadFriends()">\u{1F517} Sessions (<span id="sc">\${sessCount}</span>)</button>
+    <button class="filter-btn \${friendsSubTab==='friends'?'active':''}" onclick="friendsSubTab='friends';loadFriends()">\u{1F465} \${t('friends')} (<span id="fc">\${friendCount}</span>)</button>
+    <button class="filter-btn \${friendsSubTab==='requests'?'active':''}" onclick="friendsSubTab='requests';loadFriends()">\u{1F4E8} \${t('requests')} (<span id="rc">\${reqCount}</span>)</button>
+    <button class="filter-btn \${friendsSubTab==='sessions'?'active':''}" onclick="friendsSubTab='sessions';loadFriends()">\u{1F517} \${t('sessions')} (<span id="sc">\${sessCount}</span>)</button>
   \\\`);
 
   window._friendsData = friends;
@@ -10558,24 +11446,24 @@ function renderFriendsList(friends) {
 
   html(el, \\\`
     <div class="toolbar">
-      <div class="search-box"><input type="text" placeholder="Search friends..." id="friend-search" oninput="filterFriendTable()"></div>
+      <div class="search-box"><input type="text" placeholder="\${t('search_friends')}" id="friend-search" oninput="filterFriendTable()"></div>
       <div class="filter-group">
-        <button class="filter-btn \${friendsFilter==='all'?'active':''}" onclick="friendsFilter='all';filterFriendTable()">All</button>
-        <button class="filter-btn \${friendsFilter==='ai'?'active':''}" onclick="friendsFilter='ai';filterFriendTable()">AI</button>
-        <button class="filter-btn \${friendsFilter==='human'?'active':''}" onclick="friendsFilter='human';filterFriendTable()">Human</button>
+        <button class="filter-btn \${friendsFilter==='all'?'active':''}" onclick="friendsFilter='all';filterFriendTable()">\${t('all')}</button>
+        <button class="filter-btn \${friendsFilter==='ai'?'active':''}" onclick="friendsFilter='ai';filterFriendTable()">\${t('ai')}</button>
+        <button class="filter-btn \${friendsFilter==='human'?'active':''}" onclick="friendsFilter='human';filterFriendTable()">\${t('human')}</button>
       </div>
       <span style="flex:1"></span>
-      <button class="btn btn-sm btn-primary" onclick="showAddFriendModal()" \${isOffline ? 'disabled title="Unavailable while offline"' : ''}>\u2795 Add Friend</button>
+      <button class="btn btn-sm btn-primary" onclick="showAddFriendModal()" \${isOffline ? 'disabled title="' + t('unavailable_offline') + '"' : ''}>\${t('add_friend')}</button>
       <button class="btn btn-sm btn-default" onclick="loadFriends()">\u{1F504}</button>
     </div>
     <div class="card" style="padding:0;overflow:hidden">
       <div style="overflow-x:auto;max-height:calc(100vh - 280px);overflow-y:auto">
         <table>
-          <thead><tr><th style="width:60px">Type</th><th>Friend</th><th>Permissions</th><th>Fingerprint</th><th>Last Message</th><th style="width:80px">Actions</th></tr></thead>
+          <thead><tr><th style="width:60px">\${t('type')}</th><th>\${t('friend_label')}</th><th>\${t('permissions')}</th><th>\${t('fingerprint')}</th><th>\${t('last_message')}</th><th style="width:80px">\${t('actions')}</th></tr></thead>
           <tbody id="friend-table-body">\${rows}</tbody>
         </table>
       </div>
-      \${!friends.length ? '<div class="empty"><div class="icon">\u{1F465}</div><p>No friends yet</p><p class="sub">Add a friend using their 6-digit temp number or node ID</p></div>' : ''}
+      \${!friends.length ? '<div class="empty"><div class="icon">\u{1F465}</div><p>' + t('no_friends_yet') + '</p><p class="sub">' + t('add_friend_hint') + '</p></div>' : ''}
     </div>
   \\\`);
 }
@@ -10600,18 +11488,18 @@ function renderRequestsList(requests) {
       <td><span class="badge badge-\${stCls}">\${escHtml(r.status)}</span></td>
       <td>\${timeAgo(r.createdAt)}</td>
       <td>
-        \${r.status === 'pending' ? '<div class="actions-cell"><button class="btn btn-sm btn-ok" onclick="acceptFriendReq(\\'' + escHtml(r.id) + '\\')">\u2713 Accept</button><button class="btn btn-sm btn-danger" onclick="rejectFriendReq(\\'' + escHtml(r.id) + '\\')">\u2717 Reject</button></div>' : '\u2014'}
+        \${r.status === 'pending' ? '<div class="actions-cell"><button class="btn btn-sm btn-ok" onclick="acceptFriendReq(\\'' + escHtml(r.id) + '\\')">\u2713 \${t('accept')}</button><button class="btn btn-sm btn-danger" onclick="rejectFriendReq(\\'' + escHtml(r.id) + '\\')">\u2717 \${t('reject')}</button></div>' : '\u2014'}
       </td>
     </tr>\\\`;
   });
   html(el, \\\`
-    <div class="toolbar"><button class="btn btn-sm btn-default" onclick="loadFriends()">\u{1F504} Refresh</button></div>
+    <div class="toolbar"><button class="btn btn-sm btn-default" onclick="loadFriends()">\u{1F504} \${t('refresh')}</button></div>
     <div class="card" style="padding:0;overflow:hidden">
       <div style="overflow-x:auto"><table>
-        <thead><tr><th>Request ID</th><th>From</th><th>Status</th><th>Time</th><th style="width:160px">Actions</th></tr></thead>
+        <thead><tr><th>\${t('request_id')}</th><th>\${t('from')}</th><th>\${t('status')}</th><th>\${t('time')}</th><th style="width:160px">\${t('actions')}</th></tr></thead>
         <tbody>\${rows}</tbody>
       </table></div>
-      \${!requests.length ? '<div class="empty"><div class="icon">\u{1F4E8}</div><p>No pending requests</p></div>' : ''}
+      \${!requests.length ? '<div class="empty"><div class="icon">\u{1F4E8}</div><p>' + t('no_pending_requests') + '</p></div>' : ''}
     </div>
   \\\`);
 }
@@ -10623,17 +11511,17 @@ function renderSessionsList(sessions) {
     rows += \\\`<tr>
       <td class="mono" style="font-size:12px;cursor:pointer" onclick="copyText('\${escHtml(s.peerId)}')">\${escHtml(s.peerId)} \u{1F4CB}</td>
       <td>\${timeAgo(s.createdAt)}</td>
-      <td><span class="badge badge-info">\${s.messageCount} messages</span></td>
+      <td><span class="badge badge-info">\${s.messageCount} \${t('messages')}</span></td>
     </tr>\\\`;
   });
   html(el, \\\`
-    <div class="toolbar"><button class="btn btn-sm btn-default" onclick="loadFriends()">\u{1F504} Refresh</button></div>
+    <div class="toolbar"><button class="btn btn-sm btn-default" onclick="loadFriends()">\u{1F504} \${t('refresh')}</button></div>
     <div class="card" style="padding:0;overflow:hidden">
       <div style="overflow-x:auto"><table>
-        <thead><tr><th>Peer ID</th><th>Established</th><th>Messages</th></tr></thead>
+        <thead><tr><th>\${t('peer_id')}</th><th>\${t('established')}</th><th>\${t('messages')}</th></tr></thead>
         <tbody>\${rows}</tbody>
       </table></div>
-      \${!sessions.length ? '<div class="empty"><div class="icon">\u{1F517}</div><p>No active sessions</p></div>' : ''}
+      \${!sessions.length ? '<div class="empty"><div class="icon">\u{1F517}</div><p>' + t('no_active_sessions') + '</p></div>' : ''}
     </div>
   \\\`);
 }
@@ -10641,18 +11529,18 @@ function renderSessionsList(sessions) {
 function showAddFriendModal() { $('#add-friend-target').value = ''; showModal('modal-add-friend'); setTimeout(() => $('#add-friend-target')?.focus(), 100); }
 async function addFriend() {
   const target = $('#add-friend-target').value.trim();
-  if (!target) { toast('Enter a temp number or node ID', 'warn'); return; }
+  if (!target) { toast(t('enter_temp_or_id'), 'warn'); return; }
   hideModal('modal-add-friend');
-  toast('Sending friend request...', 'info');
+  toast(t('sending_request'), 'info');
   const r = await api('/friends', { method: 'POST', body: JSON.stringify({ target }) });
-  if (r.success) { toast(r.message || 'Friend request sent!', 'ok'); loadFriends(); }
-  else { toast(r.message || r.error || 'Failed to add friend', 'err'); }
+  if (r.success) { toast(r.message || t('friend_request_sent'), 'ok'); loadFriends(); }
+  else { toast(r.message || r.error || t('failed_add_friend'), 'err'); }
 }
 async function removeFriend(id) {
-  if (!confirm('Remove friend ' + id + '?')) return;
+  if (!confirm(t('remove_friend_confirm') + id + '?')) return;
   const r = await api('/friends/' + encodeURIComponent(id), { method: 'DELETE' });
-  if (r.success) { toast('Friend removed', 'ok'); loadFriends(); }
-  else { toast(r.message || r.error || 'Failed', 'err'); }
+  if (r.success) { toast(t('friend_removed'), 'ok'); loadFriends(); }
+  else { toast(r.message || r.error || t('failed'), 'err'); }
 }
 
 let _editFriendId = null;
@@ -10667,16 +11555,16 @@ async function saveFriendPerms() {
   if ($('#perm-chat').checked) perms.push('chat');
   if ($('#perm-exec').checked) perms.push('exec');
   const r = await api('/friends/' + encodeURIComponent(_editFriendId) + '/permissions', { method: 'PUT', body: JSON.stringify({ permissions: perms }) });
-  if (r.success) { toast('Permissions updated', 'ok'); hideModal('modal-permissions'); loadFriends(); }
-  else { toast(r.message || r.error || 'Failed', 'err'); }
+  if (r.success) { toast(t('permissions_updated'), 'ok'); hideModal('modal-permissions'); loadFriends(); }
+  else { toast(r.message || r.error || t('failed'), 'err'); }
 }
 async function acceptFriendReq(id) {
   const r = await api('/friends/requests/' + encodeURIComponent(id) + '/accept', { method: 'POST', body: JSON.stringify({ permissions: ['chat'] }) });
-  if (r.success) { toast('Request accepted', 'ok'); loadFriends(); } else { toast(r.message || r.error || 'Failed', 'err'); }
+  if (r.success) { toast(t('request_accepted'), 'ok'); loadFriends(); } else { toast(r.message || r.error || t('failed'), 'err'); }
 }
 async function rejectFriendReq(id) {
   const r = await api('/friends/requests/' + encodeURIComponent(id) + '/reject', { method: 'POST', body: JSON.stringify({}) });
-  if (r.success) { toast('Request rejected', 'ok'); loadFriends(); } else { toast(r.message || r.error || 'Failed', 'err'); }
+  if (r.success) { toast(t('request_rejected'), 'ok'); loadFriends(); } else { toast(r.message || r.error || t('failed'), 'err'); }
 }
 
 // \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
@@ -10686,36 +11574,81 @@ let _modelProviders = null;
 
 async function loadModels() {
   const el = $('#models-content');
-  html(el, '<div class="loading-mask"><div class="spinner"></div>Loading model configuration...</div>');
+  html(el, '<div class="loading-mask"><div class="spinner"></div>' + t('loading_models') + '</div>');
   const data = await api('/models');
   if (data.error) { html(el, '<div class="empty"><div class="icon">\u26A0\uFE0F</div><p>' + escHtml(data.error) + '</p></div>'); return; }
   _modelProviders = data;
   renderModels(data);
 }
 
+function getProviderIcon(id) {
+  const icons = {
+    openai: '\u{1F7E2}', anthropic: '\u{1F7E0}', google: '\u{1F535}', ollama: '\u{1F7E3}', deepseek: '\u{1F537}',
+    groq: '\u26A1', openrouter: '\u{1F310}', mistral: '\u{1F300}', together: '\u{1F52E}', fireworks: '\u{1F386}',
+    modelscope: '\u{1F3D7}\uFE0F', zhipu: '\u{1F9E0}', qwen: '\u2601\uFE0F', doubao: '\u{1FAD8}', moonshot: '\u{1F319}',
+    minimax: '\u{1F537}', stepfun: '\u{1F4C8}', baidu: '\u{1F50D}', spark: '\u2728',
+  };
+  if (id && id.startsWith('custom-')) return '\u{1F9E9}';
+  return icons[id] || '\u26AA';
+}
+
 function renderModels(data) {
   const el = $('#models-content');
   const providers = data.providers || [];
   const configured = providers.filter(p => p.configured).length;
+  const defaultModel = data.defaultModel || '';
+
+  // Default model banner
+  let defaultBanner = '';
+  if (defaultModel) {
+    defaultBanner = \\\`
+      <div class="card" style="border-color:var(--warn);background:var(--warn-bg)">
+        <div class="card-header">
+          <div class="card-title" style="color:#d97706">\u2B50 \${t('default_model_global')}</div>
+        </div>
+        <div style="display:flex;align-items:center;gap:12px">
+          <span class="badge badge-warn" style="font-size:13px;padding:4px 14px">\${escHtml(defaultModel)}</span>
+        </div>
+      </div>\\\`;
+  }
 
   let cards = '';
   providers.forEach(p => {
-    const icon = p.id === 'openai' ? '\u{1F7E2}' : p.id === 'anthropic' ? '\u{1F7E0}' : p.id === 'google' ? '\u{1F535}' : p.id === 'ollama' ? '\u{1F7E3}' : p.id === 'deepseek' ? '\u{1F537}' : p.id === 'groq' ? '\u26A1' : p.id === 'openrouter' ? '\u{1F310}' : '\u26AA';
+    const icon = getProviderIcon(p.id);
     const statusBadge = p.configured
-      ? '<span class="badge badge-ok">\u25CF Configured</span>'
-      : '<span class="badge badge-ghost">Not set</span>';
-    const currentModel = p.modelId ? '<span class="prov-model">' + escHtml(p.modelId) + '</span>' : '';
+      ? '<span class="badge badge-ok">' + t('key_set') + '</span>'
+      : '<span class="badge badge-ghost">' + t('not_set') + '</span>';
+
+    // Show multi-model info
+    let modelInfo = '';
+    if (p.configured && p.modelCount > 0) {
+      modelInfo = '<span class="prov-model">' + t('multi_model') + ': ' + p.modelCount + ' ' + t('models_under_provider') + '</span>';
+      const shownModels = (p.models || []).slice(0, 3);
+      shownModels.forEach(m => {
+        const isDef = defaultModel === (m.id || '');
+        modelInfo += '<span class="prov-model" style="margin-left:4px">' + escHtml(m.name || m.id || '') + (isDef ? ' \u2B50' : '') + '</span>';
+      });
+      if (p.modelCount > 3) {
+        modelInfo += '<span class="prov-model" style="color:var(--text3);margin-left:4px">+' + (p.modelCount - 3) + ' more</span>';
+      }
+    } else if (p.modelId) {
+      modelInfo = '<span class="prov-model">' + escHtml(p.modelId) + '</span>';
+    }
 
     cards += \\\`
-      <div class="provider-card" onclick="showModelConfigModal('\${escHtml(p.id)}')">
+      <div class="provider-card \${p.isCustom ? 'custom-provider' : ''}" onclick="\${p.isCustom ? "showEditCustomProviderModal('" + escHtml(p.id) + "')" : "showModelConfigModal('" + escHtml(p.id) + "')"}">
         <div class="prov-head">
-          <div class="prov-name">\${icon} \${escHtml(p.name)}</div>
+          <div class="prov-name">\${icon} \${escHtml(p.name)}\${p.isCustom ? ' <span class="tag" style="background:var(--accent-bg);color:var(--accent2)">\u{1F9E9} Custom</span>' : ''}</div>
           \${statusBadge}
         </div>
-        <div class="prov-desc">\${escHtml(p.description)}</div>
-        \${currentModel}
+        <div class="prov-desc">\${escHtml(p.description || '')}</div>
+        \${modelInfo}
         <div class="prov-actions">
-          <button class="btn btn-sm btn-primary" onclick="event.stopPropagation();showModelConfigModal('\${escHtml(p.id)}')">Configure</button>
+          \${p.isCustom
+            ? '<button class="btn btn-sm btn-ok" onclick="event.stopPropagation();showEditCustomProviderModal(\\'' + escHtml(p.id) + '\\')">\u270F\uFE0F ' + t('configure') + '</button>' +
+              '<button class="btn btn-sm btn-danger" onclick="event.stopPropagation();deleteCustomProvider(\\'' + escHtml(p.id) + '\\',\\'' + escHtml(p.name) + '\\')">\u{1F5D1}\uFE0F</button>'
+            : '<button class="btn btn-sm btn-primary" onclick="event.stopPropagation();showModelConfigModal(\\'' + escHtml(p.id) + '\\')">' + t('configure') + '</button>'
+          }
         </div>
       </div>\\\`;
   });
@@ -10724,14 +11657,16 @@ function renderModels(data) {
   if (data.currentModels && data.currentModels.length) {
     let rows = '';
     data.currentModels.forEach(m => {
+      const defaultTag = m.isDefault ? ' <span class="badge badge-warn" style="font-size:10px">\u2B50 ' + t('default_model_badge') + '</span>' : '';
       rows += \\\`<tr>
         <td style="font-weight:500">\${escHtml(m.provider)}</td>
-        <td class="mono">\${escHtml(m.modelId)}</td>
-        <td><span class="badge badge-ok">\u25CF Key set</span></td>
-        <td class="mono" style="font-size:11px">\${escHtml(m.baseUrl || 'default')}</td>
+        <td class="mono">\${escHtml(m.modelId)}\${defaultTag}</td>
+        <td>\${escHtml(m.modelName || '')}</td>
+        <td><span class="badge badge-ok">' + t('key_set') + '</span></td>
+        <td class="mono" style="font-size:11px">\${escHtml(m.baseUrl || t('default_model'))}</td>
         <td>
           <div class="actions-cell">
-            <button class="btn btn-sm btn-ghost" onclick="showModelConfigModal('\${escHtml(m.providerId)}')">Edit</button>
+            <button class="btn btn-sm btn-ghost" onclick="showModelConfigModal('\${escHtml(m.providerId)}')">\${t('configure')}</button>
             <button class="btn btn-sm btn-danger" onclick="deleteModelProvider('\${escHtml(m.providerId)}')" title="Delete">\u{1F5D1}\uFE0F</button>
           </div>
         </td>
@@ -10739,61 +11674,174 @@ function renderModels(data) {
     });
     activeModelsSection = \\\`
       <div class="card" style="margin-top:20px">
-        <div class="card-header"><div class="card-title">\u{1F4CA} Active Model Configurations</div></div>
+        <div class="card-header"><div class="card-title">\u{1F4CA} \${t('active_model_configs')}</div></div>
         <div style="overflow-x:auto"><table>
-          <thead><tr><th>Provider</th><th>Model</th><th>API Key</th><th>Base URL</th><th>Actions</th></tr></thead>
+          <thead><tr><th>\${t('provider')}</th><th>\${t('model')}</th><th>\${t('model_name_label')}</th><th>API Key</th><th>\${t('base_url')}</th><th>\${t('actions')}</th></tr></thead>
           <tbody>\${rows}</tbody>
         </table></div>
       </div>\\\`;
   }
 
   html(el, \\\`
+    \${defaultBanner}
     <div class="stats-grid" style="margin-bottom:24px">
       <div class="stat-card">
         <div class="stat-icon" style="background:var(--accent-bg)">\u{1F9E0}</div>
-        <div class="stat-label">Configured</div>
+        <div class="stat-label">\${t('configured')}</div>
         <div class="stat-value">\${configured} / \${providers.length}</div>
-        <div class="stat-sub">Providers with API keys</div>
+        <div class="stat-sub">\${t('providers_with_keys')}</div>
       </div>
+      \${defaultModel ? '<div class="stat-card"><div class="stat-icon" style="background:var(--warn-bg)">\u2B50</div><div class="stat-label">' + t('default_model_label') + '</div><div class="stat-value mono" style="font-size:13px">' + escHtml(defaultModel) + '</div></div>' : ''}
+    </div>
+    <p class="section-desc">\${t('configure_providers_desc')}</p>
+    <div style="margin-bottom:16px;text-align:right">
+      <button class="btn btn-primary" onclick="showAddCustomProviderModal()" style="font-size:13px">
+        \${t('add_custom_provider')}
+      </button>
     </div>
-    <p class="section-desc">Configure LLM providers for your agents. Click a provider card to set or update the API key, model, and base URL. Changes are saved directly to your config file.</p>
     <div class="provider-grid">\${cards}</div>
     \${activeModelsSection}
   \\\`);
 }
 
 let _editProviderId = null;
+
+// --- Custom Provider Functions ---
+var _editCustomId = null;
+
+function showAddCustomProviderModal() {
+  _editCustomId = null;
+  document.getElementById('custom-provider-title').textContent = t('custom_provider');
+  document.getElementById('custom-name').value = '';
+  document.getElementById('custom-api-key').value = '';
+  document.getElementById('custom-model-id').value = '';
+  document.getElementById('custom-base-url').value = '';
+  document.getElementById('custom-description').value = '';
+  showModal('modal-custom-provider');
+}
+
+function showEditCustomProviderModal(id) {
+  if (!_modelProviders) return;
+  const p = _modelProviders.providers.find(pr => pr.id === id);
+  if (!p || !p.isCustom) return;
+  _editCustomId = id;
+  document.getElementById('custom-provider-title').textContent = t('edit_custom_provider');
+  document.getElementById('custom-name').value = p.name || '';
+  document.getElementById('custom-api-key').value = '';
+  document.getElementById('custom-model-id').value = p.modelId || p.modelHint || '';
+  document.getElementById('custom-base-url').value = p.baseUrl || '';
+  document.getElementById('custom-description').value = p.description || '';
+  showModal('modal-custom-provider');
+}
+
+async function saveCustomProvider() {
+  var name = document.getElementById('custom-name').value.trim();
+  var apiKey = document.getElementById('custom-api-key').value.trim();
+  var modelId = document.getElementById('custom-model-id').value.trim();
+  var baseUrl = document.getElementById('custom-base-url').value.trim();
+  var description = document.getElementById('custom-description').value.trim();
+
+  if (!name) { toast(t('provider_name_required'), 'err'); return; }
+
+  var url, method;
+  if (_editCustomId) {
+    url = '/api/models/custom/' + encodeURIComponent(_editCustomId);
+    method = 'PUT';
+  } else {
+    url = '/api/models/custom';
+    method = 'POST';
+  }
+
+  var body = { name: name };
+  if (apiKey) body.apiKey = apiKey;
+  if (modelId) body.modelId = modelId;
+  if (baseUrl) body.baseUrl = baseUrl;
+  if (description) body.description = description;
+
+  try {
+    var resp = await fetch(url, { method: method, headers: { 'Content-Type': 'application/json' }, body: JSON.stringify(body) });
+    var data = await resp.json();
+    if (data.success) {
+      hideModal('modal-custom-provider');
+      toast(_editCustomId ? t('custom_provider_updated') : t('custom_provider_added'), 'ok');
+      loadModels();
+    } else {
+      toast(data.message || 'Failed', 'err');
+    }
+  } catch (e) {
+    toast('Request failed: ' + e.message, 'err');
+  }
+}
+
+function deleteCustomProvider(id, name) {
+  if (!confirm(t('confirm_delete_custom').replace('{name}', name || id))) return;
+  fetch('/api/models/custom/' + encodeURIComponent(id), { method: 'DELETE' })
+    .then(function(r) { return r.json(); })
+    .then(function(data) {
+      if (data.success) {
+        toast(t('custom_provider_deleted'), 'ok');
+        loadModels();
+      } else {
+        toast(data.message || 'Failed to delete', 'err');
+      }
+    })
+    .catch(function(e) { toast('Delete failed: ' + e.message, 'err'); });
+}
+
 function showModelConfigModal(id) {
   const p = (_modelProviders?.providers || []).find(x => x.id === id);
-  if (!p) { toast('Provider not found', 'err'); return; }
+  if (!p) { toast(t('provider_not_found'), 'err'); return; }
   _editProviderId = id;
   $('#model-name').textContent = p.name;
-  $('#model-icon').textContent = p.id === 'openai' ? '\u{1F7E2}' : p.id === 'anthropic' ? '\u{1F7E0}' : '\u{1F7E2}';
+  $('#model-icon').textContent = getProviderIcon(p.id);
   $('#model-api-key').value = '';
-  $('#model-api-key').placeholder = p.apiKeyHint || 'Enter API key';
+  $('#model-api-key').placeholder = p.apiKeyHint || t('enter_api_key');
   $('#model-model-id').value = p.modelId || '';
-  $('#model-model-id').placeholder = p.modelHint || 'Model ID';
+  $('#model-model-id').placeholder = p.modelHint || t('enter_model_id');
   $('#model-base-url').value = p.baseUrl || '';
-  $('#model-base-url').placeholder = p.baseUrlHint || 'Default URL';
-  $('#model-current-key').textContent = p.apiKeyHasValue ? 'Current: ' + p.apiKey : 'No API key configured';
+  $('#model-base-url').placeholder = p.baseUrlHint || t('default_url');
+  $('#model-current-key').textContent = p.apiKeyHasValue ? t('current_key') + p.apiKey : t('no_api_key');
+  // Show multi-model list if available
+  const modelsListEl = document.getElementById('model-multi-list');
+  if (modelsListEl) {
+    if (p.models && p.models.length > 0) {
+      const defaultModel = _modelProviders?.defaultModel || '';
+      let html = '<div style="font-size:12px;color:var(--text2);margin-bottom:8px;font-weight:600">' + t('model_count') + ': ' + p.models.length + '</div>';
+      html += '<div style="max-height:160px;overflow-y:auto">';
+      p.models.forEach(m => {
+        const isDef = defaultModel === (m.id || '');
+        html += '<div style="display:flex;align-items:center;gap:8px;padding:4px 0;font-size:12px;border-bottom:1px solid var(--border)">' +
+          '<span class="mono" style="flex:1">' + escHtml(m.name || m.id || '') + '</span>' +
+          '<span class="mono" style="color:var(--text3);font-size:11px">' + escHtml(m.id || '') + '</span>' +
+          (isDef ? '<span class="badge badge-warn" style="font-size:10px">\u2B50</span>' : '') +
+          '</div>';
+      });
+      html += '</div>';
+      modelsListEl.innerHTML = html;
+      modelsListEl.style.display = '';
+    } else {
+      modelsListEl.innerHTML = '';
+      modelsListEl.style.display = 'none';
+    }
+  }
   showModal('modal-model-config');
 }
 async function saveModelConfig() {
   const apiKey = $('#model-api-key').value.trim();
   const modelId = $('#model-model-id').value.trim();
   const baseUrl = $('#model-base-url').value.trim();
-  if (!apiKey && !modelId) { toast('Enter at least an API key or model ID', 'warn'); return; }
+  if (!apiKey && !modelId) { toast(t('enter_api_key_or_model'), 'warn'); return; }
   hideModal('modal-model-config');
-  toast('Saving configuration...', 'info');
+  toast(t('saving_config'), 'info');
   const r = await api('/models/' + encodeURIComponent(_editProviderId), { method: 'PUT', body: JSON.stringify({ apiKey, modelId, baseUrl }) });
-  if (r.success) { toast(r.message || 'Configuration saved!', 'ok'); loadModels(); }
-  else { toast(r.message || r.error || 'Failed to save', 'err'); }
+  if (r.success) { toast(r.message || t('config_saved'), 'ok'); loadModels(); }
+  else { toast(r.message || r.error || t('failed_save'), 'err'); }
 }
 async function deleteModelProvider(providerId) {
-  if (!confirm('Delete configuration for provider "' + providerId + '"? This will remove its API key and model settings.')) return;
+  if (!confirm(t('confirm_delete_provider') + providerId + '"?')) return;
   const r = await api('/models/' + encodeURIComponent(providerId), { method: 'DELETE' });
-  if (r.success) { toast('Provider configuration deleted', 'ok'); loadModels(); }
-  else { toast(r.message || r.error || 'Delete failed', 'err'); }
+  if (r.success) { toast(t('provider_deleted'), 'ok'); loadModels(); }
+  else { toast(r.message || r.error || t('delete_failed'), 'err'); }
 }
 
 // \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
@@ -10824,7 +11872,7 @@ function formatUptime(seconds) {
 
 async function loadSettings() {
   const el = $('#settings-content');
-  html(el, '<div class="loading-mask"><div class="spinner"></div>Loading settings...</div>');
+  html(el, '<div class="loading-mask"><div class="spinner"></div>' + t('loading_settings') + '</div>');
 
   const settings = await api('/settings');
   if (settings.error) {
@@ -10836,11 +11884,11 @@ async function loadSettings() {
 
   // Render settings tabs nav
   html('#settings-tabs', \\\`
-    <button class="filter-btn \${_settingsTab==='connection'?'active':''}" onclick="_settingsTab='connection';renderSettingsTab()">\u{1F50C} Connection</button>
-    <button class="filter-btn \${_settingsTab==='friends'?'active':''}" onclick="_settingsTab='friends';renderSettingsTab()">\u{1F465} Friends</button>
-    <button class="filter-btn \${_settingsTab==='security'?'active':''}" onclick="_settingsTab='security';renderSettingsTab()">\u{1F512} Security</button>
-    <button class="filter-btn \${_settingsTab==='advanced'?'active':''}" onclick="_settingsTab='advanced';renderSettingsTab()">\u2699\uFE0F Advanced</button>
-    <button class="filter-btn \${_settingsTab==='json'?'active':''}" onclick="_settingsTab='json';renderSettingsTab()">\u{1F4DD} JSON Editor</button>
+    <button class="filter-btn \${_settingsTab==='connection'?'active':''}" onclick="_settingsTab='connection';renderSettingsTab()">\${t('tab_connection')}</button>
+    <button class="filter-btn \${_settingsTab==='friends'?'active':''}" onclick="_settingsTab='friends';renderSettingsTab()">\${t('tab_friends')}</button>
+    <button class="filter-btn \${_settingsTab==='security'?'active':''}" onclick="_settingsTab='security';renderSettingsTab()">\${t('tab_security')}</button>
+    <button class="filter-btn \${_settingsTab==='advanced'?'active':''}" onclick="_settingsTab='advanced';renderSettingsTab()">\${t('tab_advanced')}</button>
+    <button class="filter-btn \${_settingsTab==='json'?'active':''}" onclick="_settingsTab='json';renderSettingsTab()">\${t('tab_json')}</button>
   \\\`);
 
   renderSettingsTab();
@@ -10849,11 +11897,11 @@ async function loadSettings() {
 function renderSettingsTab() {
   // Update tab buttons
   html('#settings-tabs', \\\`
-    <button class="filter-btn \${_settingsTab==='connection'?'active':''}" onclick="_settingsTab='connection';renderSettingsTab()">\u{1F50C} Connection</button>
-    <button class="filter-btn \${_settingsTab==='friends'?'active':''}" onclick="_settingsTab='friends';renderSettingsTab()">\u{1F465} Friends</button>
-    <button class="filter-btn \${_settingsTab==='security'?'active':''}" onclick="_settingsTab='security';renderSettingsTab()">\u{1F512} Security</button>
-    <button class="filter-btn \${_settingsTab==='advanced'?'active':''}" onclick="_settingsTab='advanced';renderSettingsTab()">\u2699\uFE0F Advanced</button>
-    <button class="filter-btn \${_settingsTab==='json'?'active':''}" onclick="_settingsTab='json';renderSettingsTab()">\u{1F4DD} JSON Editor</button>
+    <button class="filter-btn \${_settingsTab==='connection'?'active':''}" onclick="_settingsTab='connection';renderSettingsTab()">\${t('tab_connection')}</button>
+    <button class="filter-btn \${_settingsTab==='friends'?'active':''}" onclick="_settingsTab='friends';renderSettingsTab()">\${t('tab_friends')}</button>
+    <button class="filter-btn \${_settingsTab==='security'?'active':''}" onclick="_settingsTab='security';renderSettingsTab()">\${t('tab_security')}</button>
+    <button class="filter-btn \${_settingsTab==='advanced'?'active':''}" onclick="_settingsTab='advanced';renderSettingsTab()">\${t('tab_advanced')}</button>
+    <button class="filter-btn \${_settingsTab==='json'?'active':''}" onclick="_settingsTab='json';renderSettingsTab()">\${t('tab_json')}</button>
   \\\`);
 
   switch (_settingsTab) {
@@ -10866,7 +11914,7 @@ function renderSettingsTab() {
 }
 
 function sectionSaveBtn(section, id) {
-  return \\\`<button class="btn btn-primary btn-sm" id="btn-save-\${id}" onclick="saveSettingsSection('\${section}', '\${id}')">\u{1F4BE} Save</button>
+  return \\\`<button class="btn btn-primary btn-sm" id="btn-save-\${id}" onclick="saveSettingsSection('\${section}', '\${id}')">\${t('save')}</button>
     <span id="status-\${id}" style="font-size:12px;color:var(--text3);margin-left:8px"></span>\\\`;
 }
 
@@ -10876,51 +11924,51 @@ function renderSettingsConnection() {
   const el = $('#settings-content');
 
   html(el, \\\`
-    <p class="section-desc">Configure server connection and WebSocket settings. Changes require a plugin restart to take full effect.</p>
+    <p class="section-desc">\${t('conn_desc')}</p>
 
     <div class="card">
       <div class="card-header">
-        <div class="card-title">\u{1F310} Server Connection</div>
-        <span class="badge badge-\${s.connected ? 'ok' : 'danger'}">\${s.connected ? '\u25CF Connected' : '\u25CB Disconnected'}</span>
+        <div class="card-title">\${t('server_connection')}</div>
+        <span class="badge badge-\${s.connected ? 'ok' : 'danger'}">\${s.connected ? '\u25CF ' + t('connected') : '\u25CB ' + t('disconnected')}</span>
       </div>
       <div class="form-group">
-        <label>Server URL</label>
+        <label>\${t('server_url_label')}</label>
         <div style="display:flex;gap:8px;align-items:start">
           <div style="flex:1">
             <div class="input-prefix">
               <span class="prefix">\u{1F310}</span>
               <input type="url" id="set-server-url" value="\${escHtml(s.serverUrl || '')}" placeholder="https://aicq.online">
             </div>
-            <div class="hint">The HTTPS URL of the AICQ relay server. WebSocket path /ws is auto-appended.</div>
+            <div class="hint">\${t('server_url_hint')}</div>
           </div>
-          <button class="btn btn-ok btn-sm" id="btn-test-conn" onclick="testConnection()" style="white-space:nowrap;margin-top:1px">\u{1F50D} Test</button>
+          <button class="btn btn-ok btn-sm" id="btn-test-conn" onclick="testConnection()" style="white-space:nowrap;margin-top:1px">\u{1F50D} \${t('test')}</button>
         </div>
         <div id="conn-test-result" style="margin-top:8px"></div>
       </div>
 
       <div class="form-row">
         <div class="form-group">
-          <label>Connection Timeout (seconds)</label>
+          <label>\${t('conn_timeout')}</label>
           <input type="number" id="set-connection-timeout" value="\${s.connectionTimeout || 30}" min="5" max="120" placeholder="30">
-          <div class="hint">HTTP request timeout (5\u2013120s). Default: 30s.</div>
+          <div class="hint">\${t('conn_timeout_hint')}</div>
         </div>
         <div class="form-group">
-          <label>WS Auto-Reconnect</label>
+          <label>\${t('ws_auto_reconnect')}</label>
           <div style="display:flex;align-items:center;gap:10px;margin-top:6px">
             <label class="toggle-label">
               <input type="checkbox" id="set-ws-auto-reconnect" \${s.wsAutoReconnect ? 'checked' : ''}>
               <span class="toggle-slider"></span>
-              <span>Auto-reconnect when disconnected</span>
+              <span>\${t('auto_reconnect_label')}</span>
             </label>
           </div>
-          <div class="hint">Automatically reconnect WebSocket on disconnection.</div>
+          <div class="hint">\${t('auto_reconnect_hint')}</div>
         </div>
       </div>
 
       <div class="form-group">
-        <label>WS Reconnect Interval (seconds)</label>
+        <label>\${t('ws_reconnect_interval')}</label>
         <input type="number" id="set-ws-reconnect-interval" value="\${s.wsReconnectInterval || 60}" min="5" max="600" placeholder="60">
-        <div class="hint">Interval between reconnection attempts (5\u2013600s). Default: 60s.</div>
+        <div class="hint">\${t('ws_reconnect_hint')}</div>
       </div>
 
       <div style="display:flex;justify-content:flex-end;padding-top:8px;border-top:1px solid var(--border);margin-top:8px">
@@ -10929,11 +11977,11 @@ function renderSettingsConnection() {
     </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 mono" style="cursor:pointer" onclick="copyText('\${escHtml(s.configPath || '')}')">\${escHtml(s.configPath || 'Not found')} \u{1F4CB}</div></div>
-      <div class="detail-row"><div class="detail-key">Plugin Version</div><div class="detail-val">1.1.1</div></div>
-      <div class="detail-row"><div class="detail-key">Management UI</div><div class="detail-val" id="mgmt-url-display" style="cursor:pointer" onclick="copyText(document.getElementById('mgmt-url-display')?.textContent || '')"></div></div>
-      <div class="detail-row"><div class="detail-key">Uptime</div><div class="detail-val">\${formatUptime(s.uptimeSeconds)}</div></div>
+      <div class="card-header"><div class="card-title">\${t('config_file')}</div></div>
+      <div class="detail-row"><div class="detail-key">\${t('source')}</div><div class="detail-val mono" style="cursor:pointer" onclick="copyText('\${escHtml(s.configPath || '')}')">\${escHtml(s.configPath || t('not_found'))} \u{1F4CB}</div></div>
+      <div class="detail-row"><div class="detail-key">\${t('plugin_version')}</div><div class="detail-val">1.1.1</div></div>
+      <div class="detail-row"><div class="detail-key">\${t('mgmt_ui')}</div><div class="detail-val" id="mgmt-url-display" style="cursor:pointer" onclick="copyText(document.getElementById('mgmt-url-display')?.textContent || '')"></div></div>
+      <div class="detail-row"><div class="detail-key">\${t('uptime')}</div><div class="detail-val">\${formatUptime(s.uptimeSeconds)}</div></div>
     </div>
   \\\`);
 }
@@ -10943,37 +11991,37 @@ async function testConnection() {
   const resultEl = $('#conn-test-result');
   const url = $('#set-server-url')?.value?.trim() || _settingsData.serverUrl;
 
-  if (!url) { toast('Enter a server URL first', 'warn'); return; }
+  if (!url) { toast(t('enter_server_url'), 'warn'); return; }
 
-  if (btn) { btn.disabled = true; btn.innerHTML = '<span class="spinner" style="width:14px;height:14px;border-width:2px;margin:0"></span> Testing...'; }
-  if (resultEl) html(resultEl, '<div style="font-size:12px;color:var(--text3);display:flex;align-items:center;gap:6px"><span class="spinner" style="width:12px;height:12px;border-width:2px"></span> Testing connection to ' + escHtml(url) + '...</div>');
+  if (btn) { btn.disabled = true; btn.innerHTML = '<span class="spinner" style="width:14px;height:14px;border-width:2px;margin:0"></span> ' + t('testing'); }
+  if (resultEl) html(resultEl, '<div style="font-size:12px;color:var(--text3);display:flex;align-items:center;gap:6px"><span class="spinner" style="width:12px;height:12px;border-width:2px"></span> ' + t('testing_conn_to') + escHtml(url) + '...</div>');
 
   const r = await api('/settings/test-connection', {
     method: 'POST',
     body: JSON.stringify({ serverUrl: url, timeout: 10000 }),
   });
 
-  if (btn) { btn.disabled = false; btn.innerHTML = '\u{1F50D} Test'; }
+  if (btn) { btn.disabled = false; btn.innerHTML = '\u{1F50D} ' + t('test'); }
 
   if (r.success) {
     const latencyBadge = r.latency < 200 ? '<span class="badge badge-ok">' + r.latency + 'ms</span>' : r.latency < 1000 ? '<span class="badge badge-warn">' + r.latency + 'ms</span>' : '<span class="badge badge-danger">' + r.latency + 'ms</span>';
     if (resultEl) html(resultEl, \\\`
       <div style="display:flex;align-items:center;gap:10px;font-size:12px;color:var(--ok)">
-        <span class="dot dot-ok"></span> Connected successfully \${latencyBadge}
+        <span class="dot dot-ok"></span> \${t('conn_ok')} \${latencyBadge}
         \${r.serverInfo?.version ? '<span class="tag">v' + escHtml(r.serverInfo.version) + '</span>' : ''}
       </div>
     \\\`);
-    toast('Connection OK! Latency: ' + r.latency + 'ms', 'ok');
+    toast(t('conn_ok_latency') + r.latency + 'ms', 'ok');
   } else {
     const cls = r.status === 'timeout' ? 'warn' : 'danger';
     const icon = r.status === 'timeout' ? '\u23F1\uFE0F' : '\u274C';
     if (resultEl) html(resultEl, \\\`
       <div style="font-size:12px;color:var(--\${cls});display:flex;align-items:center;gap:8px">
-        \${icon} \${escHtml(r.message || 'Connection failed')}
+        \${icon} \${escHtml(r.message || t('conn_failed'))}
         <span class="badge badge-ghost">\${r.latency}ms</span>
       </div>
     \\\`);
-    toast(r.message || 'Connection failed', 'err');
+    toast(r.message || t('conn_failed'), 'err');
   }
 }
 
@@ -10983,58 +12031,58 @@ function renderSettingsFriends() {
   const el = $('#settings-content');
 
   html(el, \\\`
-    <p class="section-desc">Configure friend management, permissions, and temporary number settings.</p>
+    <p class="section-desc">\${t('friends_tab_desc')}</p>
 
     <div class="stats-grid" style="margin-bottom:20px">
       <div class="stat-card">
         <div class="stat-icon" style="background:var(--ok-bg)">\u{1F465}</div>
-        <div class="stat-label">Friends</div>
+        <div class="stat-label">\${t('friends')}</div>
         <div class="stat-value">\${s.friendCount || 0}</div>
-        <div class="stat-sub">of \${s.maxFriends || 200} max</div>
+        <div class="stat-sub">\${t('of_max')}\${s.maxFriends || 200}</div>
       </div>
       <div class="stat-card">
         <div class="stat-icon" style="background:var(--info-bg)">\u{1F517}</div>
-        <div class="stat-label">Sessions</div>
+        <div class="stat-label">\${t('sessions')}</div>
         <div class="stat-value">\${s.sessionCount || 0}</div>
-        <div class="stat-sub">Encrypted sessions</div>
+        <div class="stat-sub">\${t('encrypted_sessions')}</div>
       </div>
     </div>
 
     <div class="card">
-      <div class="card-header"><div class="card-title">\u{1F465} Friend Limits & Permissions</div></div>
+      <div class="card-header"><div class="card-title">\u{1F465} \${t('max_friends')} & \${t('permissions')}</div></div>
       <div class="form-row">
         <div class="form-group">
-          <label>Max Friends</label>
+          <label>\${t('max_friends')}</label>
           <input type="number" id="set-max-friends" value="\${s.maxFriends || 200}" min="1" max="10000" placeholder="200">
-          <div class="hint">Maximum number of encrypted friend connections (1\u201310,000).</div>
+          <div class="hint">\${t('max_friends')} (1\u201310,000)</div>
         </div>
         <div class="form-group">
-          <label>Auto-Accept Friends</label>
+          <label>\${t('auto_accept')}</label>
           <div style="display:flex;align-items:center;gap:10px;margin-top:6px">
             <label class="toggle-label">
               <input type="checkbox" id="set-auto-accept" \${s.autoAcceptFriends ? 'checked' : ''}>
               <span class="toggle-slider"></span>
-              <span>Automatically accept requests</span>
+              <span>\${t('auto_accept_label')}</span>
             </label>
           </div>
-          <div class="hint">When enabled, incoming friend requests are accepted without review.</div>
+          <div class="hint">\${t('auto_accept_hint')}</div>
         </div>
       </div>
       <div class="form-group">
-        <label>Default Permissions for New Friends</label>
+        <label>\${t('default_perms')}</label>
         <div style="display:flex;gap:16px;margin-top:6px;flex-wrap:wrap">
           <label class="toggle-label">
             <input type="checkbox" id="set-perm-chat" \${(s.defaultPermissions || []).includes('chat') ? 'checked' : ''}>
             <span class="toggle-slider"></span>
-            <span>\u{1F4AC} Chat</span>
+            <span>\${t('chat_perm')}</span>
           </label>
           <label class="toggle-label">
             <input type="checkbox" id="set-perm-exec" \${(s.defaultPermissions || []).includes('exec') ? 'checked' : ''}>
             <span class="toggle-slider"></span>
-            <span>\u{1F527} Exec</span>
+            <span>\${t('exec_perm')}</span>
           </label>
         </div>
-        <div class="hint">Default permissions applied when auto-accepting new friend requests.</div>
+        <div class="hint">\${t('default_perms_hint')}</div>
       </div>
       <div style="display:flex;justify-content:flex-end;padding-top:8px;border-top:1px solid var(--border);margin-top:8px">
         \${sectionSaveBtn('friends', 'friends')}
@@ -11042,11 +12090,11 @@ function renderSettingsFriends() {
     </div>
 
     <div class="card">
-      <div class="card-header"><div class="card-title">\u{1F522} Temporary Numbers</div></div>
+      <div class="card-header"><div class="card-title">\${t('temp_numbers')}</div></div>
       <div class="form-group">
-        <label>Temp Number Expiry (seconds)</label>
+        <label>\${t('temp_expiry')}</label>
         <input type="number" id="set-temp-expiry" value="\${s.tempNumberExpiry || 300}" min="60" max="3600" placeholder="300">
-        <div class="hint">How long a temporary friend number remains valid (60\u20133600s). Default: 5 minutes.</div>
+        <div class="hint">\${t('temp_expiry_hint')}</div>
       </div>
       <div style="display:flex;justify-content:flex-end;padding-top:8px;border-top:1px solid var(--border);margin-top:8px">
         \${sectionSaveBtn('temp', 'temp')}
@@ -11061,36 +12109,36 @@ function renderSettingsSecurity() {
   const el = $('#settings-content');
 
   html(el, \\\`
-    <p class="section-desc">Configure encryption, P2P, and identity security settings.</p>
+    <p class="section-desc">\${t('sec_desc')}</p>
 
     <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(s.agentId)}')">\${escHtml(s.agentId)} \u{1F4CB}</div></div>
-      <div class="detail-row"><div class="detail-key">Public Key Fingerprint</div><div class="detail-val mono">\${escHtml(s.publicKeyFingerprint || '\u2014')}</div></div>
+      <div class="card-header"><div class="card-title">\${t('agent_identity')}</div></div>
+      <div class="detail-row"><div class="detail-key">\${t('agent_id')}</div><div class="detail-val mono" style="cursor:pointer" onclick="copyText('\${escHtml(s.agentId)}')">\${escHtml(s.agentId)} \u{1F4CB}</div></div>
+      <div class="detail-row"><div class="detail-key">\${t('public_key_fp')}</div><div class="detail-val mono">\${escHtml(s.publicKeyFingerprint || '\u2014')}</div></div>
       <div style="padding-top:12px;display:flex;gap:8px">
-        <button class="btn btn-danger btn-sm" onclick="showResetIdentityModal()">\u{1F5D1}\uFE0F Reset Identity</button>
-        <span style="font-size:12px;color:var(--text3);display:flex;align-items:center">\u26A0\uFE0F This deletes all friends, sessions, and keys permanently</span>
+        <button class="btn btn-danger btn-sm" onclick="showResetIdentityModal()">\${t('reset_identity')}</button>
+        <span style="font-size:12px;color:var(--text3);display:flex;align-items:center">\${t('reset_identity_warn')}</span>
       </div>
     </div>
 
     <div class="card">
-      <div class="card-header"><div class="card-title">\u{1F512} P2P & Encryption</div></div>
+      <div class="card-header"><div class="card-title">\${t('p2p_encryption')}</div></div>
       <div class="form-row">
         <div class="form-group">
-          <label>Enable P2P Connections</label>
+          <label>\${t('enable_p2p')}</label>
           <div style="display:flex;align-items:center;gap:10px;margin-top:6px">
             <label class="toggle-label">
               <input type="checkbox" id="set-enable-p2p" \${s.enableP2P ? 'checked' : ''}>
               <span class="toggle-slider"></span>
-              <span>Allow direct P2P messaging</span>
+              <span>\${t('allow_p2p')}</span>
             </label>
           </div>
-          <div class="hint">Enable peer-to-peer encrypted connections when both parties are online.</div>
+          <div class="hint">\${t('enable_p2p_hint')}</div>
         </div>
         <div class="form-group">
-          <label>Handshake Timeout (seconds)</label>
+          <label>\${t('hs_timeout')}</label>
           <input type="number" id="set-handshake-timeout" value="\${s.handshakeTimeout || 60}" min="10" max="300" placeholder="60">
-          <div class="hint">Noise-XK handshake timeout (10\u2013300s). Default: 60s.</div>
+          <div class="hint">\${t('hs_timeout_hint')}</div>
         </div>
       </div>
       <div style="display:flex;justify-content:flex-end;padding-top:8px;border-top:1px solid var(--border);margin-top:8px">
@@ -11106,24 +12154,24 @@ function renderSettingsAdvanced() {
   const el = $('#settings-content');
 
   html(el, \\\`
-    <p class="section-desc">Advanced settings for file transfer, logging, and configuration management.</p>
+    <p class="section-desc">\${t('adv_desc')}</p>
 
     <div class="card">
-      <div class="card-header"><div class="card-title">\u{1F4CE} File Transfer</div></div>
+      <div class="card-header"><div class="card-title">\${t('file_transfer')}</div></div>
       <div class="form-row">
         <div class="form-group">
-          <label>Enable File Transfer</label>
+          <label>\${t('enable_ft')}</label>
           <div style="display:flex;align-items:center;gap:10px;margin-top:6px">
             <label class="toggle-label">
               <input type="checkbox" id="set-enable-ft" \${s.enableFileTransfer ? 'checked' : ''}>
               <span class="toggle-slider"></span>
-              <span>Allow file transfers</span>
+              <span>\${t('allow_ft')}</span>
             </label>
           </div>
-          <div class="hint">Enable encrypted file transfer between friends.</div>
+          <div class="hint">\${t('enable_ft_hint')}</div>
         </div>
         <div class="form-group">
-          <label>Max File Size</label>
+          <label>\${t('max_file_size')}</label>
           <select id="set-max-file-size">
             <option value="10485760" \${s.maxFileSize <= 10485760 ? 'selected' : ''}>10 MB</option>
             <option value="52428800" \${s.maxFileSize > 10485760 && s.maxFileSize <= 52428800 ? 'selected' : ''}>50 MB</option>
@@ -11131,7 +12179,7 @@ function renderSettingsAdvanced() {
             <option value="524288000" \${s.maxFileSize > 104857600 && s.maxFileSize <= 524288000 ? 'selected' : ''}>500 MB</option>
             <option value="1073741824" \${s.maxFileSize > 524288000 ? 'selected' : ''}>1 GB</option>
           </select>
-          <div class="hint">Maximum file size for encrypted transfers. Current: \${formatBytes(s.maxFileSize)}.</div>
+          <div class="hint">\${t('max_file_size_hint')}\${formatBytes(s.maxFileSize)}.</div>
         </div>
       </div>
       <div style="display:flex;justify-content:flex-end;padding-top:8px;border-top:1px solid var(--border);margin-top:8px">
@@ -11140,17 +12188,17 @@ function renderSettingsAdvanced() {
     </div>
 
     <div class="card">
-      <div class="card-header"><div class="card-title">\u{1F4CB} Logging</div></div>
+      <div class="card-header"><div class="card-title">\${t('logging')}</div></div>
       <div class="form-group">
-        <label>Log Level</label>
+        <label>\${t('log_level')}</label>
         <select id="set-log-level" style="max-width:300px">
-          <option value="debug" \${s.logLevel === 'debug' ? 'selected' : ''}>\u{1F41B} Debug \u2014 Verbose output for troubleshooting</option>
-          <option value="info" \${s.logLevel === 'info' ? 'selected' : ''}>\u2139\uFE0F Info \u2014 General information (default)</option>
-          <option value="warn" \${s.logLevel === 'warn' ? 'selected' : ''}>\u26A0\uFE0F Warn \u2014 Warnings and important events</option>
-          <option value="error" \${s.logLevel === 'error' ? 'selected' : ''}>\u274C Error \u2014 Errors only</option>
-          <option value="none" \${s.logLevel === 'none' ? 'selected' : ''}>\u{1F507} None \u2014 Disable all logging</option>
+          <option value="debug" \${s.logLevel === 'debug' ? 'selected' : ''}>\${t('log_debug')}</option>
+          <option value="info" \${s.logLevel === 'info' ? 'selected' : ''}>\${t('log_info')}</option>
+          <option value="warn" \${s.logLevel === 'warn' ? 'selected' : ''}>\${t('log_warn')}</option>
+          <option value="error" \${s.logLevel === 'error' ? 'selected' : ''}>\${t('log_error')}</option>
+          <option value="none" \${s.logLevel === 'none' ? 'selected' : ''}>\${t('log_none')}</option>
         </select>
-        <div class="hint">Controls the verbosity of plugin log output.</div>
+        <div class="hint">\${t('log_level_hint')}</div>
       </div>
       <div style="display:flex;justify-content:flex-end;padding-top:8px;border-top:1px solid var(--border);margin-top:8px">
         \${sectionSaveBtn('logging', 'log')}
@@ -11158,12 +12206,12 @@ function renderSettingsAdvanced() {
     </div>
 
     <div class="card">
-      <div class="card-header"><div class="card-title">\u{1F4E6} Import / Export Settings</div></div>
+      <div class="card-header"><div class="card-title">\${t('import_export')}</div></div>
       <div style="display:flex;gap:10px;flex-wrap:wrap">
-        <button class="btn btn-default btn-sm" onclick="exportSettings()">\u{1F4E5} Export Settings</button>
-        <button class="btn btn-ok btn-sm" onclick="showImportSettingsModal()">\u{1F4E4} Import Settings</button>
+        <button class="btn btn-default btn-sm" onclick="exportSettings()">\${t('export_settings')}</button>
+        <button class="btn btn-ok btn-sm" onclick="showImportSettingsModal()">\${t('import_settings')}</button>
       </div>
-      <div class="hint" style="margin-top:10px">Export current AICQ plugin settings as JSON. Import to restore settings from a backup.</div>
+      <div class="hint" style="margin-top:10px">\${t('import_export_hint')}</div>
     </div>
   \\\`);
 }
@@ -11172,7 +12220,7 @@ function renderSettingsAdvanced() {
 async function saveSettingsSection(section, id) {
   const btn = $('#btn-save-' + id);
   const statusEl = $('#status-' + id);
-  if (btn) { btn.disabled = true; btn.textContent = 'Saving...'; }
+  if (btn) { btn.disabled = true; btn.textContent = t('saving'); }
   if (statusEl) { statusEl.textContent = ''; statusEl.style.color = 'var(--text3)'; }
 
   let data = {};
@@ -11220,17 +12268,17 @@ async function saveSettingsSection(section, id) {
     body: JSON.stringify({ section, data }),
   });
 
-  if (btn) { btn.disabled = false; btn.textContent = '\u{1F4BE} Save'; }
+  if (btn) { btn.disabled = false; btn.textContent = t('save'); }
 
   if (r.success) {
-    toast('Settings saved: ' + section, 'ok');
-    if (statusEl) { statusEl.textContent = '\u2713 Saved'; statusEl.style.color = 'var(--ok)'; }
+    toast(t('settings_saved') + section, 'ok');
+    if (statusEl) { statusEl.textContent = t('saved'); statusEl.style.color = 'var(--ok)'; }
     // Refresh settings data
     const fresh = await api('/settings');
     if (fresh && !fresh.error) { _settingsData = fresh; }
   } else {
-    toast(r.message || r.error || 'Save failed', 'err');
-    if (statusEl) { statusEl.textContent = '\u2717 ' + (r.message || 'Failed'); statusEl.style.color = 'var(--danger)'; }
+    toast(r.message || r.error || t('failed_save'), 'err');
+    if (statusEl) { statusEl.textContent = '\u2717 ' + (r.message || t('failed')); statusEl.style.color = 'var(--danger)'; }
   }
 }
 
@@ -11248,15 +12296,15 @@ async function saveSettings() {
   const r = await api('/settings', { method: 'PUT', body: JSON.stringify(allData) });
   _settingsSaving = false;
 
-  if (r.success) { toast('All settings saved!', 'ok'); setTimeout(() => loadSettings(), 800); }
-  else { toast(r.message || r.error || 'Save failed', 'err'); }
+  if (r.success) { toast(t('all_saved'), 'ok'); setTimeout(() => loadSettings(), 800); }
+  else { toast(r.message || r.error || t('failed_save'), 'err'); }
 }
 
 // \u2500\u2500 Reset Identity \u2500\u2500
 function showResetIdentityModal() {
   $('#reset-confirm-input').value = '';
   $('#reset-confirm-btn').disabled = true;
-  $('#reset-confirm-btn').textContent = '\u{1F5D1}\uFE0F Delete Everything';
+  $('#reset-confirm-btn').textContent = t('delete_everything');
   showModal('modal-reset-identity');
   setTimeout(() => $('#reset-confirm-input')?.focus(), 100);
 }
@@ -11264,27 +12312,27 @@ function showResetIdentityModal() {
 function checkResetConfirm() {
   const v = $('#reset-confirm-input')?.value?.trim();
   const btn = $('#reset-confirm-btn');
-  if (btn) { btn.disabled = (v !== 'RESET'); btn.textContent = v === 'RESET' ? '\u{1F5D1}\uFE0F Confirm Delete' : '\u{1F5D1}\uFE0F Delete Everything'; }
+  if (btn) { btn.disabled = (v !== 'RESET'); btn.textContent = v === 'RESET' ? t('confirm_delete') : t('delete_everything'); }
 }
 
 async function executeResetIdentity() {
   const btn = $('#reset-confirm-btn');
-  if (btn) { btn.disabled = true; btn.textContent = 'Resetting...'; }
+  if (btn) { btn.disabled = true; btn.textContent = t('resetting'); }
 
   const r = await api('/settings/reset-identity', {
     method: 'POST',
     body: JSON.stringify({ confirm: true }),
   });
 
-  if (btn) { btn.disabled = false; btn.textContent = '\u{1F5D1}\uFE0F Delete Everything'; }
+  if (btn) { btn.disabled = false; btn.textContent = t('delete_everything'); }
 
   if (r.success) {
-    toast('Identity reset successfully. Please restart the plugin.', 'ok');
+    toast(t('reset_success'), 'ok');
     hideModal('modal-reset-identity');
     // Reload settings to reflect cleared state
     setTimeout(() => loadSettings(), 1000);
   } else {
-    toast(r.message || r.error || 'Reset failed', 'err');
+    toast(r.message || r.error || t('reset_failed'), 'err');
   }
 }
 
@@ -11301,7 +12349,7 @@ async function exportSettings() {
   a.download = 'aicq-settings-' + new Date().toISOString().slice(0, 10) + '.json';
   a.click();
   URL.revokeObjectURL(url);
-  toast('Settings exported successfully', 'ok');
+  toast(t('exported_success'), 'ok');
 }
 
 function showImportSettingsModal() {
@@ -11312,27 +12360,27 @@ function showImportSettingsModal() {
 
 async function executeImportSettings() {
   const raw = $('#import-json-input')?.value?.trim();
-  if (!raw) { toast('Paste JSON settings first', 'warn'); return; }
+  if (!raw) { toast(t('paste_json'), 'warn'); return; }
 
   let settings;
-  try { settings = JSON.parse(raw); } catch (e) { toast('Invalid JSON: ' + e.message, 'err'); return; }
+  try { settings = JSON.parse(raw); } catch (e) { toast(t('invalid_json') + e.message, 'err'); return; }
 
   const btn = $('#import-confirm-btn');
-  if (btn) { btn.disabled = true; btn.textContent = 'Importing...'; }
+  if (btn) { btn.disabled = true; btn.textContent = t('importing'); }
 
   const r = await api('/settings/import', {
     method: 'POST',
     body: JSON.stringify({ settings, merge: true }),
   });
 
-  if (btn) { btn.disabled = false; btn.textContent = '\u{1F4E4} Import'; }
+  if (btn) { btn.disabled = false; btn.textContent = t('import_settings'); }
 
   if (r.success) {
-    toast('Settings imported successfully!', 'ok');
+    toast(t('imported_success'), 'ok');
     hideModal('modal-import-settings');
     setTimeout(() => loadSettings(), 800);
   } else {
-    toast(r.message || r.error || 'Import failed', 'err');
+    toast(r.message || r.error || t('import_failed'), 'err');
   }
 }
 
@@ -11343,7 +12391,7 @@ let _jsonEditorConfigFile = '';
 
 async function renderSettingsJsonEditor() {
   const el = $('#settings-content');
-  html(el, '<div class="loading-mask"><div class="spinner"></div>Loading config...</div>');
+  html(el, '<div class="loading-mask"><div class="spinner"></div>' + t('loading_config') + '</div>');
 
   const queryParams = _jsonEditorConfigFile ? '?file=' + encodeURIComponent(_jsonEditorConfigFile) : '';
   const data = await api('/config-file/raw' + queryParams);
@@ -11375,7 +12423,7 @@ async function renderSettingsJsonEditor() {
 
     <div class="card">
       <div class="card-header">
-        <div class="card-title">\u{1F4DD} Config JSON Editor</div>
+        <div class="card-title">\${t('json_editor')}</div>
         <div style="display:flex;gap:8px;align-items:center">
           <span class="mono" style="font-size:11px;color:var(--text3)">\${escHtml(data.filePath)}</span>
           <button class="btn btn-sm btn-default" onclick="renderSettingsJsonEditor()">\u{1F504} Reload</button>
@@ -11383,19 +12431,19 @@ async function renderSettingsJsonEditor() {
       </div>
       \${fileSelectorHtml}
       <div class="form-group">
-        <label>Raw JSON Configuration</label>
+        <label>\${t('raw_json')}</label>
         <textarea id="json-editor" style="min-height:400px;font-family:'SF Mono','Fira Code','Cascadia Code',monospace;font-size:12px;line-height:1.5;tab-size:2;background:var(--bg)" spellcheck="false">\${escHtml(data.content)}</textarea>
-        <div class="hint">Directly edit the configuration JSON. Use the Format button to prettify.</div>
+        <div class="hint">\${t('raw_json_hint')}</div>
       </div>
       <div id="json-editor-status" style="margin-bottom:12px;font-size:12px"></div>
       <div class="form-actions" style="justify-content:space-between">
         <div style="display:flex;gap:8px">
-          <button class="btn btn-sm btn-default" onclick="formatJsonEditor()">\u{1F4D0} Format</button>
-          <button class="btn btn-sm btn-default" onclick="copyText($('#json-editor')?.value || '')">\u{1F4CB} Copy</button>
+          <button class="btn btn-sm btn-default" onclick="formatJsonEditor()">\${t('format')}</button>
+          <button class="btn btn-sm btn-default" onclick="copyText($('#json-editor')?.value || '')">\${t('copy')}</button>
         </div>
         <div style="display:flex;gap:8px">
-          <button class="btn btn-sm btn-default" onclick="renderSettingsJsonEditor()">\u21A9\uFE0F Revert</button>
-          <button class="btn btn-sm btn-primary" id="btn-save-json" onclick="saveJsonConfig()">\u{1F4BE} Save Config</button>
+          <button class="btn btn-sm btn-default" onclick="renderSettingsJsonEditor()">\${t('revert')}</button>
+          <button class="btn btn-sm btn-primary" id="btn-save-json" onclick="saveJsonConfig()">\${t('save_config')}</button>
         </div>
       </div>
     </div>
@@ -11408,10 +12456,10 @@ function formatJsonEditor() {
   try {
     const obj = JSON.parse(ta.value);
     ta.value = JSON.stringify(obj, null, 2);
-    toast('JSON formatted', 'ok');
-    $('#json-editor-status').innerHTML = '<span style="color:var(--ok)">\u2713 Valid JSON</span>';
+    toast(t('json_formatted'), 'ok');
+    $('#json-editor-status').innerHTML = '<span style="color:var(--ok)">' + t('valid_json') + '</span>';
   } catch (e) {
-    toast('Invalid JSON: ' + e.message, 'err');
+    toast(t('invalid_json') + e.message, 'err');
     $('#json-editor-status').innerHTML = '<span style="color:var(--danger)">\u2717 ' + escHtml(e.message) + '</span>';
   }
 }
@@ -11420,29 +12468,439 @@ async function saveJsonConfig() {
   const btn = $('#btn-save-json');
   const statusEl = $('#json-editor-status');
   const raw = $('#json-editor')?.value;
-  if (!raw) { toast('No content to save', 'warn'); return; }
+  if (!raw) { toast(t('no_content'), 'warn'); return; }
 
   // Validate first
   try { JSON.parse(raw); } catch (e) {
-    toast('Invalid JSON: ' + e.message, 'err');
+    toast(t('invalid_json') + e.message, 'err');
     if (statusEl) statusEl.innerHTML = '<span style="color:var(--danger)">\u2717 ' + escHtml(e.message) + '</span>';
     return;
   }
 
-  if (btn) { btn.disabled = true; btn.textContent = 'Saving...'; }
-  if (statusEl) statusEl.innerHTML = '<span style="color:var(--text3)"><span class="spinner" style="width:12px;height:12px;border-width:2px;display:inline-block;vertical-align:middle;margin-right:6px"></span> Saving...</span>';
+  if (btn) { btn.disabled = true; btn.textContent = t('saving'); }
+  if (statusEl) statusEl.innerHTML = '<span style="color:var(--text3)"><span class="spinner" style="width:12px;height:12px;border-width:2px;display:inline-block;vertical-align:middle;margin-right:6px"></span> ' + t('saving') + '</span>';
 
   const queryParams = _jsonEditorConfigFile ? '?file=' + encodeURIComponent(_jsonEditorConfigFile) : '';
   const r = await api('/config-file/raw' + queryParams, { method: 'PUT', body: JSON.stringify({ content: raw }) });
 
-  if (btn) { btn.disabled = false; btn.textContent = '\u{1F4BE} Save Config'; }
+  if (btn) { btn.disabled = false; btn.textContent = t('save_config'); }
 
   if (r.success) {
-    toast('Config saved successfully!', 'ok');
+    toast(t('config_saved'), 'ok');
     if (statusEl) statusEl.innerHTML = '<span style="color:var(--ok)">\u2713 Saved at ' + new Date().toLocaleTimeString() + '</span>';
   } else {
-    toast(r.message || 'Save failed', 'err');
-    if (statusEl) statusEl.innerHTML = '<span style="color:var(--danger)">\u2717 ' + escHtml(r.message || 'Failed') + '</span>';
+    toast(r.message || t('failed_save'), 'err');
+    if (statusEl) statusEl.innerHTML = '<span style="color:var(--danger)">\u2717 ' + escHtml(r.message || t('failed')) + '</span>';
+  }
+}
+
+// \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: OpenClaw Config
+// \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 _ocConfig = null;
+let _ocTab = 'defaults';
+
+async function loadOpenClawConfig() {
+  const el = $('#openclaw-content');
+  html(el, '<div class="loading-mask"><div class="spinner"></div>' + t('loading_openclaw') + '</div>');
+  try {
+    const data = await api('/openclaw-config');
+    if (data.error) { html(el, '<div class="card"><p style="color:var(--danger)">' + escHtml(data.error) + '</p></div>'); return; }
+    _ocConfig = data;
+    _ocTab = 'defaults';
+    renderOpenClawConfig(data);
+  } catch (e) {
+    html(el, '<div class="card"><p style="color:var(--danger)">' + escHtml(e.message || 'Failed to load') + '</p></div>');
+  }
+}
+
+function switchOpenClawTab(tab) {
+  _ocTab = tab;
+  $$('.oc-tab').forEach(b => b.classList.toggle('active', b.dataset.ocTab === tab));
+  $$('.oc-panel').forEach(p => { p.style.display = p.id === 'oc-panel-' + tab ? '' : 'none'; });
+}
+
+function renderOpenClawConfig(data) {
+  const el = $('#openclaw-content');
+  const tabBtns = [
+    { id: 'defaults', label: t('tab_defaults') },
+    { id: 'agents', label: t('tab_agents') },
+    { id: 'bindings', label: t('tab_bindings') },
+    { id: 'channels', label: t('tab_channels') },
+  ];
+  let tabsHtml = '<div style="display:flex;gap:6px;margin-bottom:20px;flex-wrap:wrap">';
+  for (const tb of tabBtns) {
+    tabsHtml += '<button class="btn btn-sm filter-btn oc-tab' + (tb.id === _ocTab ? ' active' : '') + '" data-oc-tab="' + tb.id + '" onclick="switchOpenClawTab(\\'' + tb.id + '\\')">' + tb.label + '</button>';
+  }
+  tabsHtml += '</div>';
+
+  let panelsHtml = '<div id="oc-panel-defaults" class="oc-panel"' + (_ocTab !== 'defaults' ? ' style="display:none"' : '') + '>' + renderOcDefaults(data.agents) + '</div>';
+  panelsHtml += '<div id="oc-panel-agents" class="oc-panel"' + (_ocTab !== 'agents' ? ' style="display:none"' : '') + '>' + renderOcAgentList(data.agents) + '</div>';
+  panelsHtml += '<div id="oc-panel-bindings" class="oc-panel"' + (_ocTab !== 'bindings' ? ' style="display:none"' : '') + '>' + renderOcBindings(data.bindings) + '</div>';
+  panelsHtml += '<div id="oc-panel-channels" class="oc-panel"' + (_ocTab !== 'channels' ? ' style="display:none"' : '') + '>' + renderOcChannels(data.channels) + '</div>';
+
+  html(el, '<div class="section-desc">' + t('openclaw_desc') + '</div>' +
+    '<div class="card"><div style="display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;flex-wrap:wrap;gap:8px"><div class="card-title">' + t('openclaw_config') + '</div>' +
+    '<button class="btn btn-primary btn-sm" onclick="saveOpenClawConfig()">' + t('save_openclaw_config') + '</button></div>' +
+    tabsHtml + panelsHtml + '</div>');
+}
+
+function renderOcDefaults(agents) {
+  const d = agents?.defaults || {};
+  const model = d.model || {};
+  const imgModel = d.imageModel || {};
+  const subagents = d.subagents || {};
+  const modelsRegistry = d.models || {};
+
+  let fallbacksHtml = '';
+  const fallbacks = model.fallbacks || [];
+  for (let i = 0; i < fallbacks.length; i++) {
+    fallbacksHtml += '<div style="display:flex;gap:6px;align-items:center;margin-bottom:6px"><input type="text" class="oc-fallback-item" value="' + escHtml(fallbacks[i]) + '" style="flex:1" placeholder="model-id"><button class="btn btn-sm btn-danger" onclick="this.parentElement.remove()">\u2715</button></div>';
+  }
+  fallbacksHtml += '<button class="btn btn-sm btn-default" onclick="addOcListItem(this,\\'oc-fallback-item\\')">\u2795 ' + t('add_item') + '</button>';
+
+  let imgFallbacksHtml = '';
+  const imgFallbacks = imgModel.fallbacks || [];
+  for (let i = 0; i < imgFallbacks.length; i++) {
+    imgFallbacksHtml += '<div style="display:flex;gap:6px;align-items:center;margin-bottom:6px"><input type="text" class="oc-img-fallback-item" value="' + escHtml(imgFallbacks[i]) + '" style="flex:1" placeholder="model-id"><button class="btn btn-sm btn-danger" onclick="this.parentElement.remove()">\u2715</button></div>';
+  }
+  imgFallbacksHtml += '<button class="btn btn-sm btn-default" onclick="addOcListItem(this,\\'oc-img-fallback-item\\')">\u2795 ' + t('add_item') + '</button>';
+
+  let modelsRegHtml = '';
+  const modelKeys = Object.keys(modelsRegistry);
+  for (let i = 0; i < modelKeys.length; i++) {
+    const k = modelKeys[i];
+    modelsRegHtml += '<div style="display:flex;gap:6px;align-items:center;margin-bottom:6px"><input type="text" class="oc-model-reg-key" value="' + escHtml(k) + '" style="width:45%" placeholder="model-id"><span style="color:var(--text3)">\u2192</span><input type="text" class="oc-model-reg-val" value="" style="flex:1" placeholder="{}" disabled><button class="btn btn-sm btn-danger" onclick="this.parentElement.remove()">\u2715</button></div>';
+  }
+  modelsRegHtml += '<button class="btn btn-sm btn-default" onclick="addOcModelRegItem(this)">\u2795 ' + t('add_item') + '</button>';
+
+  return '<div class="card" style="margin-bottom:16px"><div class="card-title">' + t('agent_defaults') + '</div><div class="card-desc">' + t('agent_defaults_desc') + '</div>' +
+    '<div class="form-group"><label>' + t('compaction_mode') + '</label><input type="text" id="oc-compaction-mode" value="' + escHtml((d.compaction?.mode) || '') + '" placeholder="safeguard"></div>' +
+    '<div class="form-row">' +
+    '<div class="form-group"><label>' + t('primary_model') + '</label><input type="text" id="oc-primary-model" value="' + escHtml(model.primary || '') + '" placeholder="zerotoken/glm-4-flash"></div>' +
+    '<div class="form-group"><label>' + t('max_concurrent') + '</label><input type="number" id="oc-max-concurrent" value="' + (d.maxConcurrent || '') + '" min="1" max="32"></div>' +
+    '</div>' +
+    '<div class="form-group"><label>' + t('fallback_models') + '</label><div id="oc-fallbacks-list">' + fallbacksHtml + '</div></div>' +
+    '<div class="form-row">' +
+    '<div class="form-group"><label>' + t('image_model') + ' (Primary)</label><input type="text" id="oc-img-model-primary" value="' + escHtml(imgModel.primary || '') + '" placeholder="modelscope/ZhipuAI/GLM-5"></div>' +
+    '<div class="form-group"><label>' + t('subagent_max_concurrent') + '</label><input type="number" id="oc-subagent-max" value="' + (subagents.maxConcurrent || '') + '" min="1" max="32"></div>' +
+    '</div>' +
+    '<div class="form-group"><label>' + t('image_model') + ' (Fallbacks)</label><div id="oc-img-fallbacks-list">' + imgFallbacksHtml + '</div></div>' +
+    '<div class="form-row">' +
+    '<div class="form-group"><label>' + t('thinking_default') + '</label><select id="oc-thinking-default"><option value="off"' + (d.thinkingDefault === 'off' || !d.thinkingDefault ? ' selected' : '') + '>off</option><option value="low"' + (d.thinkingDefault === 'low' ? ' selected' : '') + '>low</option><option value="medium"' + (d.thinkingDefault === 'medium' ? ' selected' : '') + '>medium</option><option value="high"' + (d.thinkingDefault === 'high' ? ' selected' : '') + '>high</option></select></div>' +
+    '<div class="form-group"><label>' + t('workspace') + '</label><input type="text" id="oc-workspace" value="' + escHtml(d.workspace || '') + '" placeholder="~/.openclaw/workspace"></div>' +
+    '</div>' +
+    '<div class="form-group"><label>' + t('models_registry') + '</label><div id="oc-models-reg-list">' + modelsRegHtml + '</div></div>' +
+    '</div>';
+}
+
+function renderOcAgentList(agents) {
+  const list = agents?.list || [];
+  let tableHtml = '';
+  if (list.length === 0) {
+    tableHtml = '<div class="empty"><div class="icon">\u{1F916}</div><p>' + t('no_agents_in_list') + '</p></div>';
+  } else {
+    tableHtml = '<table><thead><tr><th>ID</th><th>' + t('agent_identity_name') + '</th><th>' + t('agent_model_primary') + '</th><th>' + t('agent_tools_profile') + '</th><th>' + t('actions') + '</th></tr></thead><tbody>';
+    for (let i = 0; i < list.length; i++) {
+      const a = list[i];
+      tableHtml += '<tr><td class="mono">' + escHtml(a.id || '') + '</td><td>' + escHtml(a.identity?.name || '') + '</td><td class="mono" style="max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap">' + escHtml(a.model?.primary || '') + '</td><td><span class="badge badge-ghost">' + escHtml(a.tools?.profile || '') + '</span></td>' +
+        '<td class="actions-cell"><button class="btn btn-sm btn-default" onclick="editOcAgent(' + i + ')">\u270F\uFE0F</button><button class="btn btn-sm btn-danger" onclick="deleteOcAgent(' + i + ')">\u{1F5D1}\uFE0F</button></td></tr>';
+    }
+    tableHtml += '</tbody></table>';
+  }
+  return '<div class="card"><div class="card-header"><div><div class="card-title">' + t('oc_agent_list') + '</div><div class="card-desc">' + t('oc_agent_list_desc') + '</div></div>' +
+    '<button class="btn btn-sm btn-primary" onclick="addOcAgent()">' + t('add_agent_btn') + '</button></div>' +
+    '<div id="oc-agents-table">' + tableHtml + '</div></div>';
+}
+
+function renderOcBindings(bindings) {
+  bindings = bindings || [];
+  let tableHtml = '';
+  if (bindings.length === 0) {
+    tableHtml = '<div class="empty"><div class="icon">\u{1F517}</div><p>' + t('no_bindings') + '</p></div>';
+  } else {
+    tableHtml = '<table><thead><tr><th>' + t('binding_agent_id') + '</th><th>' + t('binding_channel') + '</th><th>' + t('binding_account_id') + '</th><th>' + t('binding_type') + '</th><th>' + t('actions') + '</th></tr></thead><tbody>';
+    for (let i = 0; i < bindings.length; i++) {
+      const b = bindings[i];
+      tableHtml += '<tr><td class="mono">' + escHtml(b.agentId || '') + '</td><td class="mono">' + escHtml(b.match?.channel || '') + '</td><td class="mono">' + escHtml(b.match?.accountId || '-') + '</td><td><span class="badge badge-ghost">' + escHtml(b.type || 'route') + '</span></td>' +
+        '<td class="actions-cell"><button class="btn btn-sm btn-danger" onclick="deleteOcBinding(' + i + ')">\u{1F5D1}\uFE0F</button></td></tr>';
+    }
+    tableHtml += '</tbody></table>';
+  }
+  return '<div class="card"><div class="card-header"><div><div class="card-title">' + t('bindings_title') + '</div><div class="card-desc">' + t('bindings_desc') + '</div></div>' +
+    '<button class="btn btn-sm btn-primary" onclick="addOcBinding()">' + t('add_binding') + '</button></div>' +
+    '<div id="oc-bindings-table">' + tableHtml + '</div></div>';
+}
+
+function renderOcChannels(channels) {
+  channels = channels || {};
+  const channelKeys = Object.keys(channels);
+  let html2 = '';
+  if (channelKeys.length === 0) {
+    html2 = '<div class="empty"><div class="icon">\u{1F4E1}</div><p>' + t('no_channels_configured') + '</p></div>';
+  } else {
+    for (const ck of channelKeys) {
+      const ch = channels[ck];
+      const accs = ch.accounts || {};
+      const accKeys = Object.keys(accs);
+      const isEnabled = ch.enabled !== false;
+      html2 += '<div class="card" style="margin-bottom:16px">';
+      html2 += '<div class="card-header"><div class="card-title">\u{1F4E1} ' + escHtml(ck) + '</div>' +
+        '<div style="display:flex;gap:8px;align-items:center"><span class="badge ' + (isEnabled ? 'badge-ok' : 'badge-danger') + '">' + (isEnabled ? t('channel_enabled') : t('channel_disabled')) + '</span>' +
+        '<label class="toggle-label"><input type="checkbox" class="oc-ch-enabled" data-channel="' + escHtml(ck) + '"' + (isEnabled ? ' checked' : '') + '><span class="toggle-slider"></span></label></div></div>';
+
+      html2 += '<div class="form-row">';
+      html2 += '<div class="form-group"><label>' + t('group_policy') + '</label><input type="text" class="oc-ch-policy" data-channel="' + escHtml(ck) + '" value="' + escHtml(ch.groupPolicy || '') + '" placeholder="open"></div>';
+      html2 += '</div>';
+
+      html2 += '<div class="form-group"><label>' + t('accounts') + ' (' + accKeys.length + ')</label>';
+      for (const ak of accKeys) {
+        const acc = accs[ak];
+        const allowFrom = acc.allowFrom || [];
+        html2 += '<div class="card" style="margin-bottom:10px;padding:14px;background:var(--bg3)">';
+        html2 += '<div style="display:flex;align-items:center;justify-content:space-between;margin-bottom:10px"><strong class="mono">' + escHtml(ak) + '</strong><div class="actions-cell"><button class="btn btn-sm btn-default" onclick="editOcAccount(\\'' + escHtml(ck) + '\\',\\'' + escHtml(ak) + '\\')">\u270F\uFE0F</button><button class="btn btn-sm btn-danger" onclick="deleteOcAccount(\\'' + escHtml(ck) + '\\',\\'' + escHtml(ak) + '\\')">\u{1F5D1}\uFE0F</button></div></div>';
+        html2 += '<div class="form-group"><label>Bot Token</label><input type="password" class="oc-acc-token" data-channel="' + escHtml(ck) + '" data-account="' + escHtml(ak) + '" value="' + escHtml(acc.botToken || '') + '" placeholder="****"></div>';
+        html2 += '<div class="form-group"><label>' + t('dm_policy') + '</label><select class="oc-acc-dm-policy" data-channel="' + escHtml(ck) + '" data-account="' + escHtml(ak) + '"><option value="allowlist"' + (acc.dmPolicy === 'allowlist' ? ' selected' : '') + '>allowlist</option><option value="open"' + (acc.dmPolicy === 'open' ? ' selected' : '') + '>open</option><option value="block"' + (acc.dmPolicy === 'block' ? ' selected' : '') + '>block</option></select></div>';
+        html2 += '<div class="form-group"><label>' + t('allow_from') + '</label>';
+        for (const af of allowFrom) {
+          html2 += '<div style="display:flex;gap:6px;align-items:center;margin-bottom:4px"><input type="text" class="oc-allow-from" data-channel="' + escHtml(ck) + '" data-account="' + escHtml(ak) + '" value="' + escHtml(af) + '" style="flex:1"><button class="btn btn-sm btn-danger" onclick="this.parentElement.remove()">\u2715</button></div>';
+        }
+        html2 += '<button class="btn btn-sm btn-default" data-channel="' + escHtml(ck) + '" data-account="' + escHtml(ak) + '" onclick="addOcAllowFrom(this)">\u2795 ' + t('add_allow_from') + '</button>';
+        html2 += '</div></div>';
+      }
+      html2 += '<button class="btn btn-sm btn-default" onclick="addOcAccount(\\'' + escHtml(ck) + '\\')">\u2795 ' + t('add_account') + '</button>';
+      html2 += '</div></div>';
+    }
+  }
+  return '<div class="card"><div class="card-header"><div><div class="card-title">' + t('channels_title') + '</div><div class="card-desc">' + t('channels_desc') + '</div></div></div>' +
+    '<div id="oc-channels-content">' + html2 + '</div></div>';
+}
+
+// \u2500\u2500 OpenClaw dynamic list helpers \u2500\u2500
+function addOcListItem(btn, inputClass) {
+  const container = btn.parentElement;
+  const div = document.createElement('div');
+  div.style.cssText = 'display:flex;gap:6px;align-items:center;margin-bottom:6px';
+  div.innerHTML = '<input type="text" class="' + inputClass + '" value="" style="flex:1" placeholder="model-id"><button class="btn btn-sm btn-danger" onclick="this.parentElement.remove()">\u2715</button>';
+  container.insertBefore(div, btn);
+  div.querySelector('input').focus();
+}
+
+function addOcModelRegItem(btn) {
+  const container = btn.parentElement;
+  const div = document.createElement('div');
+  div.style.cssText = 'display:flex;gap:6px;align-items:center;margin-bottom:6px';
+  div.innerHTML = '<input type="text" class="oc-model-reg-key" value="" style="width:45%" placeholder="model-id"><span style="color:var(--text3)">\u2192</span><input type="text" class="oc-model-reg-val" value="" style="flex:1" placeholder="{}" disabled><button class="btn btn-sm btn-danger" onclick="this.parentElement.remove()">\u2715</button>';
+  container.insertBefore(div, btn);
+  div.querySelector('.oc-model-reg-key').focus();
+}
+
+function addOcAllowFrom(btn) {
+  const container = btn.parentElement;
+  const div = document.createElement('div');
+  div.style.cssText = 'display:flex;gap:6px;align-items:center;margin-bottom:4px';
+  div.innerHTML = '<input type="text" class="oc-allow-from" data-channel="' + (btn.dataset.channel || '') + '" data-account="' + (btn.dataset.account || '') + '" value="" style="flex:1"><button class="btn btn-sm btn-danger" onclick="this.parentElement.remove()">\u2715</button>';
+  container.insertBefore(div, btn);
+  div.querySelector('input').focus();
+}
+
+// \u2500\u2500 OpenClaw CRUD operations \u2500\u2500
+function addOcAgent() {
+  if (!_ocConfig) return;
+  if (!_ocConfig.agents) _ocConfig.agents = { defaults: _ocConfig.agents?.defaults || {} };
+  if (!Array.isArray(_ocConfig.agents.list)) _ocConfig.agents.list = [];
+  _ocConfig.agents.list.push({ id: 'new-agent-' + Date.now(), identity: { name: '' }, model: { primary: '' }, tools: { profile: 'full' }, workspace: '' });
+  renderOpenClawConfig(_ocConfig);
+  switchOpenClawTab('agents');
+  toast(t('agent_added'), 'ok');
+}
+
+function editOcAgent(idx) {
+  if (!_ocConfig?.agents?.list?.[idx]) return;
+  const a = _ocConfig.agents.list[idx];
+  const newId = prompt('Agent ID:', a.id);
+  if (newId === null) return;
+  const newName = prompt('Identity Name:', a.identity?.name || '');
+  if (newName === null) return;
+  const newModel = prompt('Primary Model:', a.model?.primary || '');
+  if (newModel === null) return;
+  const newTools = prompt('Tools Profile:', a.tools?.profile || '');
+  if (newTools === null) return;
+  const newWorkspace = prompt('Workspace:', a.workspace || '');
+  if (newWorkspace === null) return;
+  a.id = newId;
+  a.identity = { name: newName };
+  a.model = { primary: newModel };
+  a.tools = { profile: newTools };
+  a.workspace = newWorkspace;
+  renderOpenClawConfig(_ocConfig);
+  switchOpenClawTab('agents');
+}
+
+function deleteOcAgent(idx) {
+  if (!_ocConfig?.agents?.list) return;
+  const a = _ocConfig.agents.list[idx];
+  const name = a?.id || a?.identity?.name || '';
+  if (!confirm(t('confirm_delete_oc_agent').replace('{name}', name))) return;
+  _ocConfig.agents.list.splice(idx, 1);
+  renderOpenClawConfig(_ocConfig);
+  switchOpenClawTab('agents');
+  toast(t('agent_deleted'), 'ok');
+}
+
+function addOcBinding() {
+  if (!_ocConfig) return;
+  if (!Array.isArray(_ocConfig.bindings)) _ocConfig.bindings = [];
+  const agentId = prompt('Agent ID:');
+  if (!agentId) return;
+  const channel = prompt('Channel:', '');
+  const accountId = prompt('Account ID (optional):', '');
+  const type = prompt('Type (route/direct):', 'route');
+  const binding = { agentId };
+  if (channel) binding.match = { channel };
+  if (accountId) { if (!binding.match) binding.match = {}; binding.match.accountId = accountId; }
+  if (type) binding.type = type;
+  _ocConfig.bindings.push(binding);
+  renderOpenClawConfig(_ocConfig);
+  switchOpenClawTab('bindings');
+  toast(t('openclaw_config_saved'), 'ok');
+}
+
+function deleteOcBinding(idx) {
+  if (!_ocConfig?.bindings) return;
+  if (!confirm(t('confirm_delete_binding'))) return;
+  _ocConfig.bindings.splice(idx, 1);
+  renderOpenClawConfig(_ocConfig);
+  switchOpenClawTab('bindings');
+  toast(t('binding_deleted'), 'ok');
+}
+
+function addOcAccount(channelKey) {
+  if (!_ocConfig?.channels) return;
+  const ch = _ocConfig.channels[channelKey];
+  if (!ch) return;
+  if (!ch.accounts) ch.accounts = {};
+  const accId = prompt('Account ID:');
+  if (!accId) return;
+  ch.accounts[accId] = { botToken: '', dmPolicy: 'allowlist', allowFrom: [] };
+  renderOpenClawConfig(_ocConfig);
+  switchOpenClawTab('channels');
+  toast(t('openclaw_config_saved'), 'ok');
+}
+
+function editOcAccount(channelKey, accountId) {
+  if (!_ocConfig?.channels?.[channelKey]?.accounts?.[accountId]) return;
+  const acc = _ocConfig.channels[channelKey].accounts[accountId];
+  const token = prompt('Bot Token:', acc.botToken || '');
+  if (token === null) return;
+  acc.botToken = token;
+  renderOpenClawConfig(_ocConfig);
+  switchOpenClawTab('channels');
+}
+
+function deleteOcAccount(channelKey, accountId) {
+  if (!_ocConfig?.channels?.[channelKey]?.accounts) return;
+  if (!confirm(t('confirm_delete_account'))) return;
+  delete _ocConfig.channels[channelKey].accounts[accountId];
+  renderOpenClawConfig(_ocConfig);
+  switchOpenClawTab('channels');
+  toast(t('openclaw_config_saved'), 'ok');
+}
+
+async function saveOpenClawConfig() {
+  if (!_ocConfig) return;
+  // Collect defaults
+  const defaults = _ocConfig.agents?.defaults || {};
+  const model = defaults.model || {};
+  const imgModel = defaults.imageModel || {};
+  const subagents = defaults.subagents || {};
+  const modelsRegistry = defaults.models || {};
+
+  // Collect fallbacks
+  const fallbackItems = $$('.oc-fallback-item');
+  const fallbacks = [];
+  for (const el of fallbackItems) { if (el.value.trim()) fallbacks.push(el.value.trim()); }
+
+  const imgFallbackItems = $$('.oc-img-fallback-item');
+  const imgFallbacks = [];
+  for (const el of imgFallbackItems) { if (el.value.trim()) imgFallbacks.push(el.value.trim()); }
+
+  const modelRegKeys = $$('.oc-model-reg-key');
+  const newModelsReg = {};
+  for (const el of modelRegKeys) { if (el.value.trim()) newModelsReg[el.value.trim()] = {}; }
+
+  const newDefaults = {
+    compaction: { mode: ($('#oc-compaction-mode')?.value || defaults.compaction?.mode || 'safeguard') },
+    model: { primary: $('#oc-primary-model')?.value || model.primary || '', fallbacks },
+    imageModel: { primary: $('#oc-img-model-primary')?.value || imgModel.primary || '', fallbacks: imgFallbacks },
+    maxConcurrent: parseInt($('#oc-max-concurrent')?.value) || defaults.maxConcurrent || 4,
+    subagents: { maxConcurrent: parseInt($('#oc-subagent-max')?.value) || subagents.maxConcurrent || 8 },
+    thinkingDefault: $('#oc-thinking-default')?.value || defaults.thinkingDefault || 'off',
+    workspace: $('#oc-workspace')?.value || defaults.workspace || '',
+    models: newModelsReg,
+  };
+
+  // Collect channels state
+  const channels = _ocConfig.channels || {};
+  const chEnabledEls = $$('.oc-ch-enabled');
+  for (const el of chEnabledEls) {
+    const ck = el.dataset.channel;
+    if (channels[ck]) channels[ck].enabled = el.checked;
+  }
+  const chPolicyEls = $$('.oc-ch-policy');
+  for (const el of chPolicyEls) {
+    const ck = el.dataset.channel;
+    if (channels[ck]) channels[ck].groupPolicy = el.value;
+  }
+  // Collect account data
+  const tokenEls = $$('.oc-acc-token');
+  for (const el of tokenEls) {
+    const ck = el.dataset.channel;
+    const ak = el.dataset.account;
+    if (channels[ck]?.accounts?.[ak]) channels[ck].accounts[ak].botToken = el.value;
+  }
+  const dmPolicyEls = $$('.oc-acc-dm-policy');
+  for (const el of dmPolicyEls) {
+    const ck = el.dataset.channel;
+    const ak = el.dataset.account;
+    if (channels[ck]?.accounts?.[ak]) channels[ck].accounts[ak].dmPolicy = el.value;
+  }
+  const allowFromEls = $$('.oc-allow-from');
+  for (const el of allowFromEls) {
+    const ck = el.dataset.channel;
+    const ak = el.dataset.account;
+    if (channels[ck]?.accounts?.[ak]) {
+      if (!channels[ck].accounts[ak].allowFrom) channels[ck].accounts[ak].allowFrom = [];
+      channels[ck].accounts[ak].allowFrom.push(el.value.trim());
+    }
+  }
+  // Deduplicate allowFrom per account
+  for (const ck of Object.keys(channels)) {
+    const ch = channels[ck];
+    if (!ch.accounts) continue;
+    for (const ak of Object.keys(ch.accounts)) {
+      const af = ch.accounts[ak].allowFrom;
+      if (Array.isArray(af)) ch.accounts[ak].allowFrom = [...new Set(af)].filter(x => x);
+    }
+  }
+
+  const payload = {
+    agents: { defaults: newDefaults, list: _ocConfig.agents?.list || [] },
+    bindings: _ocConfig.bindings || [],
+    channels,
+  };
+
+  try {
+    const r = await api('/openclaw-config', { method: 'PUT', body: JSON.stringify(payload) });
+    if (r.success) {
+      toast(t('openclaw_config_saved'), 'ok');
+      _ocConfig = await api('/openclaw-config');
+      renderOpenClawConfig(_ocConfig);
+    } else {
+      toast(r.message || t('failed_save'), 'err');
+    }
+  } catch (e) {
+    toast(e.message || t('failed_save'), 'err');
   }
 }
 
@@ -11466,7 +12924,7 @@ document.addEventListener('DOMContentLoaded', () => {
         const dot = $('#header-dot');
         if (dot) { dot.className = 'dot ' + (s.connected ? 'dot-ok' : 'dot-err'); }
         const txt = $('#header-status');
-        if (txt) txt.textContent = s.connected ? 'Connected' : 'Disconnected';
+        if (txt) txt.textContent = s.connected ? t('connected') : t('disconnected');
         // Auto-remove offline banner when server reconnects
         if (s.connected) hideOfflineBanner();
       }
@@ -11505,6 +12963,10 @@ var HTML = `<!DOCTYPE html>
         <div class="nav-group-title">System</div>
         <div class="nav-item" data-page="settings"><span class="nav-icon">\u2699\uFE0F</span><span class="nav-label">Settings</span></div>
       </div>
+      <div class="nav-group">
+        <div class="nav-group-title">OpenClaw</div>
+        <div class="nav-item" data-page="openclaw"><span class="nav-icon">\u2699\uFE0F</span><span class="nav-label">OpenClaw</span></div>
+      </div>
     </nav>
     <div class="sidebar-footer" onclick="toggleSidebar()">
       <span>\u25C0</span><span class="sidebar-footer-text">Collapse sidebar</span>
@@ -11547,6 +13009,9 @@ var HTML = `<!DOCTYPE html>
         <div id="settings-content"></div>
       </div>
 
+      <!-- OpenClaw Config -->
+      <div class="page" id="page-openclaw"><div id="openclaw-content"></div></div>
+
     </div>
   </main>
 </div>
@@ -11605,6 +13070,7 @@ var HTML = `<!DOCTYPE html>
       <div class="input-prefix"><span class="prefix">\u{1F310}</span><input id="model-base-url" type="text" placeholder="https://..."></div>
       <div class="hint">Custom endpoint URL. Only needed for proxies or self-hosted models.</div>
     </div>
+    <div id="model-multi-list" style="display:none;margin-top:12px"></div>
     <div class="form-actions">
       <button class="btn btn-default" onclick="hideModal('modal-model-config')">Cancel</button>
       <button class="btn btn-primary" onclick="saveModelConfig()">\u{1F4BE} Save Configuration</button>
@@ -11612,6 +13078,39 @@ var HTML = `<!DOCTYPE html>
   </div>
 </div>
 
+<!-- Modal: Custom Provider -->
+<div class="modal-overlay hidden" id="modal-custom-provider" onclick="if(event.target===this)hideModal('modal-custom-provider')">
+  <div class="modal" style="max-width:520px">
+    <div class="modal-header"><h3>\u{1F9E9} <span id="custom-provider-title">Custom Provider / \u81EA\u5B9A\u4E49\u63D0\u4F9B\u5546</span></h3><button class="modal-close" onclick="hideModal('modal-custom-provider')">\u2715</button></div>
+    <p style="font-size:12px;color:var(--text3);margin-bottom:16px">Manually add custom model providers compatible with OpenAI API format. / \u624B\u52A8\u6DFB\u52A0\u517C\u5BB9 OpenAI API \u683C\u5F0F\u7684\u81EA\u5B9A\u4E49\u6A21\u578B\u63D0\u4F9B\u5546</p>
+    <div class="form-group">
+      <label>\u{1F4E6} Provider Name / \u63D0\u4F9B\u5546\u540D\u79F0 *</label>
+      <input id="custom-name" type="text" placeholder="e.g., My Custom API / \u4F8B\u5982\uFF1AMy Custom API">
+    </div>
+    <div class="form-group">
+      <label>\u{1F511} API Key</label>
+      <input id="custom-api-key" type="password" placeholder="sk-...">
+      <div class="hint">Leave blank to keep the existing key when editing.</div>
+    </div>
+    <div class="form-group">
+      <label>\u{1F916} Model ID</label>
+      <input id="custom-model-id" type="text" placeholder="gpt-4o">
+    </div>
+    <div class="form-group">
+      <label>\u{1F310} Base URL</label>
+      <input id="custom-base-url" type="text" placeholder="https://api.example.com/v1">
+    </div>
+    <div class="form-group">
+      <label>\u{1F4DD} Description / \u63CF\u8FF0</label>
+      <textarea id="custom-description" rows="2" placeholder="Optional: describe what this provider is for / \u53EF\u9009\uFF1A\u63CF\u8FF0\u6B64\u63D0\u4F9B\u5546\u7684\u7528\u9014"></textarea>
+    </div>
+    <div class="form-actions">
+      <button class="btn btn-default" onclick="hideModal('modal-custom-provider')">Cancel / \u53D6\u6D88</button>
+      <button class="btn btn-primary" onclick="saveCustomProvider()">\u{1F4BE} Save / \u4FDD\u5B58</button>
+    </div>
+  </div>
+</div>
+
 <!-- Modal: View Agent -->
 <div class="modal-overlay hidden" id="modal-view-agent" onclick="if(event.target===this)hideModal('modal-view-agent')">
   <div class="modal">
@@ -11627,7 +13126,7 @@ var HTML = `<!DOCTYPE html>
     <div class="modal-header"><h3>\u{1F5D1}\uFE0F Reset Agent Identity</h3><button class="modal-close" onclick="hideModal('modal-reset-identity')">\u2715</button></div>
     <div style="margin-bottom:16px">
       <div class="card" style="border-color:var(--danger);background:var(--danger-bg)">
-        <p style="font-size:13px;color:#fca5a5;line-height:1.6">
+        <p style="font-size:13px;color:#991b1b;line-height:1.6">
           <strong>\u26A0\uFE0F WARNING: This is a destructive operation!</strong><br><br>
           This will permanently delete:<br>
           \u2022 Your Ed25519 key pair and agent ID<br>
@@ -11754,29 +13253,59 @@ var MODEL_PROVIDERS = [
   { id: "openrouter", name: "OpenRouter", description: "Unified API for 200+ open-source and commercial models", apiKeyHint: "sk-or-...", modelHint: "openai/gpt-4o", baseUrlHint: "https://openrouter.ai/api/v1", configKey: "openrouter" },
   { id: "mistral", name: "Mistral AI", description: "Mistral Large, Medium, Small, Codestral", apiKeyHint: "(your key)", modelHint: "mistral-large-latest", baseUrlHint: "https://api.mistral.ai/v1", configKey: "mistral" },
   { id: "together", name: "Together AI", description: "Open-source models with fast inference", apiKeyHint: "...", modelHint: "meta-llama/Llama-3-70b-chat-hf", baseUrlHint: "https://api.together.xyz/v1", configKey: "together" },
-  { id: "fireworks", name: "Fireworks AI", description: "Fast open-source model serving", apiKeyHint: "...", modelHint: "accounts/fireworks/models/llama-v3-70b-instruct", baseUrlHint: "https://api.fireworks.ai/inference/v1", configKey: "fireworks" }
+  { id: "fireworks", name: "Fireworks AI", description: "Fast open-source model serving", apiKeyHint: "...", modelHint: "accounts/fireworks/models/llama-v3-70b-instruct", baseUrlHint: "https://api.fireworks.ai/inference/v1", configKey: "fireworks" },
+  // Chinese / local providers
+  { id: "modelscope", name: "ModelScope (\u9B54\u642D)", description: "ZhipuAI GLM-5, Kimi-K2.5, MiniMax, Step models", apiKeyHint: "ms-...", modelHint: "Qwen/Qwen3-235B-A22B", baseUrlHint: "https://api-inference.modelscope.cn/v1", configKey: "modelscope" },
+  { id: "zhipu", name: "Zhipu AI (\u667A\u8C31)", description: "GLM-5, GLM-4, CogView, CogVideoX", apiKeyHint: "...", modelHint: "glm-5", baseUrlHint: "https://open.bigmodel.cn/api/paas/v4", configKey: "zhipu" },
+  { id: "qwen", name: "Alibaba Qwen (\u901A\u4E49\u5343\u95EE)", description: "Qwen3-235B, Qwen3-32B, Qwen-VL", apiKeyHint: "sk-...", modelHint: "qwen3-235b-a22b", baseUrlHint: "https://dashscope.aliyuncs.com/compatible-mode/v1", configKey: "qwen" },
+  { id: "doubao", name: "ByteDance Doubao (\u8C46\u5305)", description: "Doubao Pro, Doubao Lite \u2014 ByteDance LLMs", apiKeyHint: "...", modelHint: "doubao-pro-32k", baseUrlHint: "https://ark.cn-beijing.volces.com/api/v3", configKey: "doubao" },
+  { id: "moonshot", name: "Moonshot/Kimi (\u6708\u4E4B\u6697\u9762)", description: "Kimi-K2.5, Moonshot-v1 \u2014 strong Chinese reasoning", apiKeyHint: "sk-...", modelHint: "moonshot-v1-128k", baseUrlHint: "https://api.moonshot.cn/v1", configKey: "moonshot" },
+  { id: "minimax", name: "MiniMax", description: "MiniMax-M2.5, abab \u2014 multimodal AI", apiKeyHint: "...", modelHint: "MiniMax-M2.5", baseUrlHint: "https://api.minimax.chat/v1", configKey: "minimax" },
+  { id: "stepfun", name: "StepFun (\u9636\u8DC3\u661F\u8FB0)", description: "Step-3.5, Step-2 \u2014 reasoning models", apiKeyHint: "...", modelHint: "step-3.5-flash", baseUrlHint: "https://api.stepfun.com/v1", configKey: "stepfun" },
+  { id: "baidu", name: "Baidu Wenxin (\u767E\u5EA6\u6587\u5FC3)", description: "ERNIE 4.0, ERNIE 3.5 \u2014 Baidu LLMs", apiKeyHint: "...", modelHint: "ernie-4.0-8k", baseUrlHint: "https://aip.baidubce.com/rpc/2.0/ai_custom", configKey: "baidu" },
+  { id: "spark", name: "iFlytek Spark (\u8BAF\u98DE\u661F\u706B)", description: "Spark 4.0 Ultra, Spark 3.5 \u2014 iFlytek LLMs", apiKeyHint: "...", modelHint: "spark-4.0-ultra", baseUrlHint: "https://spark-api-open.xf-yun.com/v1", configKey: "spark" }
 ];
 function findConfigPath() {
-  const openclawPaths = [
-    path5.join(process.cwd(), "openclaw.json"),
+  function searchUpward(fileName) {
+    let dir = process.cwd();
+    for (let i = 0; i < 10; i++) {
+      const candidate = path5.join(dir, fileName);
+      try {
+        if (fs5.existsSync(candidate))
+          return candidate;
+      } catch {
+      }
+      const parent = path5.dirname(dir);
+      if (parent === dir)
+        break;
+      dir = parent;
+    }
+    return null;
+  }
+  const fromCwd = searchUpward("openclaw.json");
+  if (fromCwd)
+    return fromCwd;
+  const openclawHomePaths = [
     path5.join(os.homedir(), ".config", "openclaw", "openclaw.json"),
     path5.join(os.homedir(), ".openclaw", "openclaw.json"),
     path5.join(os.homedir(), "openclaw.json")
   ];
-  for (const p of openclawPaths) {
+  for (const p of openclawHomePaths) {
     try {
       if (fs5.existsSync(p))
         return p;
     } catch {
     }
   }
-  const stableclawPaths = [
-    path5.join(process.cwd(), "stableclaw.json"),
+  const fromCwdStable = searchUpward("stableclaw.json");
+  if (fromCwdStable)
+    return fromCwdStable;
+  const stableclawHomePaths = [
     path5.join(os.homedir(), ".config", "stableclaw", "stableclaw.json"),
     path5.join(os.homedir(), ".stableclaw", "stableclaw.json"),
     path5.join(os.homedir(), "stableclaw.json")
   ];
-  for (const p of stableclawPaths) {
+  for (const p of stableclawHomePaths) {
     try {
       if (fs5.existsSync(p))
         return p;
@@ -11810,9 +13339,30 @@ function writeConfig(config2) {
 }
 function extractAgentsFromConfig(config2) {
   const agents = [];
-  const agentsVal = config2.agents;
-  if (Array.isArray(agentsVal)) {
-    for (const a of agentsVal) {
+  const agentsObj = config2.agents;
+  if (typeof agentsObj === "object" && agentsObj !== null && !Array.isArray(agentsObj)) {
+    const agentsRecord = agentsObj;
+    if (typeof agentsRecord.defaults === "object" && agentsRecord.defaults !== null) {
+      agents.push({
+        _source: "agents-defaults",
+        name: "(Defaults)",
+        ...agentsRecord.defaults
+      });
+    }
+    const listArr = agentsRecord.list;
+    if (Array.isArray(listArr)) {
+      for (const a of listArr) {
+        if (typeof a === "object" && a !== null) {
+          agents.push({
+            _source: "agents-list",
+            ...a
+          });
+        }
+      }
+    }
+  }
+  if (agents.length === 0 && Array.isArray(config2.agents)) {
+    for (const a of config2.agents) {
       if (typeof a === "object" && a !== null) {
         agents.push(a);
       }
@@ -11820,7 +13370,56 @@ function extractAgentsFromConfig(config2) {
   }
   const agentVal = config2.agent;
   if (typeof agentVal === "object" && agentVal !== null && !Array.isArray(agentVal)) {
-    agents.unshift(agentVal);
+    const agentRecord = agentVal;
+    if (agentRecord.model) {
+      const existingPrimary = agents.find((a) => a.default === true || a.isDefault === true);
+      if (!existingPrimary) {
+        agents.unshift({
+          _source: "agent-primary",
+          name: "Primary Agent",
+          default: true,
+          ...agentRecord
+        });
+      }
+    } else if (agents.length === 0) {
+      agents.unshift({
+        _source: "agent-single",
+        ...agentRecord
+      });
+    }
+  }
+  const modelsSection = config2.models;
+  const defaultModel = modelsSection?.defaultModel || "";
+  if (modelsSection && typeof modelsSection === "object") {
+    const providersSection = modelsSection.providers;
+    if (providersSection && typeof providersSection === "object") {
+      for (const [providerId, providerConfig] of Object.entries(providersSection)) {
+        if (typeof providerConfig !== "object" || providerConfig === null)
+          continue;
+        const pc = providerConfig;
+        const modelsArr = pc.models;
+        if (Array.isArray(modelsArr)) {
+          for (let mi = 0; mi < modelsArr.length; mi++) {
+            const m = modelsArr[mi];
+            if (typeof m === "object" && m !== null) {
+              const mObj = m;
+              const agentEntry = {
+                _source: "provider-model",
+                _providerId: providerId,
+                _modelIndex: mi,
+                _configPath: "models.providers." + providerId + ".models." + mi,
+                name: mObj.name || mObj.id || providerId + "/" + mi,
+                model: mObj.id || "",
+                provider: providerId,
+                enabled: true,
+                isDefault: defaultModel === mObj.id
+              };
+              agents.push(agentEntry);
+            }
+          }
+        }
+      }
+    }
   }
   if (agents.length === 0) {
     for (const [key, val] of Object.entries(config2)) {
@@ -11841,34 +13440,174 @@ function getModelProviders(config2) {
     if (model?.providers)
       providersSection = model.providers;
   }
+  if (!providersSection || typeof providersSection !== "object") {
+    const models = config2.models;
+    if (models?.providers)
+      providersSection = models.providers;
+  }
+  const modelsSection = config2.models;
+  let defaultModel = modelsSection?.defaultModel || "";
+  const agentObj = config2.agent;
+  const agentModel = agentObj?.model;
+  if (typeof agentModel === "string" && !defaultModel) {
+    defaultModel = agentModel;
+  } else if (typeof agentModel === "object" && agentModel) {
+    if (!defaultModel)
+      defaultModel = agentModel.primary || "";
+  }
+  const authProfiles = {};
+  const authObj = config2.auth;
+  if (authObj && typeof authObj === "object") {
+    const profiles = authObj.profiles;
+    if (profiles && typeof profiles === "object") {
+      for (const [profileKey, profileVal] of Object.entries(profiles)) {
+        if (typeof profileVal !== "object" || profileVal === null)
+          continue;
+        const pv = profileVal;
+        authProfiles[profileKey] = {
+          provider: pv.provider || "",
+          mode: pv.mode || ""
+        };
+      }
+    }
+  }
+  const envVars = {};
+  const envObj = config2.env;
+  if (envObj && typeof envObj === "object") {
+    const vars = envObj.vars;
+    if (vars && typeof vars === "object") {
+      for (const [key, val] of Object.entries(vars)) {
+        if (typeof val === "string") {
+          envVars[key] = val;
+        }
+      }
+    }
+    for (const [key, val] of Object.entries(envObj)) {
+      if (key === "vars" || key === "shellEnv")
+        continue;
+      if (typeof val === "string" && (key.includes("API_KEY") || key.includes("_KEY") || key.toLowerCase().includes("apikey"))) {
+        envVars[key] = val;
+      }
+    }
+  }
   const providers = MODEL_PROVIDERS.map((p) => {
     const pc = providersSection?.[p.configKey] ?? config2[p.configKey];
-    const apiKey = pc?.apiKey || "";
-    const modelId = pc?.model || pc?.defaultModel || "";
+    let apiKey = pc?.apiKey || "";
+    if (!apiKey) {
+      for (const [profileKey, profile] of Object.entries(authProfiles)) {
+        if (profile.provider === p.configKey && profile.mode === "api_key") {
+          apiKey = "__auth_profile__";
+        }
+      }
+    }
+    if (apiKey === "" || apiKey === "__auth_profile__") {
+      for (const [envKey, envVal] of Object.entries(envVars)) {
+        if (envKey.toUpperCase().includes(p.configKey.toUpperCase()) || p.configKey === "openai" && envKey.toUpperCase().includes("OPENAI") || p.configKey === "anthropic" && envKey.toUpperCase().includes("ANTHROPIC") || p.configKey === "google" && envKey.toUpperCase().includes("GOOGLE") || p.configKey === "groq" && envKey.toUpperCase().includes("GROQ") || p.configKey === "deepseek" && envKey.toUpperCase().includes("DEEPSEEK") || p.configKey === "openrouter" && envKey.toUpperCase().includes("OPENROUTER") || p.configKey === "zhipu" && envKey.toUpperCase().includes("ZHIPU") || p.configKey === "qwen" && envKey.toUpperCase().includes("QWEN") || p.configKey === "moonshot" && envKey.toUpperCase().includes("MOONSHOT") || p.configKey === "doubao" && envKey.toUpperCase().includes("DOUBAO") || p.configKey === "stepfun" && envKey.toUpperCase().includes("STEPFUN")) {
+          apiKey = envVal;
+          break;
+        }
+      }
+    }
+    let singleModelId = pc?.model || pc?.defaultModel || "";
+    if (!singleModelId && defaultModel && defaultModel.startsWith(p.configKey + "/")) {
+      singleModelId = defaultModel.split("/").slice(1).join("/");
+    }
     const baseUrl = pc?.baseUrl || pc?.baseURL || "";
+    let modelsList = [];
+    const modelsArr = pc?.models;
+    if (Array.isArray(modelsArr)) {
+      modelsList = modelsArr.filter((m) => typeof m === "object" && m !== null).map((m) => m);
+    }
+    let modelId = singleModelId;
+    if (modelsList.length > 0 && !modelId) {
+      modelId = defaultModel || modelsList[0]?.id || "";
+    }
     return {
       ...p,
       configured: Boolean(apiKey || p.id === "ollama" && baseUrl),
       apiKey: apiKey ? apiKey.substring(0, 6) + "\u2022\u2022\u2022\u2022\u2022\u2022" + apiKey.slice(-4) : "",
       apiKeyHasValue: Boolean(apiKey),
       modelId,
-      baseUrl
+      baseUrl,
+      models: modelsList,
+      modelCount: modelsList.length,
+      isCustom: false
     };
   });
+  const customProvidersSection = providersSection?.custom;
+  const customProviders = [];
+  if (Array.isArray(customProvidersSection)) {
+    for (let i = 0; i < customProvidersSection.length; i++) {
+      const cp = customProvidersSection[i];
+      if (typeof cp !== "object" || cp === null)
+        continue;
+      const cpObj = cp;
+      const cApiKey = cpObj.apiKey || "";
+      const cModelId = cpObj.modelId || cpObj.model || "";
+      const cBaseUrl = cpObj.baseUrl || cpObj.baseURL || "";
+      const cId = cpObj.id || "custom-" + i;
+      let cModelsList = [];
+      const cModelsArr = cpObj.models;
+      if (Array.isArray(cModelsArr)) {
+        cModelsList = cModelsArr.filter((m) => typeof m === "object" && m !== null).map((m) => m);
+      }
+      providers.push({
+        id: cId,
+        name: cpObj.name || cId,
+        description: cpObj.description || "Custom provider",
+        configured: Boolean(cApiKey || cBaseUrl),
+        apiKey: cApiKey ? cApiKey.substring(0, 6) + "\u2022\u2022\u2022\u2022\u2022\u2022" + cApiKey.slice(-4) : "",
+        apiKeyHasValue: Boolean(cApiKey),
+        apiKeyHint: "sk-...",
+        modelId: cModelsList.length > 0 ? defaultModel || cModelsList[0]?.id || "" : cModelId,
+        modelHint: cModelId || "model-name",
+        baseUrl: cBaseUrl,
+        baseUrlHint: cBaseUrl || "https://...",
+        models: cModelsList,
+        modelCount: cModelsList.length,
+        isCustom: true
+      });
+    }
+  }
   const currentModels = [];
-  for (const p of MODEL_PROVIDERS) {
-    const pc = providersSection?.[p.configKey] ?? config2[p.configKey];
-    if (pc?.apiKey) {
+  for (const p of providers) {
+    if (!p.apiKeyHasValue)
+      continue;
+    const pId = p.id;
+    const pName = p.name;
+    const isCustom = p.isCustom;
+    const pModels = p.models;
+    const pBaseUrl = p.baseUrl;
+    const pModelHint = p.modelHint || "";
+    if (pModels && pModels.length > 0) {
+      for (const m of pModels) {
+        if (typeof m === "object" && m !== null) {
+          const mObj = m;
+          currentModels.push({
+            provider: pName,
+            providerId: pId,
+            modelId: mObj.id || "",
+            modelName: mObj.name || "",
+            hasApiKey: true,
+            baseUrl: pBaseUrl,
+            isDefault: defaultModel === mObj.id,
+            isCustom
+          });
+        }
+      }
+    } else {
       currentModels.push({
-        provider: p.name,
-        providerId: p.id,
-        modelId: pc.model || pc.defaultModel || p.modelHint,
+        provider: pName,
+        providerId: pId,
+        modelId: p.modelId || pModelHint,
         hasApiKey: true,
-        baseUrl: pc.baseUrl || pc.baseURL || p.baseUrlHint
+        baseUrl: pBaseUrl,
+        isDefault: false,
+        isCustom
       });
     }
   }
-  return { providers, currentModels };
+  return { providers, currentModels, defaultModel, customProviders: customProvidersSection || [] };
 }
 function parseApiPath(reqUrl) {
   if (!reqUrl)
@@ -11987,14 +13726,33 @@ function createManagementHandler(ctx) {
         });
       }
       if (apiPath.startsWith("/agents/") && method === "DELETE") {
-        const idxStr = decodeURIComponent(apiPath.slice("/agents/".length));
-        const idx = parseInt(idxStr, 10);
-        if (isNaN(idx) || idx < 0)
-          return json(res, { success: false, message: "Invalid agent index" }, 400);
+        const identifier = decodeURIComponent(apiPath.slice("/agents/".length));
         const result = readConfig();
         if (!result)
           return json(res, { success: false, message: "No config file found" }, 400);
         const config2 = result.config;
+        const providerModelMatch = identifier.match(/^provider:([^:]+):(\d+)$/);
+        if (providerModelMatch) {
+          const providerId = providerModelMatch[1];
+          const modelIdx = parseInt(providerModelMatch[2], 10);
+          const modelsSection = config2.models;
+          const providersObj = modelsSection?.providers;
+          const provConfig = providersObj?.[providerId];
+          const modelsArr = provConfig?.models;
+          if (!modelsArr || modelIdx >= modelsArr.length) {
+            return json(res, { success: false, message: "Provider model index out of range" }, 400);
+          }
+          modelsArr.splice(modelIdx, 1);
+          const written2 = writeConfig(config2);
+          if (written2) {
+            logger.info("[API] Provider model deleted: " + providerId + ".models[" + modelIdx + "]");
+            return json(res, { success: true, message: "Model removed from " + providerId });
+          }
+          return json(res, { success: false, message: "Failed to write config" }, 500);
+        }
+        const idx = parseInt(identifier, 10);
+        if (isNaN(idx) || idx < 0)
+          return json(res, { success: false, message: "Invalid agent identifier" }, 400);
         let agentsArr;
         if (Array.isArray(config2.agents)) {
           agentsArr = config2.agents;
@@ -12020,14 +13778,17 @@ function createManagementHandler(ctx) {
       }
       if (apiPath === "/friends" && method === "GET") {
         try {
-          const resp = await fetch(serverUrl + "/api/v1/friends?nodeId=" + aicqAgentId);
+          const resp = await fetch(serverUrl + "/api/v1/friends?nodeId=" + aicqAgentId, {
+            headers: serverClient.authHeaders()
+          });
           if (!resp.ok)
             return json(res, { error: "Server error: " + await resp.text() }, 502);
           const data = await resp.json();
           const friends = (data.friends || []).map((f) => {
-            const local = store.getFriend(f.nodeId);
+            const friendId = f.id || f.nodeId;
+            const local = store.getFriend(friendId);
             return {
-              id: f.nodeId,
+              id: friendId,
               publicKeyFingerprint: f.publicKeyFingerprint || local?.publicKeyFingerprint || "",
               permissions: f.permissions || local?.permissions || [],
               addedAt: f.addedAt || local?.addedAt?.toISOString() || null,
@@ -12059,7 +13820,9 @@ function createManagementHandler(ctx) {
         let friendId = target;
         if (isTempNumber) {
           try {
-            const resolveResp = await fetch(serverUrl + "/api/v1/temp-number/" + target);
+            const resolveResp = await fetch(serverUrl + "/api/v1/temp-number/" + target, {
+              headers: serverClient.authHeaders()
+            });
             if (!resolveResp.ok)
               return json(res, { success: false, message: "Temp number not found or expired" });
             const resolveData = await resolveResp.json();
@@ -12072,7 +13835,7 @@ function createManagementHandler(ctx) {
         try {
           const hsResp = await fetch(serverUrl + "/api/v1/handshake/initiate", {
             method: "POST",
-            headers: { "Content-Type": "application/json" },
+            headers: serverClient.authHeaders(),
             body: JSON.stringify({ requesterId: aicqAgentId, targetTempNumber: target })
           });
           if (!hsResp.ok)
@@ -12095,7 +13858,7 @@ function createManagementHandler(ctx) {
           try {
             const rmResp = await fetch(serverUrl + "/api/v1/friends/" + friendId, {
               method: "DELETE",
-              headers: { "Content-Type": "application/json" },
+              headers: serverClient.authHeaders(),
               body: JSON.stringify({ nodeId: aicqAgentId })
             });
             if (!rmResp.ok)
@@ -12121,7 +13884,7 @@ function createManagementHandler(ctx) {
         try {
           const resp = await fetch(serverUrl + "/api/v1/friends/" + friendId + "/permissions", {
             method: "PUT",
-            headers: { "Content-Type": "application/json" },
+            headers: serverClient.authHeaders(),
             body: JSON.stringify({ nodeId: aicqAgentId, permissions })
           });
           if (!resp.ok)
@@ -12140,7 +13903,9 @@ function createManagementHandler(ctx) {
       }
       if (apiPath === "/friends/requests" && method === "GET") {
         try {
-          const resp = await fetch(serverUrl + "/api/v1/friends/requests?nodeId=" + aicqAgentId);
+          const resp = await fetch(serverUrl + "/api/v1/friends/requests?accountId=" + aicqAgentId, {
+            headers: serverClient.authHeaders()
+          });
           if (!resp.ok)
             return json(res, { error: "Server error: " + await resp.text() }, 502);
           const data = await resp.json();
@@ -12163,8 +13928,8 @@ function createManagementHandler(ctx) {
         try {
           const resp = await fetch(serverUrl + "/api/v1/friends/requests/" + requestId + "/accept", {
             method: "POST",
-            headers: { "Content-Type": "application/json" },
-            body: JSON.stringify({ permissions: body.permissions || ["chat"] })
+            headers: serverClient.authHeaders(),
+            body: JSON.stringify({ accountId: aicqAgentId, permissions: body.permissions || ["chat"] })
           });
           if (!resp.ok)
             return json(res, { success: false, message: "Failed: " + await resp.text() });
@@ -12182,8 +13947,8 @@ function createManagementHandler(ctx) {
         try {
           const resp = await fetch(serverUrl + "/api/v1/friends/requests/" + requestId + "/reject", {
             method: "POST",
-            headers: { "Content-Type": "application/json" },
-            body: JSON.stringify({})
+            headers: serverClient.authHeaders(),
+            body: JSON.stringify({ accountId: aicqAgentId })
           });
           if (!resp.ok)
             return json(res, { success: false, message: "Failed: " + await resp.text() });
@@ -12205,9 +13970,37 @@ function createManagementHandler(ctx) {
       if (apiPath === "/models" && method === "GET") {
         const result = readConfig();
         if (!result)
-          return json(res, { providers: MODEL_PROVIDERS, currentModels: [], error: "No config file found" });
+          return json(res, { providers: MODEL_PROVIDERS, currentModels: [], defaultModel: "", error: "No config file found" });
         return json(res, getModelProviders(result.config));
       }
+      if (apiPath === "/models/default" && method === "GET") {
+        const result = readConfig();
+        if (!result)
+          return json(res, { defaultModel: "", error: "No config file found" });
+        const modelsSection = result.config.models;
+        const defaultModel = modelsSection?.defaultModel || "";
+        let defaultProvider = "";
+        let defaultModelName = "";
+        if (defaultModel && modelsSection?.providers) {
+          const providersObj = modelsSection.providers;
+          for (const [provId, provConfig] of Object.entries(providersObj)) {
+            const pc = provConfig;
+            if (Array.isArray(pc.models)) {
+              const found = pc.models.find((m) => m.id === defaultModel);
+              if (found) {
+                defaultProvider = provId;
+                defaultModelName = found.name || found.id || "";
+                break;
+              }
+            }
+          }
+        }
+        return json(res, {
+          defaultModel,
+          defaultProvider,
+          defaultModelName
+        });
+      }
       if (apiPath.match(/^\/models\/[^/]+$/) && method === "PUT") {
         const providerId = decodeURIComponent(apiPath.slice("/models/".length));
         const body = await readBody(req);
@@ -12241,6 +14034,140 @@ 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 === "/models/custom" && method === "POST") {
+        const body = await readBody(req);
+        const name = body.name?.trim();
+        const apiKey = body.apiKey;
+        const modelId = body.modelId;
+        const baseUrl = body.baseUrl;
+        const description = body.description;
+        if (!name)
+          return json(res, { success: false, message: "Provider name is required" }, 400);
+        if (!apiKey && !modelId && !baseUrl) {
+          return json(res, { success: false, message: "At least one of API Key, Model ID, or Base URL is required" }, 400);
+        }
+        const result = readConfig();
+        if (!result)
+          return json(res, { success: false, message: "No config file found" }, 400);
+        const config2 = result.config;
+        if (!config2.providers || typeof config2.providers !== "object") {
+          config2.providers = {};
+        }
+        const providers = config2.providers;
+        if (!Array.isArray(providers.custom)) {
+          providers.custom = [];
+        }
+        const customArr = providers.custom;
+        const newId = "custom-" + crypto.randomUUID().replace(/-/g, "").substring(0, 8);
+        const duplicate = customArr.find((c) => c.name?.toLowerCase() === name.toLowerCase());
+        if (duplicate) {
+          return json(res, { success: false, message: "A provider with this name already exists" }, 409);
+        }
+        const newProvider = {
+          id: newId,
+          name,
+          createdAt: (/* @__PURE__ */ new Date()).toISOString()
+        };
+        if (apiKey)
+          newProvider.apiKey = apiKey;
+        if (modelId)
+          newProvider.modelId = modelId;
+        if (baseUrl)
+          newProvider.baseUrl = baseUrl;
+        if (description)
+          newProvider.description = description;
+        customArr.push(newProvider);
+        const written = writeConfig(config2);
+        if (!written)
+          return json(res, { success: false, message: "Failed to write config file" }, 500);
+        logger.info("[API] Custom provider added: " + name + " (" + newId + ")");
+        return json(res, { success: true, message: "Custom provider '" + name + "' added", providerId: newId });
+      }
+      if (apiPath.match(/^\/models\/custom\/[^/]+$/) && method === "PUT") {
+        const customId = decodeURIComponent(apiPath.slice("/models/custom/".length));
+        const body = await readBody(req);
+        const result = readConfig();
+        if (!result)
+          return json(res, { success: false, message: "No config file found" }, 400);
+        const config2 = result.config;
+        const providers = config2.providers;
+        const customArr = providers?.custom;
+        if (!Array.isArray(customArr)) {
+          return json(res, { success: false, message: "No custom providers found" }, 404);
+        }
+        const idx = customArr.findIndex((c) => c.id === customId);
+        if (idx === -1) {
+          return json(res, { success: false, message: "Custom provider not found" }, 404);
+        }
+        const cp = customArr[idx];
+        if (body.name)
+          cp.name = body.name.trim();
+        if (body.apiKey !== void 0)
+          cp.apiKey = body.apiKey;
+        if (body.modelId !== void 0)
+          cp.modelId = body.modelId;
+        if (body.baseUrl !== void 0)
+          cp.baseUrl = body.baseUrl;
+        if (body.description !== void 0)
+          cp.description = body.description;
+        const written = writeConfig(config2);
+        if (!written)
+          return json(res, { success: false, message: "Failed to write config file" }, 500);
+        logger.info("[API] Custom provider updated: " + customId);
+        return json(res, { success: true, message: "Custom provider updated" });
+      }
+      if (apiPath.match(/^\/models\/custom\/[^/]+$/) && method === "DELETE") {
+        const customId = decodeURIComponent(apiPath.slice("/models/custom/".length));
+        const result = readConfig();
+        if (!result)
+          return json(res, { success: false, message: "No config file found" }, 400);
+        const config2 = result.config;
+        const providers = config2.providers;
+        const customArr = providers?.custom;
+        if (!Array.isArray(customArr)) {
+          return json(res, { success: false, message: "No custom providers found" }, 404);
+        }
+        const idx = customArr.findIndex((c) => c.id === customId);
+        if (idx === -1) {
+          return json(res, { success: false, message: "Custom provider not found" }, 404);
+        }
+        const removed = customArr.splice(idx, 1)[0];
+        const written = writeConfig(config2);
+        if (!written)
+          return json(res, { success: false, message: "Failed to write config file" }, 500);
+        logger.info("[API] Custom provider deleted: " + (removed.name || customId));
+        return json(res, { success: true, message: "Custom provider '" + (removed.name || customId) + "' deleted" });
+      }
+      if (apiPath === "/openclaw-config" && method === "GET") {
+        const result = readConfig();
+        if (!result)
+          return json(res, { error: "No config file found" }, 400);
+        const config2 = result.config;
+        return json(res, {
+          agents: config2.agents || null,
+          bindings: config2.bindings || [],
+          channels: config2.channels || null,
+          configPath: result.configPath
+        });
+      }
+      if (apiPath === "/openclaw-config" && method === "PUT") {
+        const body = await readBody(req);
+        const result = readConfig();
+        if (!result)
+          return json(res, { success: false, message: "No config file found" }, 400);
+        const config2 = result.config;
+        if (body.agents !== void 0)
+          config2.agents = body.agents;
+        if (body.bindings !== void 0)
+          config2.bindings = body.bindings;
+        if (body.channels !== void 0)
+          config2.channels = body.channels;
+        const written = writeConfig(config2);
+        if (!written)
+          return json(res, { success: false, message: "Failed to write config" }, 500);
+        logger.info("[API] OpenClaw config updated");
+        return json(res, { success: true, message: "Configuration saved" });
+      }
       if (apiPath === "/settings" && method === "GET") {
         const result = readConfig();
         const aicqSection = result?.config?.aicq ?? {};
@@ -12592,10 +14519,7 @@ function createManagementHandler(ctx) {
         return json(res, { success: true, message: "Agent added", index: config2.agents.length - 1 });
       }
       if (apiPath.startsWith("/agents/") && method === "PUT") {
-        const idxStr = decodeURIComponent(apiPath.slice("/agents/".length));
-        const idx = parseInt(idxStr, 10);
-        if (isNaN(idx) || idx < 0)
-          return json(res, { success: false, message: "Invalid agent index" }, 400);
+        const identifier = decodeURIComponent(apiPath.slice("/agents/".length));
         const body = await readBody(req);
         const updates = body.agent;
         if (!updates || typeof updates !== "object") {
@@ -12605,11 +14529,42 @@ function createManagementHandler(ctx) {
         if (!result)
           return json(res, { success: false, message: "No config file found" }, 400);
         const config2 = result.config;
-        let agentsArr;
+        const providerModelMatch = identifier.match(/^provider:([^:]+):(\d+)$/);
+        if (providerModelMatch) {
+          const providerId = providerModelMatch[1];
+          const modelIdx = parseInt(providerModelMatch[2], 10);
+          const modelsSection = config2.models;
+          const providersObj = modelsSection?.providers;
+          const provConfig = providersObj?.[providerId];
+          const modelsArr = provConfig?.models;
+          if (!modelsArr || modelIdx >= modelsArr.length) {
+            return json(res, { success: false, message: "Provider model index out of range" }, 400);
+          }
+          const modelEntry = modelsArr[modelIdx];
+          if (updates.name)
+            modelEntry.name = updates.name;
+          if (updates.id)
+            modelEntry.id = updates.id;
+          if (updates.provider)
+            modelEntry.provider = updates.provider;
+          for (const [k, v] of Object.entries(updates)) {
+            if (!["name", "id", "provider", "_source", "_providerId", "_modelIndex", "_configPath", "isDefault"].includes(k)) {
+              modelEntry[k] = v;
+            }
+          }
+          const written2 = writeConfig(config2);
+          if (!written2)
+            return json(res, { success: false, message: "Failed to write config" }, 500);
+          logger.info("[API] Provider model updated: " + providerId + ".models[" + modelIdx + "]");
+          return json(res, { success: true, message: "Model updated in " + providerId });
+        }
+        const idx = parseInt(identifier, 10);
+        if (isNaN(idx) || idx < 0)
+          return json(res, { success: false, message: "Invalid agent identifier" }, 400);
         if (!Array.isArray(config2.agents)) {
           return json(res, { success: false, message: "No agents array in config" }, 400);
         }
-        agentsArr = config2.agents;
+        const agentsArr = config2.agents;
         if (idx >= agentsArr.length) {
           return json(res, { success: false, message: "Agent index out of range" }, 400);
         }
@@ -12832,6 +14787,9 @@ var plugin = definePluginEntry({
     } catch (e) {
       logger.warn("[Init] WS connect failed: " + (e instanceof Error ? e.message : e));
     }
+    serverClient.onConnectionStateChange((newState, prevState) => {
+      logger.info("[Init] Connection state changed: " + prevState + " \u2192 " + newState);
+    });
     serverClient.onWsMessage("relay", (data) => {
       const msg = data;
       if (!msg?.payload)
@@ -12845,14 +14803,9 @@ var plugin = definePluginEntry({
       }
     });
     setInterval(() => {
-      if (!serverClient.isConnected()) {
-        try {
-          serverClient.connectWebSocket();
-        } catch (_e) {
-        }
-      }
+      store.cleanupExpiredTempNumbers();
+      store.cleanupExpiredOfflineMessages();
     }, 6e4);
-    setInterval(() => store.cleanupExpiredTempNumbers(), 6e4);
     api.registerTool({
       label: "AICQ Friend Manager",
       name: "chat-friend",
@@ -12870,9 +14823,13 @@ var plugin = definePluginEntry({
         try {
           switch (action) {
             case "request-temp-number": {
+              const authHeaders = { "Content-Type": "application/json" };
+              const token = serverClient.getAuthToken();
+              if (token)
+                authHeaders["Authorization"] = "Bearer " + token;
               const resp = await fetch(serverUrl + "/api/v1/temp-number/request", {
                 method: "POST",
-                headers: { "Content-Type": "application/json" },
+                headers: authHeaders,
                 body: JSON.stringify({ nodeId: aicqAgentId })
               });
               if (!resp.ok)
@@ -12881,7 +14838,11 @@ var plugin = definePluginEntry({
               return { success: true, tempNumber: data.number, message: "Temp number: " + data.number };
             }
             case "list": {
-              const resp = await fetch(serverUrl + "/api/v1/friends?nodeId=" + aicqAgentId);
+              const listAuthHeaders = {};
+              const listToken = serverClient.getAuthToken();
+              if (listToken)
+                listAuthHeaders["Authorization"] = "Bearer " + listToken;
+              const resp = await fetch(serverUrl + "/api/v1/friends?nodeId=" + aicqAgentId, { headers: listAuthHeaders });
               if (!resp.ok)
                 return { error: "Server error: " + await resp.text() };
               const data = await resp.json();
@@ -12894,15 +14855,23 @@ var plugin = definePluginEntry({
               const isTempNumber = /^\d{6}$/.test(target);
               let friendId = target;
               if (isTempNumber) {
-                const resolveResp = await fetch(serverUrl + "/api/v1/temp-number/" + target);
+                const resolveAuthHeaders = {};
+                const resolveToken = serverClient.getAuthToken();
+                if (resolveToken)
+                  resolveAuthHeaders["Authorization"] = "Bearer " + resolveToken;
+                const resolveResp = await fetch(serverUrl + "/api/v1/temp-number/" + target, { headers: resolveAuthHeaders });
                 if (!resolveResp.ok)
                   return { error: "Temp number not found or expired" };
                 const resolveData = await resolveResp.json();
                 friendId = resolveData.nodeId;
               }
+              const hsAuthHeaders = { "Content-Type": "application/json" };
+              const hsToken = serverClient.getAuthToken();
+              if (hsToken)
+                hsAuthHeaders["Authorization"] = "Bearer " + hsToken;
               const hsResp = await fetch(serverUrl + "/api/v1/handshake/initiate", {
                 method: "POST",
-                headers: { "Content-Type": "application/json" },
+                headers: hsAuthHeaders,
                 body: JSON.stringify({ requesterId: aicqAgentId, targetTempNumber: target })
               });
               if (!hsResp.ok)
@@ -12914,9 +14883,13 @@ var plugin = definePluginEntry({
               const target = params?.target;
               if (!target)
                 return { error: "Missing target (friend ID to remove)" };
+              const rmAuthHeaders = { "Content-Type": "application/json" };
+              const rmToken = serverClient.getAuthToken();
+              if (rmToken)
+                rmAuthHeaders["Authorization"] = "Bearer " + rmToken;
               const rmResp = await fetch(serverUrl + "/api/v1/friends/" + target, {
                 method: "DELETE",
-                headers: { "Content-Type": "application/json" },
+                headers: rmAuthHeaders,
                 body: JSON.stringify({ nodeId: aicqAgentId })
               });
               if (!rmResp.ok)
@@ -12924,9 +14897,16 @@ var plugin = definePluginEntry({
               return { success: true, message: "Friend " + target + " removed" };
             }
             case "revoke-temp-number": {
-              const resp = await fetch(serverUrl + "/api/v1/temp-number/" + aicqAgentId, {
+              const revokeTarget = params?.target;
+              if (!revokeTarget)
+                return { error: "Missing target (temp number to revoke)" };
+              const revokeAuthHeaders = { "Content-Type": "application/json" };
+              const revokeToken = serverClient.getAuthToken();
+              if (revokeToken)
+                revokeAuthHeaders["Authorization"] = "Bearer " + revokeToken;
+              const resp = await fetch(serverUrl + "/api/v1/temp-number/" + revokeTarget + "?nodeId=" + aicqAgentId, {
                 method: "DELETE",
-                headers: { "Content-Type": "application/json" },
+                headers: revokeAuthHeaders,
                 body: JSON.stringify({ nodeId: aicqAgentId })
               });
               if (!resp.ok)
@@ -12997,10 +14977,12 @@ var plugin = definePluginEntry({
         try {
           return {
             connected: serverClient.isConnected(),
+            connectionState: serverClient.getConnectionState(),
             agentId: aicqAgentId,
             fingerprint: identityService.getPublicKeyFingerprint(),
             friendCount: store.getFriendCount(),
             sessionCount: store.sessions.size,
+            offlineMessageCount: store.getOfflineMessageCount(),
             serverUrl
           };
         } catch (err) {
@@ -13010,21 +14992,25 @@ var plugin = definePluginEntry({
       });
       api.registerGatewayMethod("aicq.friends.list", async (params) => {
         try {
-          const resp = await fetch(serverUrl + "/api/v1/friends?nodeId=" + aicqAgentId);
+          const resp = await fetch(serverUrl + "/api/v1/friends?nodeId=" + aicqAgentId, {
+            headers: serverClient.authHeaders()
+          });
           if (!resp.ok)
             return { error: "Server error: " + await resp.text() };
           const data = await resp.json();
           const friends = data.friends || [];
           const enriched = friends.map((f) => {
-            const localFriend = store.getFriend(f.nodeId);
+            const friendId = f.id || f.nodeId;
+            const localFriend = store.getFriend(friendId);
             return {
-              id: f.nodeId,
+              id: friendId,
               publicKeyFingerprint: f.publicKeyFingerprint || (localFriend?.publicKeyFingerprint || ""),
               permissions: f.permissions || localFriend?.permissions || [],
               addedAt: f.addedAt || localFriend?.addedAt?.toISOString() || null,
               lastMessageAt: f.lastMessageAt || localFriend?.lastMessageAt?.toISOString() || null,
               friendType: f.friendType || localFriend?.friendType || null,
-              aiName: f.aiName || localFriend?.aiName || null
+              aiName: f.aiName || localFriend?.aiName || null,
+              nodeId: f.nodeId || null
             };
           });
           return { friends: enriched };
@@ -13042,7 +15028,9 @@ var plugin = definePluginEntry({
           const isTempNumber = /^\d{6}$/.test(target);
           let friendId = target;
           if (isTempNumber) {
-            const resolveResp = await fetch(serverUrl + "/api/v1/temp-number/" + target);
+            const resolveResp = await fetch(serverUrl + "/api/v1/temp-number/" + target, {
+              headers: serverClient.authHeaders()
+            });
             if (!resolveResp.ok)
               return { success: false, message: "Temp number not found or expired" };
             const resolveData = await resolveResp.json();
@@ -13050,7 +15038,7 @@ var plugin = definePluginEntry({
           }
           const hsResp = await fetch(serverUrl + "/api/v1/handshake/initiate", {
             method: "POST",
-            headers: { "Content-Type": "application/json" },
+            headers: serverClient.authHeaders(),
             body: JSON.stringify({ requesterId: aicqAgentId, targetTempNumber: target })
           });
           if (!hsResp.ok)
@@ -13076,7 +15064,7 @@ var plugin = definePluginEntry({
             return { success: false, message: "Missing friendId parameter" };
           const rmResp = await fetch(serverUrl + "/api/v1/friends/" + friendId, {
             method: "DELETE",
-            headers: { "Content-Type": "application/json" },
+            headers: serverClient.authHeaders(),
             body: JSON.stringify({ nodeId: aicqAgentId })
           });
           if (!rmResp.ok)
@@ -13095,7 +15083,9 @@ var plugin = definePluginEntry({
           const friendId = p.friendId;
           if (!friendId)
             return { error: "Missing friendId parameter" };
-          const resp = await fetch(serverUrl + "/api/v1/friends/" + friendId + "/permissions?nodeId=" + aicqAgentId);
+          const resp = await fetch(serverUrl + "/api/v1/friends/" + friendId + "/permissions?nodeId=" + aicqAgentId, {
+            headers: serverClient.authHeaders()
+          });
           if (!resp.ok)
             return { error: "Server error: " + await resp.text() };
           const data = await resp.json();
@@ -13117,7 +15107,7 @@ var plugin = definePluginEntry({
           }
           const resp = await fetch(serverUrl + "/api/v1/friends/" + friendId + "/permissions", {
             method: "PUT",
-            headers: { "Content-Type": "application/json" },
+            headers: serverClient.authHeaders(),
             body: JSON.stringify({ nodeId: aicqAgentId, permissions })
           });
           if (!resp.ok)
@@ -13136,7 +15126,9 @@ var plugin = definePluginEntry({
       });
       api.registerGatewayMethod("aicq.friends.requests", async (params) => {
         try {
-          const resp = await fetch(serverUrl + "/api/v1/friends/requests?nodeId=" + aicqAgentId);
+          const resp = await fetch(serverUrl + "/api/v1/friends/requests?accountId=" + aicqAgentId, {
+            headers: serverClient.authHeaders()
+          });
           if (!resp.ok)
             return { error: "Server error: " + await resp.text() };
           const data = await resp.json();
@@ -13158,7 +15150,7 @@ var plugin = definePluginEntry({
           }
           const resp = await fetch(serverUrl + "/api/v1/friends/requests/" + requestId + "/accept", {
             method: "POST",
-            headers: { "Content-Type": "application/json" },
+            headers: serverClient.authHeaders(),
             body: JSON.stringify(body)
           });
           if (!resp.ok)
@@ -13178,7 +15170,7 @@ var plugin = definePluginEntry({
             return { success: false, message: "Missing requestId parameter" };
           const resp = await fetch(serverUrl + "/api/v1/friends/requests/" + requestId + "/reject", {
             method: "POST",
-            headers: { "Content-Type": "application/json" },
+            headers: serverClient.authHeaders(),
             body: JSON.stringify({})
           });
           if (!resp.ok)