@bolloon/bolloon-agent 0.6.4 → 0.6.6

package/dist/web/mobile.html

@@ -42,120 +42,120 @@
     </div>
   </header>
 
-  <!-- 主页面: 双频滑动卡片 -->
-  <main class="page-container" id="page-main" data-tab="main" hidden>
-    <!-- 2026-10-05 (leo Intent Network): 世界机会流 — 自动流入, 不是按钮式被动响应 -->
-    <div class="world-feed" id="world-feed" hidden>
-      <div class="world-feed-header">
-        <span>✦ 世界送来</span>
-        <span class="world-feed-sub">自动匹配 · 持续校准</span>
+<!-- 主页面: 世界机会流双栏卡片 (2026-10-07: 首页 = 对应桌面世界模式, opportunity 双栏) -->
+    <main class="page-container" id="page-main" data-tab="main" hidden>
+      <!-- 世界机会流 — 双栏卡片, 自动流入 (与桌面世界模式同数据源) -->
+      <div class="world-feed" id="world-feed">
+        <div class="world-feed-header">
+          <span>✦ 世界送来</span>
+          <span class="world-feed-sub">自动匹配 · 持续校准</span>
+        </div>
+        <div class="world-feed-cards" id="world-feed-cards">
+          <div class="world-feed-loading">世界正在观察…</div>
+        </div>
       </div>
-      <div class="world-feed-cards" id="world-feed-cards">
-        <div class="world-feed-loading">世界正在观察…</div>
+      <!-- 2026-10-07: 首页底部输入框 — 告诉世界你在做什么 (对应桌面世界模式输入框, Bolloon 风格) -->
+      <div class="world-input-bar" id="world-input-bar">
+        <input type="text" id="world-input" placeholder="告诉世界你在做什么 / 需要什么… (Enter 自动匹配)" autocomplete="off" />
+        <button id="world-input-send" class="world-input-send">→ 世界</button>
       </div>
-    </div>
-    <!-- 水平滑动卡片轨道 -->
-    <div class="card-carousel" id="card-carousel">
-      <div class="card-track" id="card-track">
-        <!-- 卡片由 JS 动态加载 -->
+      <!-- 卡片详情浮层 (垂直展开) -->
+      <div class="card-detail" id="card-detail" hidden>
+        <div class="detail-header">
+          <button class="icon-btn" id="detail-back">←</button>
+          <h2 id="detail-name"></h2>
+        </div>
+        <div class="detail-body" id="detail-body"></div>
       </div>
