@bolloon/bolloon-agent 0.6.5 → 0.6.7

package/dist/ios/mobile.js

@@ -69,21 +69,66 @@
     });
   } catch (e) {}
 
-  const TITLES = { main: '首页', friends: '好友', network: '网络', tasks: '任务', me: '我' };
+  const TITLES = { main: '首页', friends: '通讯录', tasks: '任务', me: '我' };
   let currentTab = 'main';
   function switchTab(tab) {
     currentTab = tab;
     $$('.page, .page-container').forEach((p) => { p.hidden = p.dataset.tab !== tab; });
     $$('.tab').forEach((t) => t.classList.toggle('active', t.dataset.tab === tab));
     $('#topbar-title').textContent = TITLES[tab] || '会话';
-    const cs = $('#btn-create-session'); if (cs) cs.hidden = tab !== 'main';
     const ta = $('#topbar-actions'); if (ta) ta.hidden = tab === 'me';   // 我 页不显示 加号/刷新
     if (tab === 'friends') { loadContacts(); loadP2PStatus(); }
-    if (tab === 'network') { loadAgentControl(); loadApprovals(); loadNetMembers(); loadAgentServices(); loadX402Info(); }
+    // 2026-10-06: 网络 + 任务合一 —— 任务 tab 同时加载网络与任务数据
+    if (tab === 'tasks') { loadAgentControl(); loadApprovals(); loadNetMembers(); loadAgentServices(); loadX402Info(); try { refreshAll(); } catch (e) {} }
     if (tab === 'main') { loadAgentCovers(); }
     window.__mobileTouch?.('tab', tab);
   }
   $$('.tab').forEach((t) => t.addEventListener('click', () => switchTab(t.dataset.tab)));
+  // 2026-10-07: 任务 tab 对话框模式 — 网络收成仪表盘工具 (覆盖层开关)
+  function openTaskNetwork() {
+    const p = $('#task-network-panel'); if (p) p.hidden = false;
+    // 打开时加载网络数据
+    try { loadAgentControl(); loadApprovals(); loadNetMembers(); loadAgentServices(); loadX402Info(); } catch (e) {}
+  }
+  function closeTaskNetwork() {
+    const p = $('#task-network-panel'); if (p) p.hidden = true;
+  }
+  const dashNet = $('#task-dash-network'); if (dashNet) dashNet.addEventListener('click', openTaskNetwork);
+  const netBack = $('#task-network-back'); if (netBack) netBack.addEventListener('click', closeTaskNetwork);
+
+  // 任务对话框: 派活 → runLocalAgent (手机自治循环, 回显到消息流)
+  async function sendTask() {
+    const input = $('#task-input');
+    if (!input) return;
+    const text = input.value.trim();
+    if (!text) return;
+    input.value = '';
+    appendTaskMsg('user', text);
+    const empty = $('#task-chat-empty'); if (empty) empty.hidden = true;
+    try {
+      const a = window.BolloonCore && window.BolloonCore.agent;
+      let reply;
+      if (a && a.runLocal) reply = await a.runLocal(text);
+      else if (a && a.runLoop) reply = await a.runLoop(text);
+      else reply = '手机 Agent 未就绪';
+      appendTaskMsg('ai', String(reply || '(无回复)'));
+    } catch (e) {
+      appendTaskMsg('ai', '[执行失败] ' + (e.message || e));
+    }
+  }
+  function appendTaskMsg(role, text) {
+    const chat = $('#task-chat');
+    if (!chat) return;
+    const el = document.createElement('div');
+    el.className = 'task-msg ' + (role === 'user' ? 'task-msg-user' : 'task-msg-ai');
+    el.textContent = text;
+    chat.appendChild(el);
+    chat.scrollTop = chat.scrollHeight;
+  }
+  const taskInput = $('#task-input');
+  const taskSend = $('#task-input-send');
+  if (taskSend) taskSend.addEventListener('click', sendTask);
+  if (taskInput) taskInput.addEventListener('keydown', (e) => { if (e.key === 'Enter') sendTask(); });
 
   async function loadConversations() {
     try {
@@ -114,26 +159,58 @@
   }
 
   async function loadContacts() {
-    try {
-      let peers = [];
-      try { peers = await api.get('/api/peers'); } catch { peers = []; }
-      const list = $('#contacts-list');
-      if (!list) return;
-      list.innerHTML = '';
-      if (!Array.isArray(peers) || peers.length === 0) {
-        list.innerHTML = '<div style="padding:20px;text-align:center;color:var(--text-muted)">暂无好友</div>';
-        return;
-      }
-      peers.forEach((p) => {
-        const name = p.name || p.publicKey?.slice(0, 12) || '好友';
-        const el = document.createElement('div');
-        el.className = 'conv-item';
-        el.innerHTML = `<div class="conv-avatar">${escapeHtml(name.charAt(0))}</div>
-          <div class="conv-body"><div class="conv-name">${escapeHtml(name)}</div></div>`;
-        list.appendChild(el);
-      });
-    } catch (e) { /* 忽略 */ }
-  }
+      try {
+        let peers = [];
+        try { peers = await api.get('/api/peers'); } catch { peers = []; }
+        const list = $('#contacts-list');
+        if (!list) return;
+        list.innerHTML = '';
+        if (!Array.isArray(peers) || peers.length === 0) {
+          list.innerHTML = '<div style="padding:20px;text-align:center;color:var(--text-muted)">暂无联系人</div>';
+          const idx = $('#contacts-index'); if (idx) idx.innerHTML = '';
+          return;
+        }
+        // 通讯录式: 按首字母分组 (2026-10-07, 微信通讯录风格)
+        const groups = {};
+        peers.forEach((p) => {
+          const name = p.name || p.publicKey?.slice(0, 12) || '好友';
+          const letter = (name.charAt(0) || '#').toUpperCase();
+          const g = /[A-Z]/.test(letter) ? letter : '#';
+          if (!groups[g]) groups[g] = [];
+          groups[g].push({ name, peer: p });
+        });
+        const letters = Object.keys(groups).sort((a, b) => (a === '#' ? 1 : b === '#' ? -1 : a.localeCompare(b)));
+        letters.forEach((letter) => {
+          const groupEl = document.createElement('div');
+          groupEl.className = 'contacts-group';
+          groupEl.setAttribute('data-letter', letter);
+          const head = document.createElement('div');
+          head.className = 'contacts-group-head';
+          head.textContent = letter;
+          groupEl.appendChild(head);
+          groups[letter].forEach((c) => {
+            const el = document.createElement('div');
+            el.className = 'conv-item contact-row';
+            el.innerHTML = `<div class="conv-avatar contact-avatar">${escapeHtml(c.name.charAt(0))}</div>
+              <div class="conv-body"><div class="conv-name">${escapeHtml(c.name)}</div>
+              <div class="contact-sub">${c.peer.online ? '在线' : '离线'}${c.peer.publicKey ? ' · ' + escapeHtml(String(c.peer.publicKey).slice(0, 10)) + '…' : ''}</div></div>`;
+            groupEl.appendChild(el);
+          });
+          list.appendChild(groupEl);
+        });
+        // 右侧字母索引条
+        const idx = $('#contacts-index');
+        if (idx) {
+          idx.innerHTML = letters.map((l) => `<div class="contacts-index-letter" data-letter="${l}">${l === '#' ? '#' : l}</div>`).join('');
+          idx.querySelectorAll('.contacts-index-letter').forEach((el) => {
+            el.addEventListener('click', () => {
+              const target = list.querySelector(`.contacts-group[data-letter="${el.dataset.letter}"]`);
+              if (target) target.scrollIntoView({ behavior: 'smooth', block: 'start' });
+            });
+          });
+        }
+      } catch (e) { /* 忽略 */ }
+    }
 
   // 智能体控制 = MCP 控制 + Skills 控制 (不是屏幕触控!)
   //  - MCP 工具: 真正的工具调用 (gateway_status / join / register …)
