@bolloon/bolloon-agent 0.1.35 → 0.1.36

package/dist/web/components/p2p/p2p-tools.js

@@ -0,0 +1,248 @@
+/**
+ * P2P 工具调用模块
+ * 支持文件和本地信息的 P2P 传递
+ */
+// 工具类型枚举
+export var P2PToolType;
+(function (P2PToolType) {
+    P2PToolType["FILE_TRANSFER"] = "file_transfer";
+    P2PToolType["LOCAL_INFO"] = "local_info";
+    P2PToolType["SYSTEM_INFO"] = "system_info";
+    P2PToolType["FILE_LIST"] = "file_list";
+})(P2PToolType || (P2PToolType = {}));
+// 文件传输
+export async function transferFile(targetDid, fileInfo, messageId) {
+    try {
+        const payload = {
+            type: 'file',
+            tool: P2PToolType.FILE_TRANSFER,
+            data: {
+                name: fileInfo.name,
+                size: fileInfo.size,
+                mimeType: fileInfo.mimeType,
+                content: fileInfo.content
+            }
+        };
+        const res = await fetch('/api/message-p2p', {
+            method: 'POST',
+            headers: { 'Content-Type': 'application/json' },
+            body: JSON.stringify({
+                targetDid,
+                content: JSON.stringify(payload),
+                type: 'file'
+            })
+        });
+        if (res.ok) {
+            const data = await res.json();
+            return {
+                success: true,
+                messageId: data.messageId || messageId
+            };
+        }
+        else {
+            return { success: false, error: '文件传输失败' };
+        }
+    }
+    catch (e) {
+        return { success: false, error: e.message };
+    }
+}
+// 本地信息查询
+export async function queryLocalInfo(targetDid, query) {
+    try {
+        const payload = {
+            type: 'info_query',
+            tool: P2PToolType.LOCAL_INFO,
+            query: query
+        };
+        const res = await fetch('/api/message-p2p', {
+            method: 'POST',
+            headers: { 'Content-Type': 'application/json' },
+            body: JSON.stringify({
+                targetDid,
+                content: JSON.stringify(payload),
+                type: 'ai-dialogue'
+            })
+        });
+        if (res.ok) {
+            const data = await res.json();
+            return {
+                success: true,
+                data: data.response,
+                messageId: data.messageId
+            };
+        }
+        else {
+            return { success: false, error: '信息查询失败' };
+        }
+    }
+    catch (e) {
+        return { success: false, error: e.message };
+    }
+}
+// 系统信息请求
+export async function getSystemInfo(targetDid) {
+    try {
+        const payload = {
+            type: 'system_info_request',
+            tool: P2PToolType.SYSTEM_INFO
+        };
+        const res = await fetch('/api/message-p2p', {
+            method: 'POST',
+            headers: { 'Content-Type': 'application/json' },
+            body: JSON.stringify({
+                targetDid,
+                content: JSON.stringify(payload),
+                type: 'ai-dialogue'
+            })
+        });
+        if (res.ok) {
+            const data = await res.json();
+            return {
+                success: true,
+                data: data.response,
+                messageId: data.messageId
+            };
+        }
+        else {
+            return { success: false, error: '系统信息获取失败' };
+        }
+    }
+    catch (e) {
+        return { success: false, error: e.message };
+    }
+}
+// 文件列表请求
+export async function listFiles(targetDid, path = '/') {
+    try {
+        const payload = {
+            type: 'file_list_request',
+            tool: P2PToolType.FILE_LIST,
+            path: path
+        };
+        const res = await fetch('/api/message-p2p', {
+            method: 'POST',
+            headers: { 'Content-Type': 'application/json' },
+            body: JSON.stringify({
+                targetDid,
+                content: JSON.stringify(payload),
+                type: 'ai-dialogue'
+            })
+        });
+        if (res.ok) {
+            const data = await res.json();
+            return {
+                success: true,
+                data: data.response,
+                messageId: data.messageId
+            };
+        }
+        else {
+            return { success: false, error: '文件列表获取失败' };
+        }
+    }
+    catch (e) {
+        return { success: false, error: e.message };
+    }
+}
+// 工具调用入口
+export async function executeP2PTool(request) {
+    const { toolName, payload, targetDid } = request;
+    if (!targetDid) {
+        return { success: false, error: '未指定目标节点' };
+    }
+    switch (toolName) {
+        case P2PToolType.FILE_TRANSFER:
+            return transferFile(targetDid, payload.data);
+        case P2PToolType.LOCAL_INFO:
+            return queryLocalInfo(targetDid, payload.data);
+        case P2PToolType.SYSTEM_INFO:
+            return getSystemInfo(targetDid);
+        case P2PToolType.FILE_LIST:
+            return listFiles(targetDid, payload.data?.path || '/');
+        default:
+            return { success: false, error: `未知工具: ${toolName}` };
+    }
+}
+// 本地系统信息获取 (用于响应来自远程的请求)
+export function getLocalSystemInfo() {
+    const memUsage = process.memoryUsage();
+    const cpuCores = require('os').cpus();
+    return {
+        platform: process.platform,
+        arch: process.arch,
+        nodeVersion: process.version,
+        memory: {
+            total: memUsage.heapTotal,
+            free: memUsage.heapTotal - memUsage.heapUsed,
+            used: memUsage.heapUsed
+        },
+        cpu: {
+            cores: cpuCores.length,
+            model: cpuCores[0]?.model || 'Unknown'
+        },
+        uptime: process.uptime()
+    };
+}
+// 本地文件列表 (用于响应来自远程的请求)
+export function getLocalFileList(dirPath) {
+    try {
+        // Dynamic import for ESM compatibility
+        const pathModule = require('path');
+        const fs = require('fs');
+        const fullPath = pathModule.resolve(dirPath);
+        const files = fs.readdirSync(fullPath);
+        const fileList = files.map((name) => {
+            const fullFilePath = pathModule.join(fullPath, name);
+            let stat;
+            try {
+                stat = fs.statSync(fullFilePath);
+            }
+            catch {
+                return null;
+            }
+            return {
+                name: name,
+                size: stat.size,
+                isDirectory: stat.isDirectory(),
+                modified: stat.mtime.toISOString()
+            };
+        }).filter(Boolean);
+        return {
+            success: true,
+            path: fullPath,
+            files: fileList
+        };
+    }
+    catch (e) {
+        return {
+            success: false,
+            path: dirPath,
+            error: e.message
+        };
+    }
+}
+// 导出工具名称列表
+export const P2P_TOOLS = [
+    {
+        name: P2PToolType.FILE_TRANSFER,
+        description: '传输文件到远程节点',
+        parameters: ['targetDid', 'fileInfo']
+    },
+    {
+        name: P2PToolType.LOCAL_INFO,
+        description: '查询远程节点本地信息',
+        parameters: ['targetDid', 'query']
+    },
+    {
+        name: P2PToolType.SYSTEM_INFO,
+        description: '获取远程节点系统信息',
+        parameters: ['targetDid']
+    },
+    {
+        name: P2PToolType.FILE_LIST,
+        description: '列出远程节点目录文件',
+        parameters: ['targetDid', 'path']
+    }
+];
+console.log('[P2P Tools] 工具模块已加载');

