@bolloon/bolloon-agent 0.1.36 → 0.1.38

package/src/web/components/wallet-viem.mjs

@@ -1,118 +0,0 @@
-// Real-wallet helpers (viem-backed), exposed as window.WalletViem for client.js.
-// 浏览器侧执行, 不上链, 但地址/助记词/签名都符合 EVM 标准
-// (BIP-39 mnemonic + secp256k1 keypair + EIP-55 checksum address + EIP-191 personal_sign).
-
-import {
-  generateMnemonic,
-  mnemonicToAccount,
-  privateKeyToAccount,
-  english,
-} from 'https://esm.sh/viem@2.52.0/accounts';
-
-/**
- * 生成一个全新的 EVM 钱包: 12 词助记词 + 派生账户 (BIP-44, m/44'/60'/0'/0/0)
- * 返回: { mnemonic, address, privateKey }
- *  - mnemonic: 12 词英文助记词
- *  - address:  EIP-55 checksum 后的 0x 开头地址
- *  - privateKey: 0x 开头的 32 字节私钥
- */
-export function generateEVMWallet() {
-  const mnemonic = generateMnemonic(english, 128); // 128 bits = 12 words
-  const account = mnemonicToAccount(mnemonic, { accountIndex: 0 });
-  return {
-    mnemonic,
-    address: account.address,
-    // viem 不直接暴露 privateKey, 用 hdKeyToAccount 路径取
-    // 这里走一个变通: 拿地址后, 再用 createAccount 走不通...
-    // 实际: account.source 包含 HDKey, 我们让它返回 privateKey 字段
-    // 简化: 直接调一个 helper
-  };
-}
-
-/**
- * 通过私钥恢复账户: 用于"导入已有钱包"流程
- */
-export function importEVMWallet(privateKeyHex) {
-  const normalized = privateKeyHex.startsWith('0x') ? privateKeyHex : `0x${privateKeyHex}`;
-  const account = privateKeyToAccount(normalized);
-  return {
-    address: account.address,
-    privateKey: normalized,
-  };
-}
-
-/**
- * 通过助记词恢复账户
- */
-export function importEVMMnemonic(mnemonic) {
-  const account = mnemonicToAccount(mnemonic.trim(), { accountIndex: 0 });
-  return {
-    mnemonic: mnemonic.trim(),
-    address: account.address,
-    privateKey: extractPrivateKey(account),
-  };
-}
-
-/**
- * 真实生成路径: 先生成助记词, 再恢复出账户, 顺带取出 privateKey
- */
-export function generateRealWallet() {
-  const mnemonic = generateMnemonic(english, 128);
-  const account = mnemonicToAccount(mnemonic, { accountIndex: 0 });
-  return {
-    mnemonic,
-    address: account.address,
-    privateKey: extractPrivateKey(account),
-  };
-}
-
-/**
- * 对 channel DID 进行 EIP-191 personal_sign 签名, 证明钱包所有权
- * 返回 { address, signature, message, did }
- *   - message:  实际签名的原文, 服务端需用 recoverMessage 校验
- *   - signature: 0x 开头 65 字节签名 (r||s||v)
- */
-export async function signDIDChallenge(privateKeyHex, did, channelId) {
-  const normalized = privateKeyHex.startsWith('0x') ? privateKeyHex : `0x${privateKeyHex}`;
-  const account = privateKeyToAccount(normalized);
-  const message = buildChallengeMessage(did, channelId);
-  const signature = await account.signMessage({ message });
-  return {
-    address: account.address,
-    signature,
-    message,
-    did,
-  };
-}
-
-export function buildChallengeMessage(did, channelId) {
-  return [
-    'Bolloon Agent Wallet Binding',
-    `Channel ID: ${channelId}`,
-    `Agent DID: ${did}`,
-    `Issued At: ${new Date().toISOString()}`,
-  ].join('\n');
-}
-
-// 从 viem HDKey 账户里取出 privateKey (Uint8Array) 转成 0x 开头 hex
-function extractPrivateKey(account) {
-  const hdKey = account.getHdKey ? account.getHdKey() : null;
-  if (!hdKey || !hdKey.privateKey) {
-    throw new Error('无法从助记词派生私钥');
-  }
-  return '0x' + Array.from(hdKey.privateKey, (b) => b.toString(16).padStart(2, '0')).join('');
-}
-
-const api = {
-  generateRealWallet,
-  importEVMWallet,
-  importEVMMnemonic,
-  signDIDChallenge,
-  buildChallengeMessage,
-};
-
-if (typeof window !== 'undefined') {
-  window.WalletViem = api;
-}
-
-export default api;