@@ -376,15 +453,15 @@
     try {
       const s = await api.get('/api/auth/status');
       $('#me-name').textContent = s.loggedIn ? (s.name || '未登录') : '未登录';
-      $('#me-did').textContent = s.did ? ('DID: ' + (s.didShort || s.did)) : '';
+      $('#me-did').textContent = s.did ? ('身份证明: ' + (s.didShort || s.did)) : '';
       if (avatarEl && !av) avatarEl.textContent = (s.loggedIn && s.name ? s.name : 'U').charAt(0);
       $('#login-label').textContent = s.loggedIn ? '已登录' : '登录';
     } catch (e) { /* 默认 */ }
-    // P2P ID = 通信ID, 与 DID 不同 (libp2p nodeId)
+    // 身份证明 (连接标识)
     try {
       const net = await api.get('/api/network/status');
       const p2p = net && net.nodeId;
-      $('#me-p2p').textContent = p2p ? ('P2P: ' + p2p.slice(0, 14) + '…') : '';
+      $('#me-p2p').textContent = p2p ? ('连接标识: ' + p2p.slice(0, 14) + '…') : '';
     } catch (e) { /* 未连接 */ }
   }
 
@@ -411,10 +488,10 @@
           <div class="avatar" id="identity-avatar" style="width:72px;height:72px"></div>
           <div><div class="profile-name">${escapeHtml(name)}</div><div style="font-size:12px;color:var(--text-muted)">人类认证身份</div></div>
         </div>
-        <div class="identity-row"><div class="k">DID 身份 (全局唯一)</div><div class="v">${escapeHtml(did || '未生成')}</div></div>
-        <div class="identity-row"><div class="k">P2P ID (通信 ID)</div><div class="v">${escapeHtml(p2p || '未连接')}</div></div>
+        <div class="identity-row"><div class="k">身份证明 (全局唯一)</div><div class="v">${escapeHtml(did || '未生成')}</div></div>
+        <div class="identity-row"><div class="k">连接标识</div><div class="v">${escapeHtml(p2p || '未连接')}</div></div>
         <div class="identity-row"><div class="k">创建时间</div><div class="v">${escapeHtml(created || '未知')}</div></div>
-        <div class="identity-row"><div class="k">说明</div><div class="v">DID 是全局唯一的人类认证身份; P2P ID 只是本机 libp2p 通信节点号, 两者不同。</div></div>`;
+        <div class="identity-row"><div class="k">说明</div><div class="v">身份证明是全局唯一的人类认证身份; 连接标识是本机的通信编号, 两者不同。</div></div>`;
       const av = localStorage.getItem('bolloon_avatar');
       const ia = body.querySelector('#identity-avatar');
       if (ia) { if (av) { ia.style.backgroundImage = 'url(' + av + ')'; ia.style.backgroundSize = 'cover'; ia.textContent = ''; } else ia.textContent = (name || 'U').charAt(0); }