package/dist/web/index.html

@@ -36,10 +36,8 @@
           <span class="brand-icon">◈</span>
           <span class="brand-text">Bolloon</span>
         </span>
-        <!-- 2026-06-11: 加载 Session 文件夹按钮删除 -->
+        <!-- 2026-06-11: 加载 Session 文件夹按钮删除 (2026-06-16: 残留注释 + input 占位同步清除) -->
       </div>
-      <!-- 2026-06-11: session-file-input 已无用, 同步删除 -->
-      <!-- <input type="file" id="session-file-input" accept=".json" style="display:none"> -->
 
       <div class="sidebar-section">
         <div class="section-header">
@@ -63,19 +61,19 @@
 
       <!-- v3 远端 P2P 好友 — 显式分享 + 持久化连接 -->
       <div class="sidebar-section" id="remote-agents-section">
-        <div class="section-header" id="remote-agents-header" style="display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;cursor:pointer;user-select:none;">
-          <span style="display:flex;align-items:center;gap:6px;">
-            <span id="remote-agents-toggle" style="font-size:10px;color:var(--text-muted);transition:transform 0.2s;">▼</span>
-            <span class="section-title" style="font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:0.5px;color:var(--text-muted);">P2P 好友</span>
+        <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 style="display:flex;gap:4px;">
-            <button id="p2p-toggle-all-btn" title="切换全部展开/折叠" style="background:none;border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;padding:2px 6px;border-radius:4px;font-size:11px;line-height:1;">⊞ 展开</button>
-            <button id="show-my-p2p-id-btn" title="查看并复制我的 P2P publicKey" style="background:none;border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;padding:2px 6px;border-radius:4px;font-size:11px;line-height:1;">我的 ID</button>
-            <button id="add-p2p-peer-btn" title="添加 P2P 好友 (输入对方的 publicKey)" style="background:none;border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;padding:2px 6px;border-radius:4px;font-size:11px;line-height:1;">+ 好友</button>
+          <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" style="list-style:none;padding:0;margin:0;">
-          <li style="color:var(--text-muted);font-size:11px;padding:8px 4px;text-align:center;">(暂无好友, 点 + 添加)</li>
+        <ul class="channel-list" id="remote-channel-list">
+          <li class="sidebar-empty-hint">(暂无好友, 点 + 添加)</li>
         </ul>
       </div>
 
