@bolloon/bolloon-agent 0.4.22 → 0.4.24

package/dist/web/mobile-core.js

@@ -86655,15 +86655,20 @@ ${[...listenStats.errors.entries()].map(([addr, err2]) => {
   // src/web/mobile-agent.ts
   var mobile_agent_exports = {};
   __export(mobile_agent_exports, {
+    MOBILE_JOIN_DOC_RE: () => MOBILE_JOIN_DOC_RE,
     callRemoteAgent: () => callRemoteAgent,
     cancelPhoneAgent: () => cancelPhoneAgent,
     default: () => mobile_agent_default,
+    detectJoinDocUrl: () => detectJoinDocUrl,
     ensureIdentity: () => ensureIdentity,
+    formatMobileJoinResult: () => formatMobileJoinResult,
     getLastWorklog: () => getLastWorklog,
     getLlmConfig: () => getLlmConfig,
+    getMobileJoinState: () => getMobileJoinState,
     handleIncomingAgentMessage: () => handleIncomingAgentMessage,
     handleIncomingPhoneMessage: () => handleIncomingPhoneMessage,
     identityStatus: () => identityStatus,
+    joinGatewayFromDoc: () => joinGatewayFromDoc,
     loginIdentity: () => loginIdentity,
     logoutIdentity: () => logoutIdentity,
     notifyAgentReply: () => notifyAgentReply,
@@ -86810,9 +86815,171 @@ ${[...listenStats.errors.entries()].map(([addr, err2]) => {
     } catch {
     }
   }
+  function detectJoinDocUrl(text) {
+    const m2 = MOBILE_JOIN_DOC_RE.exec(String(text || ""));
+    return m2 ? m2[1] : null;
+  }
+  function parseFm(text) {
+    const m2 = /^---\r?\n([\s\S]*?)\r?\n---/.exec(String(text || ""));
+    if (!m2) return {};
+    const out = {};
+    for (const line of m2[1].split(/\r?\n/)) {
+      const kv = /^([A-Za-z_][\w-]*)\s*:\s*(.*)$/.exec(line.trim());
+      if (!kv) continue;
+      const k = kv[1].toLowerCase();
+      if (k === "name") out.name = kv[2].trim().replace(/^["']|["']$/g, "");
+      if (k === "version") out.version = kv[2].trim().replace(/^["']|["']$/g, "");
+    }
+    return out;
+  }
+  async function getMobileJoinState() {
+    try {
+      const raw = typeof localStorage !== "undefined" ? localStorage.getItem(MOBILE_JOIN_STATE_KEY) : null;
+      return raw ? JSON.parse(raw) : null;
+    } catch {
+      return null;
+    }
+  }
+  function saveMobileJoinState(s2) {
+    try {
+      if (typeof localStorage !== "undefined") localStorage.setItem(MOBILE_JOIN_STATE_KEY, JSON.stringify(s2));
+    } catch {
+    }
+  }
+  async function joinGatewayFromDoc(docUrl, opts = {}) {
+    const f = opts.fetchImpl || fetch;
+    const steps = [];
+    const url = String(docUrl || "").trim();
+    if (!/^https?:\/\//i.test(url)) {
+      return { ok: false, docUrl: url, steps, error: `\u5165\u7F51\u8BF4\u660E\u5730\u5740\u5FC5\u987B\u662F http(s) URL (\u6536\u5230: ${url.slice(0, 60)})` };
+    }
+    let docVersion;
+    try {
+      const r = await f(url, { signal: AbortSignal.timeout(opts.timeoutMs ?? 15e3) });
+      if (!r.ok) {
+        steps.push({ step: "\u8BFB\u5165\u7F51\u8BF4\u660E", ok: false, note: `\u6587\u6863\u4E0D\u53EF\u8FBE (HTTP ${r.status})` });
+        return { ok: false, docUrl: url, steps, error: `\u5165\u7F51\u8BF4\u660E\u4E0D\u53EF\u8FBE (HTTP ${r.status})` };
+      }
+      const text = await r.text();
+      const fm = parseFm(text);
+      if (fm.name !== "bolloon-gateway-join" && !/加入网关|bolloon-gateway-join/.test(text)) {
+        steps.push({ step: "\u8BFB\u5165\u7F51\u8BF4\u660E", ok: false, note: `\u4E0D\u662F Bolloon \u5165\u7F51\u8BF4\u660E (name=${fm.name || "\u65E0"})` });
+        return { ok: false, docUrl: url, steps, error: "\u8BE5\u6587\u6863\u4E0D\u662F Bolloon \u7F51\u5173\u5165\u7F51\u8BF4\u660E, \u62D2\u7EDD\u636E\u6B64\u5165\u7F51" };
+      }
+      docVersion = fm.version;
+      steps.push({ step: "\u8BFB\u5165\u7F51\u8BF4\u660E", ok: true, note: `${fm.name || "bolloon-gateway-join"} v${fm.version || "?"} (${text.length} \u5B57\u7B26)` });
+    } catch (e) {
+      steps.push({ step: "\u8BFB\u5165\u7F51\u8BF4\u660E", ok: false, note: `\u8BFB\u53D6\u5931\u8D25: ${String(e?.message || e).slice(0, 120)}` });
+      return { ok: false, docUrl: url, steps, error: `\u5165\u7F51\u8BF4\u660E\u8BFB\u53D6\u5931\u8D25: ${String(e?.message || e).slice(0, 120)}` };
+    }
+    let did = String(opts.did || "");
+    if (did) {
+      steps.push({ step: "DID \u8EAB\u4EFD", ok: true, note: `${did} (\u6CE8\u5165\u8EAB\u4EFD)` });
+    } else {
+      try {
+        const id = await ensureIdentity();
+        did = id.did;
+        steps.push({ step: "DID \u8EAB\u4EFD", ok: true, note: `${did} (\u624B\u673A\u7AEF\u672C\u673A\u751F\u6210)` });
+      } catch (e) {
+        steps.push({ step: "DID \u8EAB\u4EFD", ok: false, note: String(e?.message || e).slice(0, 120) });
+        return { ok: false, docUrl: url, docVersion, steps, error: "\u624B\u673A\u7AEF DID \u751F\u6210\u5931\u8D25" };
+      }
+    }
+    const name10 = String(opts.name || "phone-agent");
+    const capabilities = ["chat", "gateway-join"];
+    let desktopBase = String(opts.desktopBaseUrl ?? "");
+    if (opts.desktopBaseUrl === void 0) {
+      try {
+        const g = await Promise.resolve().then(() => (init_mobile_gateway(), mobile_gateway_exports));
+        desktopBase = String(g.getDesktopBaseUrl() || "");
+      } catch {
+        desktopBase = "";
+      }
+    }
+    desktopBase = desktopBase.replace(/\/+$/, "");
+    let registeredOn = "local";
+    if (desktopBase) {
+      try {
+        const r = await f(`${desktopBase}/api/registry/register`, {
+          method: "POST",
+          headers: { "content-type": "application/json" },
+          body: JSON.stringify({
+            agentId: did,
+            name: name10,
+            wallet: "",
+            service: { name: "chat", description: "\u624B\u673A\u7AEF\u667A\u80FD\u4F53 (\u81EA\u8DB3\u8282\u70B9)", price: { amount: "0", currency: "USDC", per: "task" }, endpoint: "" },
+            capabilities
+          }),
+          signal: AbortSignal.timeout(opts.timeoutMs ?? 15e3)
+        });
+        if (r.ok) {
+          registeredOn = "desktop";
+          steps.push({ step: "\u670D\u52A1\u767B\u8BB0", ok: true, note: `\u5DF2\u767B\u8BB0\u8FDB\u7535\u8111\u7AEF\u7F51\u7EDC registry (${desktopBase}) \u2014\u2014 \u7F51\u7EDC\u5185\u5176\u4ED6\u667A\u80FD\u4F53\u53EF\u6309\u80FD\u529B\u53D1\u73B0\u6211` });
+        } else {
+          steps.push({ step: "\u670D\u52A1\u767B\u8BB0", ok: false, note: `\u7535\u8111\u7AEF registry \u62D2\u7EDD (HTTP ${r.status}); \u5DF2\u6539\u4E3A\u672C\u673A\u767B\u8BB0` });
+        }
+      } catch (e) {
+        steps.push({ step: "\u670D\u52A1\u767B\u8BB0", ok: false, note: `\u7535\u8111\u7AEF\u4E0D\u53EF\u8FBE (${String(e?.message || e).slice(0, 80)}); \u5DF2\u6539\u4E3A\u672C\u673A\u767B\u8BB0` });
+      }
+    } else {
+      steps.push({ step: "\u670D\u52A1\u767B\u8BB0", ok: true, note: "\u672A\u914D\u7F6E\u7535\u8111\u7AEF\u57FA\u5740 \u2192 \u53EA\u5728\u672C\u673A\u767B\u8BB0 (\u624B\u673A\u662F\u81EA\u6CBB\u8282\u70B9; \u8BBE\u7F6E\u91CC\u586B\u7535\u8111\u7AEF\u5730\u5740\u53EF\u767B\u8BB0\u8FDB\u7F51\u7EDC registry)" });
+    }
+    try {
+      const p2p = await Promise.resolve().then(() => (init_mobile_p2p(), mobile_p2p_exports));
+      let peers = 0;
+      try {
+        peers = (p2p.getConnectedPeers?.() || []).length;
+      } catch {
+        peers = 0;
+      }
+      if (peers > 0 && typeof p2p.sendMobileP2PMessage === "function") {
+        const okAnnounce = await p2p.sendMobileP2PMessage("*", "registry.register", JSON.stringify({ agent_id: did, name: name10, capabilities }), did);
+        steps.push({ step: "P2P \u516C\u544A", ok: !!okAnnounce, note: okAnnounce ? `\u5DF2\u5411 ${peers} \u4E2A\u5BF9\u7AEF\u5E7F\u64AD\u672C\u673A\u58F0\u660E` : `\u5E7F\u64AD\u5931\u8D25 (\u5BF9\u7AEF ${peers} \u4E2A)` });
+      } else {
+        steps.push({ step: "P2P \u516C\u544A", ok: false, note: "\u5F53\u524D\u65E0\u5DF2\u8FDE\u63A5\u5BF9\u7AEF (\u6D4F\u89C8\u5668/\u672A\u8FDE\u7535\u8111\u7AEF\u65F6\u6B63\u5E38) \u2014 \u672C\u673A\u58F0\u660E\u5DF2\u5C31\u7EEA, \u8FDE\u4E0A\u5373\u751F\u6548" });
+      }
+    } catch (e) {
+      steps.push({ step: "P2P \u516C\u544A", ok: false, note: `P2P \u5C42\u4E0D\u53EF\u7528: ${String(e?.message || e).slice(0, 80)}` });
+    }
+    saveMobileJoinState({ url, did, name: name10, capabilities, docVersion, registeredOn, desktopBaseUrl: desktopBase || void 0, joinedAt: (/* @__PURE__ */ new Date()).toISOString() });
+    const state2 = await getMobileJoinState();
+    steps.push({ step: "\u843D\u76D8\u5165\u7F51\u6001", ok: !!state2?.did, note: `localStorage:${MOBILE_JOIN_STATE_KEY}` });
+    return { ok: true, docUrl: url, docVersion, did, steps };
+  }
+  function formatMobileJoinResult(r) {
+    if (!r.ok) {
+      return `\u274C \u5165\u7F51\u5931\u8D25: ${r.error || "\u672A\u77E5\u539F\u56E0"}
+
+${r.steps.map((s3) => `${s3.ok ? "\u2713" : "\u2717"} ${s3.step}: ${s3.note}`).join("\n")}`;
+    }
+    const s2 = r.steps.find((x) => x.step === "\u670D\u52A1\u767B\u8BB0");
+    return [
+      "\u2705 \u5DF2\u52A0\u5165\u5168\u7403\u667A\u80FD\u4F53\u7F51\u7EDC (\u624B\u673A\u7AEF\u81EA\u8DB3\u6267\u884C)",
+      "",
+      `DID: ${r.did}`,
+      `\u5165\u7F51\u8BF4\u660E: v${r.docVersion || "?"} (${r.docUrl})`,
+      s2 ? `\u767B\u8BB0: ${s2.note}` : "",
+      "",
+      ...r.steps.map((x) => `${x.ok ? "\u2713" : "\u2717"} ${x.step}: ${x.note}`),
+      "",
+      "\u7528\u300C\u7F51\u7EDC \u2192 Agent \u7F51\u7EDC\u300D\u53EF\u67E5\u770B\u6210\u5458; \u8BBE\u7F6E\u91CC\u586B\u7535\u8111\u7AEF\u5730\u5740\u53EF\u628A\u672C\u673A\u767B\u8BB0\u8FDB\u7F51\u7EDC registry\u3002"
+    ].filter((l) => l !== "").join("\n");
+  }
   async function runLocalAgent(goal) {
     const win = typeof window !== "undefined" ? window : null;
     const cap = win?.Capacitor;
+    const joinDocUrl = detectJoinDocUrl(goal);
+    if (joinDocUrl) {
+      _lastWorklog = [`\u{1F9E9} \u8BC6\u522B\u4E3A\u5165\u7F51\u53E3\u4EE4: ${joinDocUrl}`];
+      const r = await joinGatewayFromDoc(joinDocUrl).catch((e) => ({
+        ok: false,
+        docUrl: joinDocUrl,
+        steps: [{ step: "\u5165\u7F51", ok: false, note: String(e?.message || e).slice(0, 120) }],
+        error: String(e?.message || e)
+      }));
+      _lastWorklog = [..._lastWorklog, ...r.steps.map((s2) => `${s2.ok ? "\u2713" : "\u2717"} ${s2.step}: ${s2.note}`)];
+      return formatMobileJoinResult(r);
+    }
     const bridge = cap && cap.Plugins && cap.Plugins.RokidBridge;
     if (bridge && cap.isNativePlatform?.()) {
       try {
@@ -87068,7 +87235,7 @@ ${[...listenStats.errors.entries()].map(([addr, err2]) => {
     } catch {
     }
   }
-  var IDENTITY_DB, _identity, _identityDb, _llmConfig, _lastWorklog, _send, _ownDid, replyHandlers, inboundChatHandlers, mobile_agent_default;
+  var IDENTITY_DB, _identity, _identityDb, _llmConfig, _lastWorklog, MOBILE_JOIN_DOC_RE, MOBILE_JOIN_STATE_KEY, _send, _ownDid, replyHandlers, inboundChatHandlers, mobile_agent_default;
   var init_mobile_agent = __esm({
     "src/web/mobile-agent.ts"() {
       "use strict";
@@ -87078,6 +87245,8 @@ ${[...listenStats.errors.entries()].map(([addr, err2]) => {
       _identityDb = null;
       _llmConfig = null;
       _lastWorklog = [];
+      MOBILE_JOIN_DOC_RE = /read\s+(https?:\/\/\S*bolloon-gateway-join\.md)/i;
+      MOBILE_JOIN_STATE_KEY = "bolloon_gateway_join";
       _send = null;
       _ownDid = "";
       replyHandlers = /* @__PURE__ */ new Set();
@@ -162740,8 +162909,10 @@ ${error.stack}` : head;
     resolve(path) {
       const p = path || "";
       if (p === "/channels") return () => core.channels.get();
+      if (p === "/api/data/snapshot") return () => core.data.snapshot();
       if (p === "/api/peers") return () => core.peers.list();
       if (p === "/api/mcp/tools") return () => core.mcp.tools();
+      if (p === "/api/skills") return () => core.skills.list();
       if (p === "/api/auth/status") return () => core.identity.status();
       if (p === "/api/payments/pending") return () => core.payments.pending();
       if (p === "/api/llm-config") return () => core.data.getLlmConfig();
@@ -162787,6 +162958,10 @@ ${error.stack}` : head;
     /** POST 路径 → 内核函数 */
     resolvePost(path, body) {
       const p = path || "";
+      if (p === "/api/mcp/call") {
+        const b = body || {};
+        return () => core.mcp.call(String(b.name || ""), b.args || {});
+      }
       if (p === "/message") {
         const b = body || {};
         return () => core.message.send({ text: b.text, channelId: b.channelId });
@@ -163485,6 +163660,17 @@ ${error.stack}` : head;
           { name: "gateway_call", description: "\u901A\u8FC7 Agent Gateway \u8C03\u7528\u670D\u52A1 (\u81EA\u52A8\u95ED\u73AF)" },
           { name: "gateway_join", description: "\u901A\u8FC7\u94FE\u63A5\u52A0\u5165\u5171\u4EAB Agent \u7F51\u7EDC" }
         ];
+      },
+      async call(name10, args) {
+        const { mobileGatewayTool: mobileGatewayTool2 } = await Promise.resolve().then(() => (init_mobile_gateway(), mobile_gateway_exports));
+        return mobileGatewayTool2(String(name10 || ""), args || {});
+      }
+    },
+    skills: {
+      async list() {
+        const s2 = await Promise.resolve().then(() => (init_mobile_sync(), mobile_sync_exports));
+        const snap = s2.getLastSnapshot();
+        return snap && Array.isArray(snap.skills) ? snap.skills : [];
       }
     },
     message: {

package/dist/web/mobile.css

@@ -664,3 +664,27 @@ body {
 .list-icon .ico { width: 21px; height: 21px; }
 
 .icon-btn .ico { width: 20px; height: 20px; }
+
+/* 供应商选择: 芯片式 (API 配置页, 2026-09-14) */
+.provider-chips {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 8px;
+}
+.provider-chip {
+  padding: 8px 14px;
+  border: 1px solid var(--border);
+  border-radius: 999px;
+  background: var(--bg-hover);
+  color: var(--text-secondary);
+  font-size: 13px;
+  line-height: 1.2;
+  -webkit-tap-highlight-color: transparent;
+}
+.provider-chip:active { transform: scale(.96); }
+.provider-chip.active {
+  border-color: var(--accent);
+  background: var(--accent);
+  color: var(--bg);
+  font-weight: 600;
+}

package/dist/web/mobile.html

@@ -34,9 +34,10 @@
 <div id="app" class="app">
   <!-- 顶部导航 -->
   <header class="topbar">
+    <button class="icon-btn" id="btn-index" title="索引"><svg class="ico" viewBox="0 0 24 24"><path d="M4 6h16M4 12h16M4 18h16"/></svg></button>
     <div class="topbar-title" id="topbar-title">首页</div>
     <div class="topbar-actions" id="topbar-actions">
-      <button class="icon-btn" id="btn-refresh" title="刷新"><svg class="ico" viewBox="0 0 24 24"><path d="M20 12a8 8 0 1 1-2.3-5.6"/><path d="M20 4v4.5h-4.5"/></svg></button>
+      <button class="icon-btn" id="btn-search" title="搜索"><svg class="ico" viewBox="0 0 24 24"><circle cx="11" cy="11" r="6.5"/><path d="M16 16l4.5 4.5"/></svg></button>
       <button class="icon-btn" id="btn-add" title="添加会话"><svg class="ico" viewBox="0 0 24 24"><path d="M12 5v14M5 12h14"/></svg></button>
     </div>
   </header>
@@ -60,25 +61,34 @@
       <div class="detail-body" id="detail-body"></div>
     </div>
   </main>
-
-  <!-- 网络 tab -->
-  <section class="page" id="page-network" data-tab="network" hidden>
+  <!-- 好友 tab: 好友与 P2P (原来散在网络页, 现已归拢; 网络页不再重复这些) -->
+  <section class="page" id="page-friends" data-tab="friends" hidden>
     <div class="list">
-      <div class="list-item" id="item-join-global"><span class="list-icon"><svg class="ico" viewBox="0 0 24 24"><circle cx="12" cy="12" r="8.5"/><path d="M3.5 12h17"/><path d="M12 3.5c2.7 2.6 2.7 14.4 0 17M12 3.5c-2.7 2.6-2.7 14.4 0 17"/><circle cx="12" cy="12" r="1.2" fill="currentColor" stroke="none"/></svg></span><span>一键入网 · 全球智能体网络</span><span class="list-arrow">›</span></div>
-      <div class="list-item" id="item-join-net"><span class="list-icon"><svg class="ico" viewBox="0 0 24 24"><path d="M3.5 9.5a13 13 0 0 1 17 0M6.5 13a8.5 8.5 0 0 1 11 0M9.6 16.3a4 4 0 0 1 4.8 0"/><circle cx="12" cy="19.5" r="1.1" fill="currentColor" stroke="none"/></svg></span><span>加入网络</span><span class="list-arrow">›</span></div>
       <div class="list-item" id="item-add-friend"><span class="list-icon"><svg class="ico" viewBox="0 0 24 24"><circle cx="9" cy="8" r="3.2"/><path d="M3.5 19c.8-3 3-4.6 5.5-4.6S13.7 16 14.5 19"/><path d="M17 8v6M14 11h6"/></svg></span><span>连接好友</span><span class="list-arrow">›</span></div>
       <div class="list-item" id="item-nearby"><span class="list-icon"><svg class="ico" viewBox="0 0 24 24"><path d="M4 12a8 8 0 0 1 16 0"/><path d="M7.5 12a4.5 4.5 0 0 1 9 0"/><circle cx="12" cy="12" r="1.4"/><path d="M12 13.6V19"/></svg></span><span>附近设备</span><span class="list-arrow">›</span></div>
       <div class="list-item" id="item-scan-net"><span class="list-icon"><svg class="ico" viewBox="0 0 24 24"><path d="M4 8V6a2 2 0 0 1 2-2h2M16 4h2a2 2 0 0 1 2 2v2M20 16v2a2 2 0 0 1-2 2h-2M8 20H6a2 2 0 0 1-2-2v-2"/><path d="M4 12h16"/></svg></span><span>扫码入网 / 加好友</span></div>
     </div>
     <input type="file" id="qr-scan-input" accept="image/*" capture="environment" style="display:none">
-    <div class="section-label">P2P 连接</div>
-    <div class="list" id="p2p-status"></div>
-    <div class="section-label">Agent 网络</div>
-    <div class="list" id="net-members"></div>
     <div class="list">
       <div class="list-item" id="item-p2p"><span class="list-icon"><svg class="ico" viewBox="0 0 24 24"><circle cx="12" cy="12" r="8.5"/><path d="M3.5 12h17"/><path d="M12 3.5c2.3 2.3 3.5 5.3 3.5 8.5s-1.2 6.2-3.5 8.5c-2.3-2.3-3.5-5.3-3.5-8.5S9.7 5.8 12 3.5z"/></svg></span><span>P2P 好友</span></div>
       <div class="list-item" id="item-p2p-id"><span class="list-icon"><svg class="ico" viewBox="0 0 24 24"><rect x="3" y="5.5" width="18" height="13" rx="2.5"/><circle cx="8.5" cy="11" r="2"/><path d="M5.6 15.8a3.2 3.2 0 0 1 5.8 0M13.5 10h5M13.5 13.5h5"/></svg></span><span>我的 P2P ID</span></div>
     </div>
+    <div class="section-label">P2P 连接</div>
+    <div class="list" id="p2p-status"></div>
+    <div class="section-label">好友列表</div>
+    <div class="list" id="contacts-list"></div>
+  </section>
+
+  </main>
+
+  <!-- 网络 tab -->
+  <section class="page" id="page-network" data-tab="network" hidden>
+    <div class="list">
+      <div class="list-item" id="item-join-global"><span class="list-icon"><svg class="ico" viewBox="0 0 24 24"><circle cx="12" cy="12" r="8.5"/><path d="M3.5 12h17"/><path d="M12 3.5c2.7 2.6 2.7 14.4 0 17M12 3.5c-2.7 2.6-2.7 14.4 0 17"/><circle cx="12" cy="12" r="1.2" fill="currentColor" stroke="none"/></svg></span><span>一键入网 · 全球智能体网络</span><span class="list-arrow">›</span></div>
+      <div class="list-item" id="item-join-net"><span class="list-icon"><svg class="ico" viewBox="0 0 24 24"><path d="M3.5 9.5a13 13 0 0 1 17 0M6.5 13a8.5 8.5 0 0 1 11 0M9.6 16.3a4 4 0 0 1 4.8 0"/><circle cx="12" cy="19.5" r="1.1" fill="currentColor" stroke="none"/></svg></span><span>加入网络</span><span class="list-arrow">›</span></div>
+    </div>
+    <div class="section-label">Agent 网络</div>
+    <div class="list" id="net-members"></div>
     <div class="section-label">Agent 服务 (协议自动发现)</div>
     <div class="list" id="agent-services"></div>
     <div class="list">
@@ -86,10 +96,8 @@
     </div>
     <div class="section-label">微信息 (微支付)</div>
     <div class="list" id="x402-info-list"></div>
-    <div class="section-label">P2P 好友列表</div>
-    <div class="list" id="contacts-list"></div>
-    <div class="section-label">MCP 工具 (触控调用)</div>
-    <div class="list" id="mcp-tools"></div>
+    <div class="section-label">智能体控制 (MCP / Skills)</div>
+    <div class="list" id="agent-control"></div>
     <div class="section-label">待人工审批支付</div>
     <div class="list" id="approval-list"></div>
     <div class="section-label">A2UI 动态面板 (智能体生成)</div>
@@ -122,6 +130,7 @@
 <!-- 底部 tab -->
 <nav class="tabbar" id="tabbar">
   <button class="tab active" data-tab="main"><span class="tab-icon"><svg class="ico" viewBox="0 0 24 24"><rect x="3.5" y="3.5" width="7" height="7" rx="1.6"/><rect x="13.5" y="3.5" width="7" height="7" rx="1.6"/><rect x="3.5" y="13.5" width="7" height="7" rx="1.6"/><rect x="13.5" y="13.5" width="7" height="7" rx="1.6"/></svg></span><span>首页</span></button>
+  <button class="tab" data-tab="friends"><span class="tab-icon"><svg class="ico" viewBox="0 0 24 24"><circle cx="9" cy="8" r="3.2"/><path d="M3.5 19c.8-3 3-4.6 5.5-4.6S13.7 16 14.5 19"/><path d="M17 8v6M14 11h6"/></svg></span><span>好友</span></button>
   <button class="tab" data-tab="network"><span class="tab-icon"><svg class="ico" viewBox="0 0 24 24"><circle cx="12" cy="12" r="8.5"/><path d="M3.5 12h17"/><path d="M12 3.5c2.3 2.3 3.5 5.3 3.5 8.5s-1.2 6.2-3.5 8.5c-2.3-2.3-3.5-5.3-3.5-8.5S9.7 5.8 12 3.5z"/></svg></span><span>网络</span></button>
   <button class="tab" data-tab="me"><span class="tab-icon"><svg class="ico" viewBox="0 0 24 24"><circle cx="12" cy="8.5" r="4"/><path d="M4.5 20.5a7.5 7.5 0 0 1 15 0"/></svg></span><span>我</span></button>
 </nav>