@@ -515,16 +592,20 @@
     const cards = $('#world-feed-cards');
     if (!feed || !cards) return;
     try {
-      const res = await fetch('/api/opportunities?min-score=0.2&limit=10');
-      if (!res.ok) return;
-      const data = await res.json();
-      const opps = (data.opportunities || []).slice(0, 6);
+      // 2026-10-16 (leo: 首页卡片按「附近 + 通讯录」动态传送): 三源聚合 (桌面机会流 + 通讯录卡 + 附近卡)
+      //   不再只拉桌面机会流; 来源不上屏 (leo: 主动推送不贴元解释文案)
+      const data = await api.get('/api/world/cards');
+      const opps = ((data && data.opportunities) || []).slice(0, 6);
       if (!opps.length) { feed.hidden = true; return; }
       feed.hidden = false;
       worldFeedShown = true;
       cards.innerHTML = opps.map((o) => {
         const pct = Math.round(o.score * 100);
-        const tag = o.reason === 'match' ? '与你匹配' : '世界变化';
+        // 2026-10-05: 来源标签 (与电脑端同口径) — ✉ 外部投递 / 🔎 AI 搜索 / ○ 世界变化
+        let tag = '世界变化';
+        if (o.reason === 'inbox') tag = '✉ 外部投递';
+        else if (o.reason === 'search') tag = '🔎 AI 搜索';
+        else if (o.reason === 'match') tag = '与你匹配';
         return `<div class="world-feed-card">
           <div class="world-feed-card-top">
             <span class="world-feed-title">${escapeHtml(String(o.title || '').slice(0, 34))}</span>
@@ -541,7 +622,7 @@
         btn.addEventListener('click', async () => {
           const id = btn.dataset.wfId;
           const action = btn.dataset.wfAction;
-          try { await fetch('/api/opportunities/' + id + '/' + action, { method: 'POST' }); } catch (e) {}
+          try { await api.post('/api/opportunities/' + id + '/' + action, {}); } catch (e) {}
           const card = btn.closest('.world-feed-card');
           if (card) {
             card.style.opacity = '0.3';
@@ -554,12 +635,41 @@
       feed.hidden = true; // 拉不到就不显示世界区 (不阻塞首页)
     }
     // 持续流入: 世界区可见时每 45s 自动刷新 (AI 持续观察, 不是人刷新)
-    if (feed && !feed.hidden && worldFeedShown && !worldFeedTimer) {
-      worldFeedTimer = setInterval(() => { loadWorldFeed(); }, 45000);
-    }
-  }
+        if (feed && !feed.hidden && worldFeedShown && !worldFeedTimer) {
+          worldFeedTimer = setInterval(() => { loadWorldFeed(); }, 45000);
+        }
+      }
 
-  // === 卡片封面 (docs/fig 导出 → src/web/covers, 每个 agent 唯一不重复) ===
+      // === 2026-10-07: 手机首页底部输入框 — 告诉世界你在做什么 (对应桌面世界模式) ===
+      async function tellWorld() {
+        const input = $('#world-input');
+        if (!input) return;
+        const text = input.value.trim();
+        if (!text) return;
+        input.value = '';
+        try {
+          // 声明意图 (与桌面同 API; 桌面不可达时走 BolloonCore.resolve 转发)
+          const res = await api.post('/api/intents', { text, priority: 3 });
+          if (!res || !res.ok) console.info('[world] 声明意图失败');
+          // 输入即主动搜索 (leo: 声明后立刻搜机会)
+          try { await api.post('/api/world/search', { topic: text }); } catch (e) {}
+          // 刷新机会流
+          await loadWorldFeed();
+          if (window.showToast) showToast('🌍 已告诉世界，正在为你匹配机会…');
+        } catch (e) {
+          console.info('[world] 声明失败', e);
+        }
+      }
+      function bindWorldInput() {
+        const input = $('#world-input');
+        const send = $('#world-input-send');
+        if (input) input.addEventListener('keydown', (e) => { if (e.key === 'Enter') tellWorld(); });
+        if (send) send.addEventListener('click', tellWorld);
+      }
+      if (document.readyState === 'loading') document.addEventListener('DOMContentLoaded', bindWorldInput);
+      else bindWorldInput();
+
+      // === 卡片封面 (docs/fig 导出 → src/web/covers, 每个 agent 唯一不重复) ===
   let _coverList = null;
   async function loadCovers() {
     if (_coverList) return _coverList;
@@ -638,8 +748,8 @@
           allAgentCards.push({
             id: p.id || p.publicKey?.slice(0, 12) || `peer-${Date.now()}`,
             agentId: p.id || p.publicKey?.slice(0, 12),
-            name: p.name || '未知好友',
-            desc: 'P2P 好友智能体',
+            name: p.name || '未知联系人',
+            desc: '通讯录智能体',
             avatar: null,
             peer: { name: p.name || '好友', online: p.online || false },
             status: p.online ? 'online' : 'offline',
@@ -992,7 +1102,7 @@
         <div style="flex:1;font-weight:600">搜索</div>
       </div>
       <div style="padding:12px;display:flex;flex-direction:column;gap:10px;flex:1;min-height:0">
-        <input id="search-input" type="search" autocomplete="off" placeholder="搜智能体 / 好友：名称、DID、节点 ID"
+        <input id="search-input" type="search" autocomplete="off" placeholder="搜智能体 / 通讯录：名称、身份证明、编号"
           style="padding:10px 12px;border:1px solid var(--border);border-radius:10px;background:var(--bg-hover);color:var(--text);font-size:14px">
         <div id="search-hint" style="font-size:12px;color:var(--text-muted)">正在建立索引…</div>
         <div id="search-results" style="flex:1;overflow:auto;-webkit-overflow-scrolling:touch"></div>
@@ -1012,10 +1122,10 @@
         act: () => { page.remove(); openChat(c); },
       })),
       ...peers.map((p) => ({
-        tag: '好友', name: p.name || String(p.publicKey || p.id || '好友').slice(0, 12),
+        tag: '通讯录', name: p.name || String(p.publicKey || p.id || '联系人').slice(0, 12),
         sub: String(p.publicKey || p.id || p.address || '').slice(0, 28),
         hay: [p.name, p.publicKey, p.id, p.address, p.did].filter(Boolean).join(' '),
-        act: () => alert(`好友信息\n名称: ${p.name || '(未命名)'}\n节点ID: ${p.publicKey || p.id || '—'}\n地址: ${p.address || '—'}`),
+        act: () => alert(`联系人信息\n名称: ${p.name || '(未命名)'}\n编号: ${p.publicKey || p.id || '—'}\n地址: ${p.address || '—'}`),
       })),
       ...services.map((s) => ({
         tag: '全局智能体',
@@ -1032,10 +1142,10 @@
     const render = (q) => {
       const k = String(q || '').trim().toLowerCase();
       const hits = rows.filter((r) => !k || r.hay.includes(k) || r.name.toLowerCase().includes(k));
-      if (hint) hint.innerHTML = `本机智能体 ${channels.length} · 好友 ${peers.length} · 全局智能体 ${services.length}` + (k ? ` · 命中 ${hits.length}` : '');
+      if (hint) hint.innerHTML = `本机智能体 ${channels.length} · 通讯录 ${peers.length} · 全局智能体 ${services.length}` + (k ? ` · 命中 ${hits.length}` : '');
       if (!box) return;
       if (!hits.length) {
-        box.innerHTML = `<div style="padding:24px;text-align:center;color:var(--text-muted);font-size:13px">没有匹配「${escapeHtml(String(q))}」的智能体或好友</div>`;
+        box.innerHTML = `<div style="padding:24px;text-align:center;color:var(--text-muted);font-size:13px">没有匹配「${escapeHtml(String(q))}」的智能体或联系人</div>`;
         return;
       }
       let html = '';
@@ -1935,11 +2045,11 @@
         <div class="conv-item" id="settings-data"><span class="list-icon">${ICONS.chip}</span><span style="flex:1;min-width:0"><span style="display:block">本机数据</span><span class="conv-preview" style="display:block">读取中…</span></span><span class="list-arrow">›</span></div>
         <div class="conv-item" id="settings-desktop"><span class="list-icon">${ICONS.globe}</span><span>电脑端同步</span><span class="list-arrow">›</span></div>
         <div class="conv-item" id="settings-chain"><span class="list-icon">${ICONS.chip}</span><span>链上配置 (RPC/网络)</span><span class="list-arrow">›</span></div>
-        <div class="conv-item" id="settings-accessibility"><span class="list-icon">${ICONS.globe}</span><span>完全访问权限<span class="conv-preview" style="display:block" id="access-preview">默认开启</span></span><span class="list-arrow">›</span></div>
         <div class="conv-item" id="settings-ipfs"><span class="list-icon">${ICONS.chip}</span><span>IPFS 存储</span><span class="list-arrow">›</span></div>
         <div class="conv-item" id="settings-helia"><span class="list-icon">${ICONS.globe}</span><span>本机 IPFS 节点</span><span class="list-arrow">›</span></div>
         <div class="conv-item" id="settings-selfcard"><span class="list-icon">${ICONS.chip}</span><span id="selfcard-text">显示本机卡片: 开</span></div>
-        <div class="conv-item" id="settings-did"><span class="list-icon">${ICONS.idcard}</span><span>DID</span></div>
+        <div class="conv-item" id="settings-did"><span class="list-icon">${ICONS.idcard}</span><span>DID 与身份</span><span class="list-arrow">›</span></div>
+        <div class="conv-item" id="settings-persona"><span class="list-icon">${ICONS.chip}</span><span>智能体性格</span><span class="list-arrow">›</span></div>
         <div class="conv-item" id="settings-privacy"><span class="list-icon">${ICONS.chip}</span><span>隐私政策与个人信息</span><span class="list-arrow">›</span></div>
         <div class="conv-item" id="settings-wipe"><span class="list-icon">${ICONS.trash}</span><span style="flex:1;min-width:0"><span style="display:block">清除本机数据（注销）</span><span class="conv-preview" style="display:block">删除本机身份、智能体、会话与钱包</span></span><span class="list-arrow">›</span></div>
         <div class="conv-item" id="settings-filing"><span class="list-icon">${ICONS.idcard}</span><span id="filing-text">APP 备案号：备案办理中</span></div>
@@ -1968,48 +2078,6 @@
       const next = currentTheme === 'auto' ? 'light' : (currentTheme === 'light' ? 'dark' : 'auto');
       applyTheme(next, true);
     });
-    // 完全访问权限 (屏幕点按/滑动, 电脑端 phone.tap / phone.swipe 的前提) — 默认开启
-    const ACCESS_AUTO_KEY = 'bolloon_access_auto_guided';
-    const refreshAccessPreview = async () => {
-      const el = document.querySelector('#access-preview');
-      if (!el) return;
-      const cap = window.Capacitor;
-      const b = cap && cap.Plugins && cap.Plugins.RokidBridge;
-      if (!b) { el.textContent = '仅手机 App'; return; }
-      let st = {};
-      try { st = (await b.touchStatus()) || {}; } catch (e) { st = {}; }
-      el.textContent = st.ready ? '已开启' : '未开启 · 点这里开';
-    };
-    void refreshAccessPreview();
-    // 默认开启: 首次启动自动把用户带到系统开关页 (只引导一次, 不反复打扰)
-    void (async () => {
-      try {
-        const cap = window.Capacitor;
-        const b = cap && cap.Plugins && cap.Plugins.RokidBridge;
-        if (!b) return;
-        let st = {};
-        try { st = (await b.touchStatus()) || {}; } catch (e) { return; }
-        if (st.ready) return;
-        if (localStorage.getItem(ACCESS_AUTO_KEY) === '1') return;
-        localStorage.setItem(ACCESS_AUTO_KEY, '1');
-        await b.openAccessibilitySettings();
-      } catch (e) {}
-    })();
-    $('#settings-accessibility').addEventListener('click', async () => {
-      const cap = window.Capacitor;
-      const bridge = cap && cap.Plugins && cap.Plugins.RokidBridge;
-      if (!bridge) { alert('完全访问权限只在手机 App 里有：电脑端 / 网页版没有这项。'); return; }
-      let st = {};
-      try { st = (await bridge.touchStatus()) || {}; } catch (e) { st = {}; }
-      if (st.ready) { alert('完全访问权限已开启：智能体可以在这台手机上点按、滑动屏幕（电脑端也能远程帮你点）。\n\n想关掉：系统设置 → 辅助功能 → 已开启的服务 → Bolloon Agent，关掉即可。'); return; }
-      try {
-        alert('马上打开系统设置，把「Bolloon Agent」的完全访问权限打开。\n（这一项在有些手机叫「辅助功能」，有些叫「无障碍」，指同一个开关；打开后一直有效，随时可以关掉。）');
-        await bridge.openAccessibilitySettings();
-        void refreshAccessPreview();
-      }
-      catch (e) { alert('没打开成功，请手动去：系统设置 → 辅助功能 → 已开启的服务 → Bolloon Agent，打开即可。'); }
-    });
-
     // 本机数据: 直接读 IndexedDB 快照 (智能体/会话/消息都在本机, 重开 App 不会丢)
     const dataEl = $('#settings-data');
     if (dataEl) {
@@ -2063,7 +2131,122 @@
       loadAgentCovers();
       showToast(hidden ? '已显示本机卡片' : '已隐藏本机卡片');
     });
-    $('#settings-did').addEventListener('click', () => { api.get('/api/auth/status').then((s) => alert('DID: ' + (s.did || '未生成'))); });
+    $('#settings-did').addEventListener('click', () => void openIdentityPage());
+    $('#settings-persona').addEventListener('click', () => void openPersonaPage());
+  }
+
+  // === 身份页 (身份证明 / 签名 / 邮箱 / 手机号) ===
+  // 2026-10-07: 完整身份系统 — DIAP did:key (与桌面同构) + 附带条件 (邮箱/手机号/备注)
+  // 2026-10-16 (leo: 显示端降低认知负担): 不外露 DID/Ed25519 术语 — 「身份证明」「身份密钥」「签名能力」
+  async function openIdentityPage() {
+    if ($('#identity-page')) return;
+    const page = mkOverlayPage('identity-page', '身份与证明', '<div style="font-size:12px;color:var(--text-muted)">读取中…</div>');
+    const body = page.querySelector('#identity-page-body');
+    try {
+      const core = window.BolloonCore || (await import('./mobile-core.js')).core;
+      const ag = core && core.agent;
+      const st = await ag.identityStatus();
+      body.innerHTML = `
+        <div class="list">
+          <div class="list-item"><span class="list-icon">${ICONS.idcard}</span><span style="flex:1"><span style="display:block">身份证明</span><span class="conv-preview" style="display:block;word-break:break-all">${escapeHtml(st.did || '未生成')}</span></span></div>
+          <div class="list-item"><span class="list-icon">${ICONS.chip}</span><span style="flex:1"><span style="display:block">身份密钥</span><span class="conv-preview" style="display:block;word-break:break-all">${st.publicKey ? escapeHtml(st.publicKey.slice(0, 32) + '…') : '（老设备哈希身份，无签名）'}</span></span></div>
+          <div class="list-item"><span class="list-icon">${ICONS.chip}</span><span style="flex:1"><span style="display:block">名字</span><span class="conv-preview" style="display:block">${escapeHtml(st.name || '未登录')}</span></span></div>
+        </div>
+        <div class="section-label">附带身份条件（仅存本机）</div>
+        <div class="list">
+          <div class="list-item"><span class="list-icon">✉️</span><span style="flex:1"><span style="display:block">邮箱</span><span class="conv-preview" id="id-email" style="display:block">${escapeHtml(st.email || '未设置')}</span></span></div>
+          <div class="list-item"><span class="list-icon">📱</span><span style="flex:1"><span style="display:block">手机号</span><span class="conv-preview" id="id-phone" style="display:block">${escapeHtml(st.phone || '未设置')}</span></span></div>
+          <div class="list-item"><span class="list-icon">📝</span><span style="flex:1"><span style="display:block">备注</span><span class="conv-preview" id="id-note" style="display:block">${escapeHtml(st.note || '未设置')}</span></span></div>
+          <button class="sheet-choice" id="id-edit" style="width:100%;margin-top:8px">编辑邮箱 / 手机号 / 备注</button>
+        </div>
+        <div class="section-label">签名能力</div>
+        <div class="list">
+          <button class="sheet-choice" id="id-sign-test" style="width:100%">测试签名（本地签 + 验，证明身份可签名）</button>
+        </div>`;
+      const editBtn = page.querySelector('#id-edit');
+      if (editBtn) editBtn.addEventListener('click', () => {
+        const email = prompt('邮箱：', st.email || '');
+        if (email === null) return;
+        const phone = prompt('手机号：', st.phone || '');
+        if (phone === null) return;
+        const note = prompt('备注：', st.note || '');
+        if (note === null) return;
+        void (async () => {
+          const updated = await ag.updateProfile({ email, phone, note });
+          const e = page.querySelector('#id-email'); if (e) e.textContent = updated.email || '未设置';
+          const p = page.querySelector('#id-phone'); if (p) p.textContent = updated.phone || '未设置';
+          const n = page.querySelector('#id-note'); if (n) n.textContent = updated.note || '未设置';
+          showToast('✅ 身份条件已更新');
+        })();
+      });
+      const signBtn = page.querySelector('#id-sign-test');
+      if (signBtn) signBtn.addEventListener('click', () => {
+        void (async () => {
+          signBtn.textContent = '签名中…';
+          try {
+            const s = await ag.sign('bolloon-mobile-sign-test');
+            const ok = await ag.verifySign('bolloon-mobile-sign-test', s.signature, s.publicKey);
+            signBtn.textContent = ok ? `✅ 签名+验签通过 (${s.did.slice(0, 16)}…)` : '❌ 验签失败';
+          } catch (e) {
+            signBtn.textContent = '签名不可用: ' + String((e && e.message) || e).slice(0, 40);
+          }
+        })();
+      });
+    } catch (e) {
+      body.innerHTML = '<div style="padding:20px;color:var(--text-muted)">身份读取失败: ' + escapeHtml(String((e && e.message) || e)) + '</div>';
+    }
+  }
+
+  // === 智能体性格页 (Personal AI) ===
+  // 2026-10-07: mobile-persona 配置文件 — 性格/价值观/兴趣/说话方式, 注入 agent 系统提示
+  async function openPersonaPage() {
+    if ($('#persona-page')) return;
+    const page = mkOverlayPage('persona-page', '智能体性格', '<div style="font-size:12px;color:var(--text-muted)">读取中…</div>');
+    const body = page.querySelector('#persona-page-body');
+    try {
+      const persona = await import('./mobile-persona.js');
+      const p = persona.loadPersona();
+      body.innerHTML = `
+        <div style="padding:14px;font-size:12px;color:var(--text-muted);line-height:1.7">配置手机智能体的「性格文件」—— 会注入到每次对话的系统提示里，决定它怎么说话、看重什么、不做什么。存本机。</div>
+        <div class="section-label">名字</div>
+        <div style="padding:0 14px"><input id="ps-name" value="${escapeHtml(p.name)}" style="width:100%;padding:10px 12px;border-radius:10px;border:1px solid var(--border);background:transparent;color:var(--text);font-size:14px" /></div>
+        <div class="section-label">性格</div>
+        <div style="padding:0 14px"><input id="ps-personality" value="${escapeHtml(p.personality)}" placeholder="例如：活泼、严谨、毒舌…" style="width:100%;padding:10px 12px;border-radius:10px;border:1px solid var(--border);background:transparent;color:var(--text);font-size:14px" /></div>
+        <div class="section-label">说话方式</div>
+        <div style="padding:0 14px"><input id="ps-style" value="${escapeHtml(p.style)}" placeholder="例如：简洁中文，先结论后细节" style="width:100%;padding:10px 12px;border-radius:10px;border:1px solid var(--border);background:transparent;color:var(--text);font-size:14px" /></div>
+        <div class="section-label">价值观（逗号分隔）</div>
+        <div style="padding:0 14px"><input id="ps-values" value="${escapeHtml(p.values.join('、'))}" placeholder="本地优先、隐私优先…" style="width:100%;padding:10px 12px;border-radius:10px;border:1px solid var(--border);background:transparent;color:var(--text);font-size:14px" /></div>
+        <div class="section-label">兴趣（逗号分隔）</div>
+        <div style="padding:0 14px"><input id="ps-interests" value="${escapeHtml(p.interests.join('、'))}" placeholder="P2P、AI、知识系统…" style="width:100%;padding:10px 12px;border-radius:10px;border:1px solid var(--border);background:transparent;color:var(--text);font-size:14px" /></div>
+        <div class="section-label">不做的事（逗号分隔）</div>
+        <div style="padding:0 14px"><input id="ps-boundaries" value="${escapeHtml(p.boundaries.join('、'))}" placeholder="不编造数据、不假装能做…" style="width:100%;padding:10px 12px;border-radius:10px;border:1px solid var(--border);background:transparent;color:var(--text);font-size:14px" /></div>
+        <div style="padding:14px">
+          <button class="sheet-choice" id="ps-save" style="width:100%">保存性格</button>
+          <button class="sheet-choice sheet-cancel" id="ps-reset" style="width:100%;margin-top:8px">恢复默认</button>
+        </div>`;
+      const saveBtn = page.querySelector('#ps-save');
+      if (saveBtn) saveBtn.addEventListener('click', () => {
+        const v = (id) => { const el = page.querySelector(id); return el ? String(el.value || '').trim() : ''; };
+        persona.savePersona({
+          name: v('#ps-name'),
+          personality: v('#ps-personality'),
+          style: v('#ps-style'),
+          values: v('#ps-values').split(/[、,]/).map((s) => s.trim()).filter(Boolean),
+          interests: v('#ps-interests').split(/[、,]/).map((s) => s.trim()).filter(Boolean),
+          boundaries: v('#ps-boundaries').split(/[、,]/).map((s) => s.trim()).filter(Boolean),
+        });
+        showToast('✅ 性格已保存，下次对话生效');
+      });
+      const resetBtn = page.querySelector('#ps-reset');
+      if (resetBtn) resetBtn.addEventListener('click', () => {
+        persona.resetPersona();
+        showToast('已恢复默认性格');
+        page.remove();
+        void openPersonaPage();
+      });
+    } catch (e) {
+      body.innerHTML = '<div style="padding:20px;color:var(--text-muted)">性格读取失败: ' + escapeHtml(String((e && e.message) || e)) + '</div>';
+    }
   }
 
   // === 模型配置 (供应商 / 模型 / 地址) ===
@@ -2525,23 +2708,10 @@
     }
   }
 
-  // 创建智能体: 无输入框, 底部滑入加载 sheet, 完成后滑出
-  async function createSession() {
-    showSheet('#create-sheet');
-    try {
-      await api.post('/api/channels/create', {});
-      await new Promise((r) => setTimeout(r, 700));
-      switchTab('main');
-      loadAgentCovers();
-    } catch (e) {
-      alert('创建失败: ' + (e.message || e));
-    } finally {
-      hideSheet('#create-sheet');
-    }
-  }
+  // 创建智能体: 已由首页世界流替代 (2026-10-07: createSession 无调用, 删除)
 
-  // 添加好友: 弹出选择 sheet (扫码 / 手动)
-  function addFriend() { showSheet('#addfriend-sheet'); }
+    // 添加好友: 弹出选择 sheet (扫码 / 手动)
+    function addFriend() { showSheet('#addfriend-sheet'); }
   async function addFriendManual() {
     hideSheet('#addfriend-sheet');
     const addr = prompt('输入好友地址 (multiaddr, 如 /ip4/10.0.2.2/tcp/54188/ws)', '');
@@ -2549,7 +2719,7 @@
     try {
       const r = await api.post('/api/peers/add', { addr });
       alert(r && r.ok ? (r.connected ? '已连接好友' : '已记录好友地址, 连接中...') : ((r && r.error) || '添加失败'));
-      if (currentTab === 'network') loadContacts();
+      if (currentTab === 'network' || currentTab === 'tasks') loadContacts();
     } catch (e) {
       alert('添加失败: ' + (e.message || e));
     }
@@ -2564,6 +2734,52 @@
     inp.click();
   }
 
+  // === 手机号搜索添加好友 (2026-10-15, 手机原生手机号功能) ===
+  // 目录数据在电脑端 (human-directory.json), 手机端只转发; 电脑端不可达 → 明确报错不假装。
+  function openPhoneSearch() {
+    hideSheet('#addfriend-sheet');
+    showSheet('#phone-search-sheet');
+    const inp = $('#phone-search-input');
+    if (inp) { inp.value = ''; inp.focus(); }
+    const result = $('#phone-search-result');
+    if (result) { result.style.display = 'none'; result.innerHTML = ''; }
+  }
+  async function doPhoneSearch() {
+    const inp = $('#phone-search-input');
+    const result = $('#phone-search-result');
+    if (!inp || !result) return;
+    const phone = (inp.value || '').replace(/[^\d+]/g, '');
+    if (!/^\+?\d{8,15}$/.test(phone)) { result.style.display = 'block'; result.innerHTML = '<div style="color:var(--danger,#e05555);font-size:13px">请输入正确的手机号 (8-15 位数字)</div>'; return; }
+    result.style.display = 'block';
+    result.innerHTML = '<div style="color:var(--text-secondary);font-size:13px">搜索中…</div>';
+    try {
+      const r = await api.post('/api/phone/directory/lookup', { phone });
+      if (r && r.found) {
+        const name = r.displayName || String(r.did || '').slice(0, 12);
+        result.innerHTML = `<div style="font-size:14px;margin-bottom:6px">✅ 找到账号: <b>${escapeHtml(name)}</b></div>
+          <div style="font-size:12px;color:var(--text-secondary);margin-bottom:10px">身份证明: ${escapeHtml(String(r.did || ''))}</div>
+          <button class="sheet-choice" id="phone-add-btn" style="width:100%">发送好友申请</button>`;
+        const btn = $('#phone-add-btn');
+        if (btn) btn.addEventListener('click', async () => {
+          btn.disabled = true; btn.textContent = '发送中…';
+          const a = await api.post('/api/phone/directory/add-friend', { phone });
+          btn.disabled = false;
+          if (a && a.ok !== false) {
+            btn.textContent = '✅ 已发送 (对方同意后建立好友)';
+            if (a.friend && a.friend.requestId) result.innerHTML += `<div style="font-size:12px;color:var(--text-secondary);margin-top:6px">申请号: ${escapeHtml(String(a.friend.requestId).slice(0, 12))}… 可到「待处理申请」查看</div>`;
+          } else {
+            btn.textContent = '重试发送';
+            result.innerHTML += `<div style="color:var(--danger,#e05555);font-size:12px;margin-top:6px">发送失败: ${escapeHtml((a && a.error) || '未知原因')}</div>`;
+          }
+        });
+      } else {
+        result.innerHTML = '<div style="color:var(--text-secondary);font-size:13px">未找到该手机号的账号 (对方未发布目录或已撤销)。</div>';
+      }
+    } catch (e) {
+      result.innerHTML = `<div style="color:var(--danger,#e05555);font-size:13px">查询失败: ${escapeHtml((e && e.message) || e || '未知错误')}</div>`;
+    }
+  }
+
   // === 复制 (助记词/私钥/地址 快捷复制; 全局委托 [data-copy]) ===
   async function copyText(t) {
     const txt = String(t || '');
@@ -2586,7 +2802,9 @@
     setTimeout(() => { b.textContent = old; }, 1200);
   });
 
-  // === 登录页 (设置本机身份昵称) ===
+  // === 登录页 (手机号验证码登录 + 昵称兜底) ===
+  // 2026-10-15: 手机原生手机号登录 — 输手机号 → 发验证码 → 验证通过 → 身份绑定手机号。
+  //   验证码链路转发电脑端 /api/contacts/bind + verify (与桌面同一 OTP 通道)。
   function openLoginPage() {
     const page = document.createElement('div');
     page.className = 'chat-page';
@@ -2597,13 +2815,61 @@
         <div style="flex:1;font-weight:600">登录</div>
       </div>
       <div style="padding:12px;display:flex;flex-direction:column;gap:12px">
-        <div style="font-size:13px;color:var(--text-secondary)">登录 = 在本机创建/启用身份并设置昵称。DID 由本机生成, 不上传服务器。</div>
+        <div style="font-size:13px;color:var(--text-secondary)">手机号登录: 输手机号 → 收验证码 → 登录。身份仍由本机 DID 承载, 手机号只是登录/查找凭证。</div>
+        <input id="login-phone" type="tel" inputmode="numeric" placeholder="手机号 (如 13812345678)" style="${_walletInput}">
+        <div style="display:flex;gap:8px">
+          <input id="login-code" inputmode="numeric" placeholder="验证码" style="${_walletInput};flex:1" disabled>
+          <button id="login-sendcode" style="${_walletBtn};width:110px;flex:none">发送验证码</button>
+        </div>
+        <button id="login-submit" style="${_walletBtn}">手机号登录</button>
+        <div style="border-top:1px solid var(--border);margin-top:4px;padding-top:12px;font-size:12px;color:var(--text-secondary)">或者用昵称登录 (本机身份, 不上传):</div>
         <input id="login-name" placeholder="昵称 (如 觉者)" style="${_walletInput}">
-        <button id="login-submit" style="${_walletBtn}">登录</button>
+        <button id="login-name-submit" style="${_walletBtn}">昵称登录</button>
       </div>`;
     document.body.appendChild(page);
     $('#login-back').addEventListener('click', () => page.remove());
-    $('#login-submit').addEventListener('click', async () => {
+
+    // 手机号登录: 登录成功后把手机号写进身份 profile (手机号即凭证)
+    const phoneInput = $('#login-phone');
+    const codeInput = $('#login-code');
+    const sendBtn = $('#login-sendcode');
+    const submitBtn = $('#login-submit');
+    let _pending = { contactId: '', challengeId: '' };
+    sendBtn.addEventListener('click', async () => {
+      const phone = (phoneInput.value || '').replace(/[^\d+]/g, '');
+      if (!/^\+?\d{8,15}$/.test(phone)) { alert('请输入正确的手机号 (8-15 位数字)'); return; }
+      sendBtn.disabled = true; sendBtn.textContent = '发送中…';
+      try {
+        const r = await api.post('/api/phone/auth/bind', { phone });
+        if (!r || r.ok === false) { alert((r && r.error) || '发送失败'); sendBtn.disabled = false; sendBtn.textContent = '发送验证码'; return; }
+        _pending = { contactId: String(r.contactId || ''), challengeId: String(r.challengeId || '') };
+        codeInput.disabled = false; codeInput.focus();
+        sendBtn.textContent = '已发送 ✓';
+        // 本地落盘通道会回显验证码 (方便无短信设备的调试; 真 SMS 通道不回显)
+        if (r.otpForLocalSink) { showToast ? showToast('验证码: ' + String(r.otpForLocalSink)) : alert('验证码: ' + String(r.otpForLocalSink)); }
+        setTimeout(() => { sendBtn.disabled = false; sendBtn.textContent = '重新发送'; }, 30000);
+      } catch (e) { alert('发送失败: ' + (e.message || e)); sendBtn.disabled = false; sendBtn.textContent = '发送验证码'; }
+    });
+    submitBtn.addEventListener('click', async () => {
+      const code = (codeInput.value || '').trim();
+      if (!_pending.contactId || !code) { alert('先发送验证码并输入验证码'); return; }
+      submitBtn.disabled = true; submitBtn.textContent = '验证中…';
+      try {
+        const v = await api.post('/api/phone/auth/verify', { contactId: _pending.contactId, challengeId: _pending.challengeId, code });
+        if (!v || v.ok === false) { alert((v && v.error) || '验证失败'); submitBtn.disabled = false; submitBtn.textContent = '手机号登录'; return; }
+        // 验证通过 → 昵称默认取手机号, 登录本机身份, 手机号写进 profile
+        const phone = (phoneInput.value || '').replace(/[^\d+]/g, '');
+        await api.post('/api/auth/login', { name: '用户' + phone.slice(-4) });
+        try { await api.post('/api/phone/profile/phone', { phone }); } catch { /* 本地 profile 更新失败不阻塞登录 */ }
+        page.remove();
+        await loadMe();
+        switchTab('me');
+        await autoSyncDesktop();
+      } catch (e) { alert('验证失败: ' + (e.message || e)); submitBtn.disabled = false; submitBtn.textContent = '手机号登录'; }
+    });
+    // 手机号 → 本机身份 profile (只存本机; 电脑端目录发布仍需用户在电脑端做)
+    // 昵称登录兜底
+    $('#login-name-submit').addEventListener('click', async () => {
       const name = (($('#login-name') || {}).value || '').trim();
       try {
         await api.post('/api/auth/login', { name });
@@ -2627,13 +2893,12 @@
     bindAvatarInput();
     $('#item-login').addEventListener('click', () => { openLoginPage(); });
     $('#item-logout').addEventListener('click', async () => {
-      if (!confirm('确定注销? 将清除本机登录态 (DID 保留, 不影响频道/P2P)。')) return;
+      if (!confirm('确定注销? 将清除本机登录态 (身份证明保留, 不影响频道/连接)。')) return;
       try { await api.post('/api/auth/logout', {}); await loadMe(); } catch (e) { alert('注销失败: ' + (e.message || e)); }
     });
     $('#btn-add').addEventListener('click', addFriend);
     const bIdx = $('#btn-index'); if (bIdx) bIdx.addEventListener('click', () => void openIndexPanel());
     const bSearch = $('#btn-search'); if (bSearch) bSearch.addEventListener('click', () => void openSearch());
-    const cs = $('#btn-create-session'); if (cs) cs.addEventListener('click', createSession);
     const csScan = $('#choice-scan'); if (csScan) csScan.addEventListener('click', addFriendScan);
     const csMan = $('#choice-manual'); if (csMan) csMan.addEventListener('click', addFriendManual);
     const csCan = $('#choice-cancel'); if (csCan) csCan.addEventListener('click', () => hideSheet('#addfriend-sheet'));
@@ -2645,8 +2910,8 @@
       if (first) openTradeCall(first); else openTradeHistory();
     });
     $('#item-p2p-id').addEventListener('click', async () => {
-      try { const net = await api.get('/api/network/status'); const p2p = net && net.nodeId; alert('P2P ID (通信ID, ≠ DID):\n' + (p2p || '未连接')); }
-      catch (e) { alert('P2P ID: 获取失败'); }
+      try { const net = await api.get('/api/network/status'); const p2p = net && net.nodeId; alert('连接标识 (本机通信编号):\n' + (p2p || '未连接')); }
+      catch (e) { alert('连接标识: 获取失败'); }
     });
     // #1 一键入网 (全球智能体网络): 点一下 → 默认 prompt 交给智能体执行
     const joinGlobalBtn = $('#item-join-global');
@@ -2670,16 +2935,33 @@
     // #2b 连接好友 (点按式) + 附近设备 + 待处理申请
     const addFriendBtn = $('#item-add-friend');
     if (addFriendBtn) addFriendBtn.addEventListener('click', () => showSheet('#addfriend-sheet'));
+    const cPhone = $('#choice-phone');
+    if (cPhone) cPhone.addEventListener('click', () => openPhoneSearch());
     const cNearby = $('#choice-nearby');
     if (cNearby) cNearby.addEventListener('click', () => { hideSheet('#addfriend-sheet'); openNearbySheet('friend'); });
     const cRequests = $('#choice-requests');
     if (cRequests) cRequests.addEventListener('click', () => { hideSheet('#addfriend-sheet'); openRequestsSheet(); });
+    // #2c 手机号搜索添加好友 sheet 的按键绑定
+    const psDo = $('#phone-search-do');
+    if (psDo) psDo.addEventListener('click', () => { void doPhoneSearch(); });
+    const psClose = $('#phone-search-close');
+    if (psClose) psClose.addEventListener('click', () => hideSheet('#phone-search-sheet'));
+    const psInput = $('#phone-search-input');
+    if (psInput) psInput.addEventListener('keydown', (e) => { if (e.key === 'Enter') { e.preventDefault(); void doPhoneSearch(); } });
     const nearbyBtn = $('#item-nearby');
     if (nearbyBtn) nearbyBtn.addEventListener('click', () => openNearbySheet('friend'));
     const nearbyRefresh = $('#nearby-refresh');
     if (nearbyRefresh) nearbyRefresh.addEventListener('click', () => loadNearbyList(_nearbyMode));
     const nearbyClose = $('#nearby-close');
     if (nearbyClose) nearbyClose.addEventListener('click', () => hideSheet('#nearby-sheet'));
+    // 2026-10-16 (leo: 首页卡片动态传送): P2P 收到附近卡 → 即时刷新首页 (不等 45s 轮询)
+    try {
+      window.BolloonCore && window.BolloonCore.events && window.BolloonCore.events.subscribe((m) => {
+        if (m && m.type === 'world-card') loadWorldFeed();
+      });
+    } catch (e) { /* 事件订阅失败不影响其它功能 */ }
+    // 连上对端即要一次卡 (动态传送主动触发; 无 peer 静默)
+    api.get('/api/world/cards/request').then(() => {}).catch(() => {});
     // 微信息 (x402 付费信息): 详情 → 购买并验真 / 只看元数据
     const x402Buy = $('#x402-buy');
     if (x402Buy) x402Buy.addEventListener('click', () => buyX402Info());
@@ -2719,7 +3001,7 @@
               const r2 = await (window.BolloonCore && window.BolloonCore.gateway && window.BolloonCore.gateway.join(text));
               alert(r2 ? (r2.output || '已处理') : '这个二维码不是好友地址 (也不是入网链接)');
             }
-            if (currentTab === 'network') { loadContacts(); loadP2PStatus(); }
+            if (currentTab === 'network' || currentTab === 'tasks') { loadContacts(); loadP2PStatus(); }
             return;
           }
           const r = await (window.BolloonCore && window.BolloonCore.gateway && window.BolloonCore.gateway.join(text));
@@ -3120,7 +3402,7 @@
       if (!msg || msg.type !== 'ui' || !msg.action) return;
       const d = msg.data || {};
       switch (msg.action) {
-        case 'switchTab': if (d.tab && ['main', 'friends', 'network', 'me'].includes(d.tab)) switchTab(d.tab); break;
+        case 'switchTab': if (d.tab && ['main', 'friends', 'tasks', 'me'].includes(d.tab)) switchTab(d.tab); break;
         case 'openSettings': openSettings(); break;
         case 'showToast': alert(d.message || ''); break;
         case 'goBack': closeCardDetail(); closeChat(); break;
@@ -3245,7 +3527,7 @@
     return false;
   }
   function setupGestures() {
-    const TAB_ORDER = ['main', 'friends', 'network', 'me'];
+    const TAB_ORDER = ['main', 'friends', 'tasks', 'me'];
     let sx = 0, sy = 0, st = 0, active = false, startTarget = null;
     document.addEventListener('touchstart', (e) => {
       if (e.touches.length !== 1) { active = false; return; }
@@ -3705,39 +3987,39 @@
 
   // ── 渲染: 公告板 ──────────────────────────────────────────────────────────
   function renderBoard() {
-    const list = $('#tasks-board');
-    if (!list) return;
-    clear(list);
-    const d = state.board || {};
-    const items = d.items || [];
-    if (!items.length) {
-      list.appendChild(line('sheet-text', lang() === 'en' ? 'Board is empty' : '板上暂时没有公告'));
-    }
-    items.forEach((it, i) => {
-      const r = row(
-        String(it.capability || '') + '  ·  ' + String(it.idShort || '') + '  ·  ' + String((it.statusLabel || {})[lang()] || ''),
-        '',
-      );
-      const sub = line('', '');
-      sub.style.fontSize = '12px';
-      sub.style.color = 'var(--text-secondary)';
-      sub.appendChild(document.createTextNode((lang() === 'en' ? 'budget ' : '预算 ') + safeText(it.budgetLabel || '—') + ' · '));
-      sub.appendChild(document.createTextNode(lang() === 'en' ? 'closes ' : '截止 '));
-      sub.appendChild(relDeltaNode(it.deadlineInMs));
-      r.firstChild.appendChild(sub);
-      if (it.claimable) {
-        const b = mk('button', 'sheet-choice');
-        b.style.flex = '0 0 auto';
-        bilingual(b, '发进群', 'Post to group');
-        b.setAttribute('data-announce', String(i));
-        b.addEventListener('click', () => askAnnounceToGroup(i));
-        r.appendChild(b);
+      const list = $('#tasks-board');
+      if (!list) return;
+      clear(list);
+      const d = state.board || {};
+      const items = d.items || [];
+      if (!items.length) {
+        list.appendChild(line('sheet-text', lang() === 'en' ? 'Board is empty' : '板上暂时没有公告'));
       }
-      list.appendChild(r);
-    });
-    const notes = Array.isArray(d.notes) ? d.notes : [];
-    if (notes.length) list.appendChild(line('sheet-text', notes.join(' · ')));
-  }
+      // 2026-10-07: 双栏瀑布流卡片 (发现页风格)
+      items.forEach((it, i) => {
+        const card = mk('div', 'board-card');
+        const cap = mk('div', 'board-card-cap');
+        cap.textContent = String(it.capability || it.idShort || '任务');
+        card.appendChild(cap);
+        const status = mk('div', 'board-card-status');
+        status.textContent = String((it.statusLabel || {})[lang()] || '');
+        card.appendChild(status);
+        const sub = mk('div', 'board-card-sub');
+        sub.textContent = (lang() === 'en' ? 'budget ' : '预算 ') + safeText(it.budgetLabel || '—')
+          + ' · ' + (lang() === 'en' ? 'closes ' : '截止 ') + relDeltaText(it.deadlineInMs);
+        card.appendChild(sub);
+        if (it.claimable) {
+          const b = mk('button', 'board-card-btn');
+          b.textContent = lang() === 'en' ? 'Post to group' : '发进群';
+          b.setAttribute('data-announce', String(i));
+          b.addEventListener('click', () => askAnnounceToGroup(i));
+          card.appendChild(b);
+        }
+        list.appendChild(card);
+      });
+      const notes = Array.isArray(d.notes) ? d.notes : [];
+      if (notes.length) list.appendChild(line('sheet-text', notes.join(' · ')));
+    }
 
   // ── 渲染: 飞轮进度 (只读; 状态来自 goal-flywheel 的五类用户可见状态) ────────
   function renderFlywheel() {