@@ -168,12 +166,11 @@
           <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>
-                <option value="workflow">工作流</option>
-              </select>
+               <select id="task-type">
+                 <option value="chat">对话</option>
+                 <option value="read">读取文档</option>
+                 <option value="summarize">总结文档</option>
+               </select>
             </div>
             <div class="form-group">
               <label>任务标题</label>
@@ -183,10 +180,6 @@
               <label>任务描述</label>
               <textarea id="task-desc" placeholder="输入任务描述或内容" rows="3"></textarea>
             </div>
-            <div class="form-group workflow-steps" style="display:none;">
-              <label>工作流步骤（每行一个）</label>
-              <textarea id="task-steps" placeholder="步骤1&#10;步骤2&#10;步骤3" rows="4"></textarea>
-            </div>
             <div class="btn-group">
               <button id="task-cancel-btn" class="btn-secondary">取消</button>
               <button id="task-create-btn" class="btn-primary">创建并执行</button>
@@ -211,8 +204,8 @@
               <label>理由 (reason, 可选)</label>
               <input type="text" id="judgment-reason" placeholder="例: 信任 Bolloon 的判断存储">
             </div>
-            <div class="form-group" style="display:flex;gap:8px;align-items:center;">
-              <label style="margin:0;">领域 (domain)</label>
+            <div class="form-group judgment-form-row">
+              <label>领域 (domain)</label>
               <select id="judgment-domain">
                 <option value="general">general</option>
                 <option value="code">code</option>
@@ -220,7 +213,7 @@
                 <option value="security">security</option>
                 <option value="testing">testing</option>
               </select>
-              <label style="margin:0 0 0 16px;">风险 (stakes)</label>
+              <label>风险 (stakes)</label>
               <select id="judgment-stakes">
                 <option value="medium">medium</option>
                 <option value="low">low</option>
@@ -228,50 +221,40 @@
                 <option value="critical">critical</option>
               </select>
             </div>
-            <div class="btn-group" style="gap:8px;">
+            <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" style="display:none;color:#b91c1c;"></div>
+            <div id="judgment-error" class="form-info judgment-error"></div>
             <!-- v3 重做: tab 切换 — 默认显示当前 channel 的 judgment 上下文, 切换后才是全部 -->