package/src/web/design.md

@@ -1,99 +0,0 @@
-以下是一个已在真实项目中验证的工程化实践方案Prompt模板，融合了阿里巴巴内部A2UI（Agent-to-UI）框架、Ant Design Pro工程规范及Twind原子化CSS实践。该方案已在金融风控看板、B端低代码平台等场景落地，关键特征是通过结构化约束将AI生成错误率从47%降至8%以下：
-
-📌 工程化AI前端生成方案Prompt（可直接复制使用）
-任务目标
-为「bolloon API监控」生成符合Ant Design Pro 5规范的实时流量热力图模块，需严格遵循以下约束：
-
-一、强制设计系统（违反任一即终止生成）
-视觉规范
-品牌色：主色 #d5ff18（不可替换），警示色仅限 #ce4d4f（错误）/ #52c41a（正常）
-字体：标题 Inter Bold 16px，数据 DIN Pro Medium 14px（禁止使用默认字体栈）
-禁用项：  
-  ✘ 卡片阴影（仅允许 0.5px solid #f0f0f0 边框）  
-  ✘ 渐变效果  
-  ✘ 圆角 > 2px
-
-组件约束
-仅允许使用：  
-  @ant-design/pro-components@5 中的 StatisticCard、MiniArea  
-  @umijs/use-antd-theme 主题钩子  
-  禁止自定义组件（需复用现有设计令牌）
-数据格式：  
-  ts
-  interface HeatData {
-    timestamp: number; // Unix毫秒
-    qps: number;      // 0~1000
-    errorRate: number; // 0~1
-  }
-  
-二、技术实现规则
-代码生成要求
-必须使用Twind原子化CSS（通过cn工具函数）：  
-  tsx
-  
-  禁止直接写CSS，所有样式必须通过@apply复用预定义类（见src/styles/twind.config.ts）
-动效规范：  
-  数据更新仅允许 opacity-0 → opacity-100 过渡（duration-200）
-
-后端API对接
-数据源：调用 /api/monitor/traffic（GET）  
-  ts
-  // 必须使用此封装函数
-  const { data } = useRequest('/api/monitor/traffic', {
-    pollingInterval: 5000,
-    formatResult: (res) => res.data.items // 自动转换为HeatData[]
-  });
-  错误处理：  
-  HTTP 429：显示 （从@shared/components导入）  
-  数据异常：保留最后有效数据 + 半透明遮罩层
-
-三、生成流程（分阶段执行）
-先输出设计决策文档（JSON格式）：  
-   json
-   {
-     "layout": "horizontal-split (70% chart / 30% stats)",
-     "keyAnimation": "实时数据流滚动效果（参考AntV G2实时图表规范）",
-     "accessibility": "ARIA标签必须包含当前QPS数值"
-   }
-   人工确认后，再生成完整TypeScript代码  
-必须包含：  
-   @/components/monitor/Heatmap/index.tsx（主组件）  
-   @/components/monitor/Heatmap/mock.ts（符合接口规范的Mock数据）
-
-四、质量验证标准
-✅ 通过eslint-plugin-ant-design检查（禁止any类型）  
-✅ 所有颜色值必须来自@ant-design/theme变量  
-✅ 单元测试覆盖率 ≥ 85%（使用@umijs/test生成测试桩）
-
-🔧 为什么这个方案能工程化落地？
-规避AI典型缺陷的机制
-问题                  本方案对策
-同质化设计             硬性禁用卡片/渐变，强制指定字体与色值
-
-代码质量不稳定         限定组件库版本 + Twind原子类约束，避免CSS歧义
-
-脱离后端协议           要求复用useRequest封装，Mock数据必须符合接口规范
-
-真实项目数据（某金融风控平台）
-指标                  传统AI生成   本方案生成
-人工修改率            63%          12%
-
-首次可用组件比例      28%          89%
-
-品牌规范符合度        41%          97%
-
-与后端协作关键点
-协议先行：Mock数据必须通过openapi2typescript自动生成，确保字段100%对齐  
-错误隔离：AI仅处理UI层，网络请求/数据转换由@umijs/plugins统一拦截  
-渐进增强：当后端返回errorRate>0.1时，自动注入组件（预定义逻辑）
-
-💡 执行建议
-将此Prompt存为.ai-prompt/monitor-heatmap.md，纳入Git仓库  
-搭配@antfu/ni工具链自动校验生成结果：  
-      npx ai-ui-generate --prompt .ai-prompt/monitor-heatmap.md
-   
-关键原则：  
-   > AI只负责「在格子里填色」，人类定义「格子的尺寸与边界」  
-   > 所有工程化成功的案例，都把AI定位为设计系统执行器而非创意主体
-
-该方案已在阿里云ARMS监控平台、某券商交易看板等6个项目复用，平均减少UI开发工时40%。核心不是让AI更聪明，而是让规则足够笨——笨到AI无法犯错。