-    </div>
-    <!-- 卡片指示器 -->
-    <div class="card-indicator" id="card-indicator"></div>
-    <!-- 卡片详情浮层 (垂直展开) -->
-    <div class="card-detail" id="card-detail" hidden>
-      <div class="detail-header">
-        <button class="icon-btn" id="detail-back">←</button>
-        <h2 id="detail-name"></h2>
+    </main>
+  <!-- 好友 tab: 通讯录风格 (2026-10-07: 微信通讯录式布局 — 分组入口 + 字母索引联系人) -->
+    <section class="page" id="page-friends" data-tab="friends" hidden>
+      <!-- 分组快捷入口 (微信式: 新的朋友/群聊/标签/附近/扫码) -->
+      <div class="list">
+        <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-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>群聊</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 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-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="detail-body" id="detail-body"></div>
-    </div>
-  </main>
-  <!-- 好友 tab: 好友与 P2P (原来散在网络页, 现已归拢; 网络页不再重复这些) -->
-  <section class="page" id="page-friends" data-tab="friends" hidden>
-    <div class="list">
-      <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="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>
+      <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">好友列表</div>
+      <!-- 通讯录式联系人列表: 按字母分组 + 右侧索引 (由 loadContacts 渲染) -->
+      <div class="contacts-wrap" id="contacts-wrap">
+        <div class="list" id="contacts-list"></div>
+        <div class="contacts-index" id="contacts-index"></div>
+      </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">
-      <div class="list-item" id="item-trade"><span class="list-icon"><svg class="ico" viewBox="0 0 24 24"><path d="M4 7h16M4 12h10M4 17h7"/><path d="M17.5 14.5l2.5 2.5-2.5 2.5"/></svg></span><span style="flex:1">资源交易</span><span class="list-arrow">›</span></div>
-    </div>
-    <div class="section-label">微信息 (微支付)</div>
-    <div class="list" id="x402-info-list"></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>
-    <div id="a2ui-root"></div>
-  </section>
-
-  <!-- 任务 tab (2026-09-25): 与桌面/CLI 同一套任务闭环 —— 入群 · 发公告 · 看飞轮进度
-       分工不变: 手机 = 输入 · 展示待发内容 · 设备签名确认; 桌面 = 落盘 · 执行 · 等待回复 · 证据。
-       高风险动作 (入群/建群/发公告/发进群/留痕) 一律走确认页 → 设备签名 → 桌面验签。 -->
-  <section class="page" id="page-tasks" data-tab="tasks" hidden>
-    <div class="section-label" data-zh="本机授权与签名" data-en="This device: approval &amp; signing">本机授权与签名</div>
-    <div class="list">
-      <div class="list-item" id="tasks-signing-item"><span class="list-icon"><svg class="ico" viewBox="0 0 24 24"><rect x="4.5" y="10.5" width="15" height="9.5" rx="2.5"/><path d="M8 10.5V7.5a4 4 0 0 1 8 0v3"/><path d="M12 14v3"/></svg></span><span id="tasks-signing" style="flex:1">检查中…</span></div>
-    </div>
-    <div class="sheet-text" id="tasks-hint" style="font-size:12px;color:var(--text-secondary);padding:0 14px 6px"></div>
-    <div class="list" style="padding:0 14px 4px">
-      <button class="sheet-choice" id="tasks-refresh" data-zh="刷新任务数据" data-en="Refresh task data" style="width:100%">刷新任务数据</button>
-    </div>
-
-    <div class="section-label" data-zh="群 (与 CLI task group 同一份记录)" data-en="Groups (same records as CLI task group)">群 (与 CLI task group 同一份记录)</div>
-    <div class="list" id="tasks-groups"><div class="sheet-text" style="padding:0 14px">加载中…</div></div>
-    <div style="padding:0 14px 8px">
-      <input id="tasks-group-link" placeholder="群邀请链接 (orbitdb://…?type=group&amp;name=…)" style="width:100%;padding:10px 12px;border-radius:10px;border:1px solid var(--border);background:transparent;color:var(--text);font-size:14px" />
-      <button class="sheet-choice" id="tasks-group-join" data-zh="入群(需手机确认 + 签名)" data-en="Join group (needs on-device confirm + signature)" style="width:100%;margin-top:8px">入群(需手机确认 + 签名)</button>
-      <input id="tasks-group-name" placeholder="新群名称" style="width:100%;margin-top:8px;padding:10px 12px;border-radius:10px;border:1px solid var(--border);background:transparent;color:var(--text);font-size:14px" />
-      <button class="sheet-choice" id="tasks-group-create" data-zh="建群(需手机确认 + 签名)" data-en="Create group (needs on-device confirm + signature)" style="width:100%;margin-top:8px">建群(需手机确认 + 签名)</button>
-    </div>
+  <!-- 任务 tab (2026-10-07: 对话框模式 — 仪表盘 + 消息流 + 底部派活输入框; 网络收成工具) -->
+    <section class="page task-chat-page" id="page-tasks" data-tab="tasks" hidden>
+      <!-- 仪表盘栏: 工具入口 + 状态 -->
+      <div class="task-dash">
+        <button class="task-dash-btn" id="task-dash-network" title="网络工具"><span class="task-dash-ico">🌐</span><span>网络</span></button>
+        <button class="task-dash-btn" id="task-dash-sign" title="本机签名状态"><span class="task-dash-ico">🔏</span><span id="tasks-signing">签名…</span></button>
+        <button class="task-dash-btn" id="tasks-refresh" title="刷新任务数据"><span class="task-dash-ico">⟳</span><span>刷新</span></button>
+      </div>
 