-            <div id="judgments-tabs" style="display:flex;border-bottom:1px solid #e5e7eb;margin-top:20px;">
-              <button class="judgment-tab active" data-tab="channel"
-                      style="flex:1;padding:10px 12px;background:none;border:none;border-bottom:2px solid #2563eb;color:#2563eb;font-size:13px;font-weight:600;cursor:pointer;">
-                本 channel <span id="judgments-tab-channel-name" style="font-weight:normal;color:#6b7280;"></span>
-              </button>
-              <button class="judgment-tab" data-tab="global"
-                      style="flex:1;padding:10px 12px;background:none;border:none;border-bottom:2px solid transparent;color:#6b7280;font-size:13px;font-weight:600;cursor:pointer;">
-                全局
+            <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" style="display:flex;gap:6px;margin-top:10px;font-size:12px;align-items:center;">
-              <span style="color:#6b7280;">演化过滤:</span>
-              <button class="judgment-status-tab active" data-status="all"
-                      style="background:#2563eb;color:#fff;border:none;padding:3px 10px;border-radius:3px;cursor:pointer;font-size:11px;">全部</button>
-              <button class="judgment-status-tab" data-status="active"
-                      style="background:#e5e7eb;color:#374151;border:none;padding:3px 10px;border-radius:3px;cursor:pointer;font-size:11px;">活跃</button>
-              <button class="judgment-status-tab" data-status="superseded"
-                      style="background:#e5e7eb;color:#374151;border:none;padding:3px 10px;border-radius:3px;cursor:pointer;font-size:11px;">已过时</button>
-              <button class="judgment-status-tab" data-status="violations"
-                      style="background:#e5e7eb;color:#374151;border:none;padding:3px 10px;border-radius:3px;cursor:pointer;font-size:11px;">违规记录</button>
-              <button class="judgment-status-tab" data-status="adaptive"
-                      style="background:#e5e7eb;color:#374151;border:none;padding:3px 10px;border-radius:3px;cursor:pointer;font-size:11px;">📊 自适应</button>
-              <button class="judgment-status-tab" data-status="causal"
-                      style="background:#e5e7eb;color:#374151;border:none;padding:3px 10px;border-radius:3px;cursor:pointer;font-size:11px;">🔍 因果分析</button>
+            <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 style="margin-top:16px;font-size:14px;font-weight:600;display:flex;align-items:center;gap:12px;flex-wrap:wrap;">
+            <h3 class="judgment-list-header">
               <span id="judgments-list-title">本 channel 的判断力</span>
-              <span style="display:flex;align-items:center;gap:6px;margin-left:auto;font-size:12px;font-weight:normal;">
-                <label style="display:flex;align-items:center;gap:4px;cursor:pointer;color:#6b7280;">
-                  <input type="checkbox" id="judgment-select-all" style="cursor:pointer;"> 全选
+              <span class="judgment-list-actions">
+                <label class="judgment-select-all-label">
+                  <input type="checkbox" id="judgment-select-all"> 全选
                 </label>
-                <span id="judgment-selected-count" style="color:#6b7280;">已选 0</span>
-                <button id="judgment-bulk-delete-btn" class="btn-secondary btn-sm" disabled style="background:none;border:1px solid #fca5a5;color:#b91c1c;padding:1px 8px;border-radius:3px;cursor:pointer;font-size:11px;opacity:0.5;">批量删除</button>
+                <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" style="max-height:420px;overflow-y:auto;">
+            <div id="judgments-list" class="task-list judgment-list">
               <div class="task-empty">加载中...</div>
             </div>
           </div>
@@ -351,24 +334,30 @@
 
       <div class="messages" id="messages"></div>
 
-      <div id="loop-timeline-panel" hidden
-           style="border-top:1px solid #d1d5db;background:#fafafa;font-family:ui-monospace,monospace;font-size:12px;color:#1f2937;max-height:50vh;overflow-y:auto;padding:8px 12px;">
-        <div id="loop-timeline-header" style="display:flex;align-items:center;gap:8px;padding-bottom:6px;border-bottom:1px solid #e5e7eb;margin-bottom:6px;">
-          <span id="loop-timeline-title" style="font-weight:600;color:#374151;">▸ 运行中</span>
-          <span style="flex:1;"></span>
-          <button id="loop-abort-btn" style="background:none;border:1px solid #dc2626;color:#dc2626;padding:2px 10px;border-radius:3px;cursor:pointer;font-size:11px;">⏹ 终止</button>
-        </div>
-        <div id="loop-timeline-rows"></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">
-            <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+          <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>
@@ -377,6 +366,8 @@
 
   <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>