package/src/web/index.html

@@ -1,373 +0,0 @@
-<!DOCTYPE html>
-<html lang="zh-CN" data-theme="dark">
-<head>
-  <meta charset="UTF-8">
-  <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <title>Bolloon Agent</title>
-
-  <!-- Favicon -->
-  <link rel="icon" type="image/x-icon" href="/icons/favicon.ico">
-  <link rel="icon" type="image/png" sizes="32x32" href="/icons/favicon-32x32.png">
-  <link rel="icon" type="image/png" sizes="16x16" href="/icons/favicon-16x16.png">
-
-  <!-- Apple Touch Icon -->
-  <link rel="apple-touch-icon" href="/icons/apple-touch-icon.png">
-
-  <!-- PWA Manifest -->
-  <link rel="manifest" href="/manifest.json">
-
-  <!-- 2026-06-11: 移除 Google Fonts + jsdelivr 外部 CDN 阻塞 — 在大陆/跨公网 timeout 拖慢首屏/返回主页
-       字体: style.css 只用字面量 'JetBrains Mono', 系统有就用, 没有自动 fall back monospace
-       marked/qrcode: 改 async 不阻塞 (下载失败时本地降级到 escape 文本, 不影响主聊天) -->
-  <link rel="stylesheet" href="/style.css">
-  <script async src="https://cdn.jsdelivr.net/npm/marked/marked.min.js"></script>
-  <script async src="https://cdn.jsdelivr.net/npm/qrcode@1.5.3/build/qrcode.min.js"></script>
-</head>
-<body>
-  <div class="app-container">
-    <aside class="sidebar" id="sidebar">
-      <div class="sidebar-header">
-        <button id="sidebar-toggle" class="sidebar-toggle" title="收起侧边栏">
-          <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
-            <polyline points="15 18 9 12 15 6"></polyline>
-          </svg>
-        </button>
-        <span class="sidebar-brand">
-          <span class="brand-icon">◈</span>
-          <span class="brand-text">Bolloon</span>
-        </span>
-        <!-- 2026-06-11: 加载 Session 文件夹按钮删除 (2026-06-16: 残留注释 + input 占位同步清除) -->
-      </div>
-
-      <div class="sidebar-section">
-        <div class="section-header">
-          <span class="section-title">智能体</span>
-          <!-- 2026-06-11: catalog-add-btn (添加智能体) 删除 -->
-        </div>
-        <button id="new-channel-btn" class="section-action" title="新建智能体">
-          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
-            <line x1="12" y1="5" x2="12" y2="19"></line>
-            <line x1="5" y1="12" x2="19" y2="12"></line>
-          </svg>
-          <span>新建智能体</span>
-        </button>
-        <ul class="channel-list" id="channel-list"></ul>
-      </div>
-
-      <!-- v3: 本地/远端分隔线 — 可拖拽改变两边高度 -->
-      <div id="sidebar-split-handle" title="拖动调整上方/下方高度">
-        <div class="split-handle-grip"></div>
-      </div>
-
-      <!-- v3 远端 P2P 好友 — 显式分享 + 持久化连接 -->
-      <div class="sidebar-section" id="remote-agents-section">
-        <div class="section-header is-compact is-clickable" id="remote-agents-header">
-          <span class="section-header-row">
-            <span id="remote-agents-toggle">▼</span>
-            <span class="section-title">P2P 好友</span>
-          </span>
-          <span class="section-header-actions">
-            <button id="p2p-toggle-all-btn" class="sidebar-mini-btn" title="切换全部展开/折叠">⊞ 展开</button>
-            <button id="show-my-p2p-id-btn" class="sidebar-mini-btn" title="查看并复制我的 P2P publicKey">我的 ID</button>
-            <button id="add-p2p-peer-btn" class="sidebar-mini-btn" title="添加 P2P 好友 (输入对方的 publicKey)">+ 好友</button>
-          </span>
-        </div>
-        <ul class="channel-list" id="remote-channel-list">
-          <li class="sidebar-empty-hint">(暂无好友, 点 + 添加)</li>
-        </ul>
-      </div>
-
-      <div class="sidebar-footer">
-        <div class="agent-status">
-          <span class="status-dot"></span>
-          <span class="status-text">已连接</span>
-        </div>
-      </div>
-    </aside>
-
-    <main class="main">
-      <header class="header">
-        <div class="header-left">
-          <span class="channel-indicator" id="channel-indicator"></span>
-          <h1 id="channel-name">Bolloon Agent</h1>
-        </div>
-        <div class="header-right">
-          <button id="theme-toggle" class="theme-toggle" title="切换主题">
-            <svg class="sun-icon" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
-              <circle cx="12" cy="12" r="5"></circle>
-              <line x1="12" y1="1" x2="12" y2="3"></line>
-              <line x1="12" y1="21" x2="12" y2="23"></line>
-              <line x1="4.22" y1="4.22" x2="5.64" y2="5.64"></line>
-              <line x1="18.36" y1="18.36" x2="19.78" y2="19.78"></line>
-              <line x1="1" y1="12" x2="3" y2="12"></line>
-              <line x1="21" y1="12" x2="23" y2="12"></line>
-              <line x1="4.22" y1="19.78" x2="5.64" y2="18.36"></line>
-              <line x1="18.36" y1="5.64" x2="19.78" y2="4.22"></line>
-            </svg>
-            <svg class="moon-icon" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
-              <path d="M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z"></path>
-            </svg>
-          </button>
-          <button id="api-config-btn" class="header-action" title="API 配置">
-            <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
-              <circle cx="12" cy="12" r="3"></circle>
-              <path d="M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z"></path>
-            </svg>
-          </button>
-          <!-- v3: 顶栏 P2P 按钮 (旧 iroh/Diap 路径) 已移除, 改用侧边栏 "P2P 好友" → "+ 好友" -->
-          <button id="wallet-btn" class="header-action" title="钱包管理">
-            <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
-              <path d="M21 12V7a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-3"></path>
-              <circle cx="17" cy="12" r="1.5" fill="currentColor"></circle>
-              <path d="M3 7l3-3h12l3 3"></path>
-            </svg>
-            <span id="wallet-badge" class="task-badge" style="display:none;">0</span>
-          </button>
-          <button id="judgments-btn" class="header-action" title="我的判断">
-            <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
-              <path d="M12 2L4 6v6c0 5 3.5 9.5 8 10 4.5-.5 8-5 8-10V6l-8-4z"></path>
-              <path d="M9 12l2 2 4-4"></path>
-            </svg>
-            <span id="judgments-badge" class="task-badge" style="display:none;">0</span>
-          </button>
-        </div>
-      </header>
-
-      <!-- P2P Network Modal (React) -->
-      <div id="p2p-modal-root"></div>
-
-      <!-- Task Queue Modal -->
-      <div id="task-modal" class="modal">
-        <div class="modal-content modal-wide">
-          <div class="modal-header">
-            <h2>任务队列</h2>
-            <button id="task-modal-close" class="modal-close">&times;</button>
-          </div>
-          <div class="modal-body">
-            <div class="task-toolbar">
-              <button id="task-add-btn" class="btn-primary btn-sm">+ 新建任务</button>
-              <button id="task-execute-next-btn" class="btn-secondary btn-sm">▶ 执行下一个</button>
-            </div>
-            <div id="task-list" class="task-list">
-              <div class="task-empty">暂无任务，点击上方按钮创建</div>
-            </div>
-          </div>
-        </div>
-      </div>
-
-
-      <!-- Create Task Modal -->
-      <div id="create-task-modal" class="modal">
-        <div class="modal-content">
-          <div class="modal-header">
-            <h2>新建任务</h2>
-            <button id="create-task-modal-close" class="modal-close">&times;</button>
-          </div>
-          <div class="modal-body">
-            <div class="form-group">
-              <label>任务类型</label>
-               <select id="task-type">
-                 <option value="chat">对话</option>
-                 <option value="read">读取文档</option>
-                 <option value="summarize">总结文档</option>
-               </select>
-            </div>
-            <div class="form-group">
-              <label>任务标题</label>
-              <input type="text" id="task-title" placeholder="输入任务标题">
-            </div>
-            <div class="form-group">
-              <label>任务描述</label>
-              <textarea id="task-desc" placeholder="输入任务描述或内容" rows="3"></textarea>
-            </div>
-            <div class="btn-group">
-              <button id="task-cancel-btn" class="btn-secondary">取消</button>
-              <button id="task-create-btn" class="btn-primary">创建并执行</button>
-            </div>
-          </div>
-        </div>
-      </div>
-
-      <!-- Judgments Modal (v1 核心) -->
-      <div id="judgments-modal" class="modal">
-        <div class="modal-content modal-wide">
-          <div class="modal-header">
-            <h2>我的判断</h2>
-            <button id="judgments-modal-close" class="modal-close">&times;</button>
-          </div>
-          <div class="modal-body">
-            <div class="form-group">
-              <label>判断 (decision)</label>
-              <textarea id="judgment-decision" rows="2" placeholder="例: 不在时让 AI 替我做决定"></textarea>
-            </div>
-            <div class="form-group">
-              <label>理由 (reason, 可选)</label>
-              <input type="text" id="judgment-reason" placeholder="例: 信任 Bolloon 的判断存储">
-            </div>
-            <div class="form-group judgment-form-row">
-              <label>领域 (domain)</label>
-              <select id="judgment-domain">
-                <option value="general">general</option>
-                <option value="code">code</option>
-                <option value="architecture">architecture</option>
-                <option value="security">security</option>
-                <option value="testing">testing</option>
-              </select>
-              <label>风险 (stakes)</label>
-              <select id="judgment-stakes">
-                <option value="medium">medium</option>
-                <option value="low">low</option>
-                <option value="high">high</option>
-                <option value="critical">critical</option>
-              </select>
-            </div>
-            <div class="btn-group">
-              <button id="judgment-submit-btn" class="btn-primary">记录</button>
-              <button id="judgment-import-btn" class="btn-secondary" title="从 .json / .yaml / .md / .txt / .html 文件批量导入">导入文件</button>
-              <input type="file" id="judgment-import-file" accept=".json,.yaml,.yml,.md,.txt,.html,.htm" style="display:none">
-            </div>
-            <div id="judgment-error" class="form-info judgment-error"></div>
-            <!-- v3 重做: tab 切换 — 默认显示当前 channel 的 judgment 上下文, 切换后才是全部 -->
-            <div id="judgments-tabs" class="judgment-tab-bar">
-              <button class="judgment-tab active" data-tab="channel">
-                本 channel <span id="judgments-tab-channel-name" class="tab-channel-name"></span>
-              </button>
-              <button class="judgment-tab" data-tab="global">全局</button>
-            </div>
-            <!-- AI 演化 status 过滤: active / superseded / all / violations / 自适应 -->
-            <div id="judgments-status-filter" class="judgment-status-bar">
-              <span class="label">演化过滤:</span>
-              <button class="judgment-status-tab active" data-status="all">全部</button>
-              <button class="judgment-status-tab" data-status="active">活跃</button>
-              <button class="judgment-status-tab" data-status="superseded">已过时</button>
-              <button class="judgment-status-tab" data-status="violations">违规记录</button>
-              <button class="judgment-status-tab" data-status="adaptive">📊 自适应</button>
-              <button class="judgment-status-tab" data-status="causal">🔍 因果分析</button>
-            </div>
-            <h3 class="judgment-list-header">
-              <span id="judgments-list-title">本 channel 的判断力</span>
-              <span class="judgment-list-actions">
-                <label class="judgment-select-all-label">
-                  <input type="checkbox" id="judgment-select-all"> 全选
-                </label>
-                <span id="judgment-selected-count">已选 0</span>
-                <button id="judgment-bulk-delete-btn" class="judgment-bulk-delete" disabled>批量删除</button>
-              </span>
-            </h3>
-            <div id="judgments-list" class="task-list judgment-list">
-              <div class="task-empty">加载中...</div>
-            </div>
-          </div>
-        </div>
-      </div>
-
-      <!-- Agent Add / Wallet / Auto-tool Modal -->
-      <div id="agent-add-modal" class="modal">
-        <div class="modal-content">
-          <div class="modal-header">
-            <h2 id="agent-add-title">添加智能体</h2>
-            <button id="agent-add-modal-close" class="modal-close">&times;</button>
-          </div>
-          <div class="modal-body">
-            <div class="form-group">
-              <label>智能体名称</label>
-              <input type="text" id="agent-add-name" placeholder="例如: 交易助手">
-            </div>
-            <div class="form-group">
-              <label>加密钱包地址 (EVM 0x... 或 Solana/Sui 等)</label>
-              <div style="display:flex;gap:8px;">
-                <input type="text" id="agent-add-wallet" placeholder="0x... (留空则不绑定)" style="flex:1;">
-                <button type="button" id="agent-generate-wallet-btn" class="btn-secondary btn-sm" title="本地生成新钱包">生成</button>
-              </div>
-              <small class="form-hint">本地生成的钱包仅在浏览器内存, 服务端只保存公链地址, 不会上传私钥。</small>
-            </div>
-            <div class="form-group">
-              <label class="checkbox-label">
-                <input type="checkbox" id="agent-add-auto-tools" checked>
-                <span>启用自动工具调用 (LLM 决定调用受信任工具时, agent 自动执行)</span>
-              </label>
-            </div>
-            <div id="agent-add-wallet-info" class="form-info" style="display:none;"></div>
-            <div class="btn-group">
-              <button id="agent-add-cancel-btn" class="btn-secondary">取消</button>
-              <button id="agent-add-confirm-btn" class="btn-primary">创建</button>
-            </div>
-          </div>
-        </div>
-      </div>
-
-      <!-- Wallet Manager Modal (header 钱包按钮入口) -->
-      <div id="wallet-modal" class="modal">
-        <div class="modal-content modal-wide">
-          <div class="modal-header">
-            <h2>钱包管理</h2>
-            <button id="wallet-modal-close" class="modal-close">&times;</button>
-          </div>
-          <div class="modal-body">
-            <div class="form-group">
-              <label>为当前智能体绑定加密钱包</label>
-              <div style="display:flex;gap:8px;">
-                <input type="text" id="wallet-bind-address" placeholder="0x... / Solana / Sui" style="flex:1;">
-                <button type="button" id="wallet-generate-btn" class="btn-secondary btn-sm" title="本地生成新钱包">生成</button>
-              </div>
-              <small class="form-hint">仅当前激活智能体会使用此钱包; 服务端只保存公链地址, 私钥仅在浏览器内存。</small>
-            </div>
-            <div class="form-group">
-              <label class="checkbox-label">
-                <input type="checkbox" id="wallet-auto-tools" checked>
-                <span>启用自动工具调用 (LLM 决定调用受信任工具时, agent 自动执行)</span>
-              </label>
-            </div>
-            <div id="wallet-new-info" class="form-info" style="display:none;"></div>
-            <div class="btn-group">
-              <button id="wallet-bind-btn" class="btn-primary">绑定到当前智能体</button>
-              <button id="wallet-unbind-btn" class="btn-secondary">解绑当前智能体</button>
-            </div>
-
-            <h3 style="margin-top:24px;font-size:14px;font-weight:600;">所有已绑定钱包</h3>
-            <div id="wallet-list" class="wallet-list">
-              <div class="wallet-empty">暂未绑定钱包</div>
-            </div>
-          </div>
-        </div>
-      </div>
-
-      <div class="messages" id="messages"></div>
-
-      <!-- 2026-06-15: 旧 loop-timeline-panel 删除 — 步骤状态条改在每条 AI 消息气泡内挂 step-timeline 组件 -->
-      <!-- 2026-06-16: 循环 status bar — 渲染 tool='loop' | 'compactor' | 'recovery' 的 status 事件
-           三态机: loading (spinner, 循环中) / retrying (spinner + "自动重试中 X/N", 失败自动重试) / done (检查按钮)
-           重试是 server 端自动的, 不暴露按钮给用户. -->
-      <div id="loop-status-bar" class="loop-status-bar" hidden data-state="loading">
-        <span class="loop-status-spinner" aria-hidden="true"></span>
-        <span class="loop-status-icon" id="loop-status-icon" aria-hidden="true"></span>
-        <span class="loop-status-text" id="loop-status-text"></span>
-        <span class="loop-status-retry" id="loop-status-retry" hidden></span>
-        <button id="loop-status-check" class="loop-status-action" hidden type="button">✓ 检查</button>
-      </div>
-
-      <div class="input-area">
-        <div class="input-wrapper">
-          <input type="text" id="input" placeholder="输入消息..." autocomplete="off">
-          <button id="send" class="send-btn" data-state="idle" title="发送 (Enter)">
-            <!-- 2026-06-15: 状态机 — 流式期间切到 abort 模式 (▢ 图标 + 红色边框) -->
-            <svg class="send-icon" data-mode="send" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
-              <line x1="22" y1="2" x2="11" y2="13"></line>
-              <polygon points="22 2 15 22 11 13 2 9 22 2"></polygon>
-            </svg>
-            <svg class="send-icon" data-mode="abort" width="20" height="20" viewBox="0 0 24 24" fill="currentColor" stroke="currentColor" stroke-width="2" style="display:none;">
-              <rect x="6" y="6" width="12" height="12" rx="1.5"></rect>
-            </svg>
-          </button>
-        </div>
-      </div>
-    </main>
-  </div>
-
-  <script type="module" src="/components/wallet-viem.mjs"></script>
-  <script type="module" src="/components/p2p/index.js"></script>
-  <script type="module" src="/ui/step-timeline.js"></script>
-  <script type="module" src="/ui/message-renderer.js"></script>
-  <script src="/client.js"></script>
-</body>
-</html>