-    <div class="section-label" data-zh="公告板 (与 CLI task board 同一份事实)" data-en="Task board (same facts as CLI task board)">公告板 (与 CLI task board 同一份事实)</div>
-    <div class="list" id="tasks-board"><div class="sheet-text" style="padding:0 14px">加载中…</div></div>
-    <div style="padding:0 14px 8px">
-      <input id="tasks-pub-capability" placeholder="能力 (例如 research)" style="width:100%;padding:10px 12px;border-radius:10px;border:1px solid var(--border);background:transparent;color:var(--text);font-size:14px" />
-      <input id="tasks-pub-instruction" placeholder="任务正文 (一句能执行的委托)" style="width:100%;margin-top:8px;padding:10px 12px;border-radius:10px;border:1px solid var(--border);background:transparent;color:var(--text);font-size:14px" />
-      <input id="tasks-pub-budget" placeholder="预算 (例如 0.05)" inputmode="decimal" style="width:100%;margin-top:8px;padding:10px 12px;border-radius:10px;border:1px solid var(--border);background:transparent;color:var(--text);font-size:14px" />
-      <input id="tasks-pub-deadline" placeholder="截止 (+24h / +2h / +1d, 留空=桌面默认 24h)" style="width:100%;margin-top:8px;padding:10px 12px;border-radius:10px;border:1px solid var(--border);background:transparent;color:var(--text);font-size:14px" />
-      <button class="sheet-choice" id="tasks-pub-submit" data-zh="发布公告(需手机确认 + 签名)" data-en="Publish announcement (needs on-device confirm + signature)" style="width:100%;margin-top:8px">发布公告(需手机确认 + 签名)</button>
-    </div>
+      <!-- 对话框消息流 -->
+      <div class="task-chat" id="task-chat">
+        <div class="task-chat-empty" id="task-chat-empty">给 Bolloon 派个活… 例：查一下我的身份 / 汇总钱包状态</div>
+      </div>
 
-    <div class="section-label" data-zh="群过程痕迹 (只读, 脱敏)" data-en="Group trail (read-only, redacted)">群过程痕迹 (只读, 脱敏)</div>
-    <div class="list" id="tasks-trail-group-picker"></div>
-    <div class="list" id="tasks-trail"><div class="sheet-text" style="padding:0 14px">选一个群看这一期的痕迹</div></div>
-    <div style="padding:0 14px 8px">
-      <button class="sheet-choice" id="tasks-trail-refresh" data-zh="读群痕迹" data-en="Read group trail" style="width:100%">读群痕迹</button>
-    </div>
+      <!-- 底部派活输入框 -->
+      <div class="task-input-bar">
+        <input type="text" id="task-input" placeholder="给 Bolloon 派个活… (Enter 发送)" autocomplete="off" />
+        <button id="task-input-send">→ 派活</button>
+      </div>
 
-    <div class="section-label" data-zh="飞轮进度 (只读, 与桌面同一状态)" data-en="Goal flywheel progress (read-only, same state as desktop)">飞轮进度 (只读, 与桌面同一状态)</div>
-    <div class="list" id="tasks-flywheel"><div class="sheet-text" style="padding:0 14px">加载中…</div></div>
-  </section>
+      <!-- 网络工具面板 (覆盖层, 默认隐藏; 点仪表盘「网络」打开) -->
+      <div class="task-network-panel" id="task-network-panel" hidden>
+        <div class="task-network-head">
+          <button id="task-network-back">←</button>
+          <span style="flex:1;font-weight:600">网络工具</span>
+        </div>
+        <div class="task-network-body">
+          <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"><div class="list-item" id="item-trade"><span class="list-icon"><svg class="ico" viewBox="0 0 24 24"><path d="M4 7h16M4 12h10M4 17h7"/><path d="M17.5 14.5l2.5 2.5-2.5 2.5"/></svg></span><span style="flex:1">资源交易</span><span class="list-arrow">›</span></div></div>
+          <div class="section-label">微信息 (微支付)</div>
+          <div class="list" id="x402-info-list"></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>
+          <div id="a2ui-root"></div>
+          <div class="section-label">本机授权与签名</div>
+          <div class="sheet-text" id="tasks-hint" style="font-size:12px;color:var(--text-secondary);padding:0 14px 6px"></div>
+          <div class="section-label">群 (与 CLI task group 同一份记录)</div>
+          <div class="list" id="tasks-groups"><div class="sheet-text" style="padding:0 14px">加载中…</div></div>
+          <div style="padding:0 14px 8px">
+            <input id="tasks-group-link" placeholder="群邀请链接 (orbitdb://…?type=group&amp;name=…)" style="width:100%;padding:10px 12px;border-radius:10px;border:1px solid var(--border);background:transparent;color:var(--text);font-size:14px" />
+            <button class="sheet-choice" id="tasks-group-join" style="width:100%;margin-top:8px">入群(需手机确认 + 签名)</button>
+            <input id="tasks-group-name" placeholder="新群名称" style="width:100%;margin-top:8px;padding:10px 12px;border-radius:10px;border:1px solid var(--border);background:transparent;color:var(--text);font-size:14px" />
+            <button class="sheet-choice" id="tasks-group-create" style="width:100%;margin-top:8px">建群(需手机确认 + 签名)</button>
+          </div>
+          <div class="section-label">公告板 (与 CLI task board 同一份事实)</div>
+          <div class="board-grid" id="tasks-board"><div class="sheet-text" style="padding:0 14px">加载中…</div></div>
+          <div class="section-label">飞轮进度 (只读, 与桌面同一状态)</div>
+          <div class="list" id="tasks-flywheel"><div class="sheet-text" style="padding:0 14px">加载中…</div></div>
+          <div class="section-label">群过程痕迹 (只读, 脱敏)</div>
+          <div class="list" id="tasks-trail-group-picker"></div>
+          <div class="list" id="tasks-trail"><div class="sheet-text" style="padding:0 14px">选一个群看这一期的痕迹</div></div>
+          <div style="padding:0 14px 8px"><button class="sheet-choice" id="tasks-trail-refresh" style="width:100%">读群痕迹</button></div>
+        </div>
+      </div>
+    </section>
 
   <!-- 我 tab -->
   <section class="page" id="page-me" data-tab="me" hidden>
@@ -185,13 +185,12 @@
 <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>
+  <!-- 2026-10-06: 网络+任务合一, 任务 tab 内页内子切换 -->
   <button class="tab" data-tab="tasks"><span class="tab-icon"><svg class="ico" viewBox="0 0 24 24"><path d="M4 7.5h10M4 12h7M4 16.5h12"/><path d="M18 5.5l1.6 1.6L22 4.5"/><path d="M18 14.5l1.6 1.6L22 13.5"/></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>
 
-<!-- 首页: 创建新会话栏 (底部中央, tab 上方) -->
-<button class="create-session-btn" id="btn-create-session" hidden>＋ 创建新会话</button>
+<!-- 首页: 创建新会话栏已移除 (2026-10-07: 首页改为世界机会流 + 底部输入框, 不再悬浮遮挡) -->
 
 <!-- 创建智能体: 底部滑入加载 sheet -->
 <!-- 2026-09-16: 首启隐私同意门 — 上架要求: 用户同意前不读取本机数据 / 不连网 / 不申请任何权限 -->
@@ -225,6 +224,7 @@
 <div class="sheet" id="addfriend-sheet" hidden>
   <div class="sheet-inner sheet-inner-choices">
     <div class="sheet-title">连接好友</div>
+    <button class="sheet-choice" id="choice-phone"><svg class="ico" viewBox="0 0 24 24"><path d="M5 4h4l1.5 4.5L8 10a12 12 0 0 0 6 6l1.5-2.5L20 15v4a1.5 1.5 0 0 1-1.6 1.5A17 17 0 0 1 3.5 5.6 1.5 1.5 0 0 1 5 4z"/></svg> 手机号搜索添加</button>
     <button class="sheet-choice" id="choice-nearby"><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> 附近的设备</button>
     <button class="sheet-choice" id="choice-scan"><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> 扫码添加</button>
     <button class="sheet-choice" id="choice-requests"><svg class="ico" viewBox="0 0 24 24"><path d="M6 4h9l4 4v12a1 1 0 0 1-1 1H6a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1z"/><path d="M9 12h6M9 16h4"/></svg> 待处理申请</button>
@@ -233,6 +233,20 @@
   </div>
 </div>
 
+<!-- 手机号搜索添加好友: 输入手机号 → 目录查账号 → 发好友申请 (2026-10-15) -->
+<div class="sheet" id="phone-search-sheet" hidden>
+  <div class="sheet-inner">
+    <div class="sheet-title">手机号搜索添加</div>
+    <input id="phone-search-input" type="tel" inputmode="numeric" placeholder="输入对方手机号 (如 13812345678)" style="width:100%;padding:10px 12px;border-radius:8px;border:1px solid var(--border);background:var(--bg-card);color:var(--text);font-size:15px;box-sizing:border-box">
+    <div id="phone-search-note" style="font-size:12px;color:var(--text-secondary);margin:8px 2px;line-height:1.6">通过手机号目录查对方账号: 对方需已在电脑端发布目录 (手机号 → DID 指针)。查不到 = 对方未公开, 与不存在同义。</div>
+    <div id="phone-search-result" style="display:none;margin-top:8px"></div>
+    <div style="display:flex;gap:8px;margin-top:12px">
+      <button class="sheet-choice" id="phone-search-do" style="flex:1">搜索</button>
+      <button class="sheet-choice sheet-cancel" id="phone-search-close" style="flex:1">关闭</button>
+    </div>
+  </div>
+</div>
+
 <!-- 加入网络: 点按式 sheet (扫一扫 / 附近设备 / 手动粘贴兜底) -->
 <div class="sheet" id="network-sheet" hidden>
   <div class="sheet-inner sheet-inner-choices">