@bolloon/bolloon-agent 0.1.1 → 0.1.2

package/dist/web/components/p2p/index.js

@@ -1,6 +1,7 @@
 class P2PModalUI {
   modal = null;
   overlay = null;
+  connectedPeers = /* @__PURE__ */ new Map();
   constructor() {
     this.createModal();
   }
@@ -38,22 +39,49 @@ class P2PModalUI {
   }
   async render() {
     if (!this.modal) return;
+    await this.loadConnectionHistory();
     let identityHtml = '<div class="p2p-loading">\u52A0\u8F7D\u4E2D...</div>';
+    let identityData = { name: "\u672A\u77E5", did: "\u672A\u77E5", cid: "\u672A\u77E5" };
     try {
-      const resp = await fetch("/api/identity");
-      const data = await resp.json();
+      const irohResp = await fetch("/api/iroh/init", { method: "POST" });
+      const irohData = await irohResp.json();
+      if (irohData.cid) {
+        identityData = {
+          name: irohData.name || irohData.name?.split("-").slice(-1)[0] || "Bolloon",
+          did: irohData.did || "\u672A\u77E5",
+          cid: irohData.cid || "\u672A\u77E5",
+          nodeId: irohData.irohNodeId ? irohData.irohNodeId.substring(0, 20) + "..." : "\u672A\u77E5"
+        };
+      } else {
+        const resp = await fetch("/api/identity");
+        identityData = await resp.json();
+        identityData.cid = identityData.cid || "\u672A\u521D\u59CB\u5316";
+        identityData.nodeId = identityData.nodeId || "\u672A\u77E5";
+      }
       identityHtml = `
         <div class="p2p-section">
           <h3>\u8EAB\u4EFD\u4FE1\u606F</h3>
           <div class="p2p-info-row">
             <span class="label">\u540D\u79F0:</span>
-            <span class="value">${this.escapeHtml(data.name || "\u672A\u77E5")}</span>
+            <span class="value">${this.escapeHtml(identityData.name || "\u672A\u77E5")}</span>
+          </div>
+          <div class="p2p-info-row">
+            <span class="label">CID:</span>
+            <span class="value mono">${this.escapeHtml(identityData.cid || "\u672A\u77E5")}</span>
           </div>
           <div class="p2p-info-row">
             <span class="label">DID:</span>
-            <span class="value mono">${this.escapeHtml(data.did || "\u672A\u77E5")}</span>
+            <span class="value mono">${this.escapeHtml(identityData.did || "\u672A\u77E5")}</span>
+          </div>
+          <div class="p2p-info-row">
+            <span class="label">Node ID:</span>
+            <span class="value mono">${this.escapeHtml(identityData.nodeId || "\u672A\u77E5")}</span>
+          </div>
+          <div class="p2p-actions">
+            <button class="p2p-btn-secondary" id="p2p-copy-cid-btn">\u590D\u5236 CID</button>
+            <button class="p2p-btn-secondary" id="p2p-copy-did-btn">\u590D\u5236 DID</button>
+            <button class="p2p-btn-secondary" id="p2p-copy-nodeid-btn">\u590D\u5236 Node ID</button>
           </div>
-          <button class="p2p-btn-primary" id="p2p-copy-btn">\u590D\u5236 DID</button>
         </div>
       `;
     } catch {
@@ -82,6 +110,12 @@ class P2PModalUI {
             </div>
             <div id="p2p-connect-result" class="p2p-result"></div>
           </div>
+          <div class="p2p-section">
+            <h3>\u5DF2\u8FDE\u63A5\u7684\u8282\u70B9</h3>
+            <div id="p2p-connected-peers" class="p2p-connected-peers">
+              \u6682\u65E0\u8FDE\u63A5
+            </div>
+          </div>
         </div>
         <div class="p2p-tab-content" data-tab="messages">
           <div class="p2p-section">
@@ -106,11 +140,24 @@ class P2PModalUI {
         if (tabName) this.switchTab(tabName);
       });
     });
-    const copyBtn = this.modal.querySelector("#p2p-copy-btn");
-    copyBtn?.addEventListener("click", async () => {
+    const copyCidBtn = this.modal.querySelector("#p2p-copy-cid-btn");
+    copyCidBtn?.addEventListener("click", async () => {
       try {
-        const resp = await fetch("/api/identity");
-        const data = await resp.json();
+        const irohResp = await fetch("/api/iroh/init", { method: "POST" });
+        const data = await irohResp.json();
+        if (data.cid) {
+          await navigator.clipboard.writeText(data.cid);
+          this.showToast("CID \u5DF2\u590D\u5236\u5230\u526A\u8D34\u677F");
+        }
+      } catch (e) {
+        console.error("\u590D\u5236\u5931\u8D25:", e);
+      }
+    });
+    const copyDidBtn = this.modal.querySelector("#p2p-copy-did-btn");
+    copyDidBtn?.addEventListener("click", async () => {
+      try {
+        const irohResp = await fetch("/api/iroh/init", { method: "POST" });
+        const data = await irohResp.json();
         if (data.did) {
           await navigator.clipboard.writeText(data.did);
           this.showToast("DID \u5DF2\u590D\u5236\u5230\u526A\u8D34\u677F");
@@ -119,6 +166,19 @@ class P2PModalUI {
         console.error("\u590D\u5236\u5931\u8D25:", e);
       }
     });
+    const copyNodeIdBtn = this.modal.querySelector("#p2p-copy-nodeid-btn");
+    copyNodeIdBtn?.addEventListener("click", async () => {
+      try {
+        const irohResp = await fetch("/api/iroh/init", { method: "POST" });
+        const data = await irohResp.json();
+        if (data.irohNodeId) {
+          await navigator.clipboard.writeText(data.irohNodeId);
+          this.showToast("Node ID \u5DF2\u590D\u5236\u5230\u526A\u8D34\u677F");
+        }
+      } catch (e) {
+        console.error("\u590D\u5236\u5931\u8D25:", e);
+      }
+    });
     const connectBtn = this.modal.querySelector("#p2p-connect-btn");
     connectBtn?.addEventListener("click", () => this.handleConnect());
   }
@@ -149,6 +209,23 @@ class P2PModalUI {
       if (data.ok) {
         result.innerHTML = `<div class="p2p-success">\u8FDE\u63A5\u6210\u529F\uFF01\u8282\u70B9: ${this.escapeHtml(data.nodeName || cid.substring(0, 16))}...</div>`;
         result.className = "p2p-result success";
+        input.value = "";
+        try {
+          await fetch("/api/p2p/history", {
+            method: "POST",
+            headers: { "Content-Type": "application/json" },
+            body: JSON.stringify({
+              cid,
+              // 输入的 CID 或 Node ID
+              irohNodeId: data.targetNodeId,
+              did: data.targetNodeId,
+              // 用 Node ID 作为 DID
+              name: data.nodeName || cid.substring(0, 16)
+            })
+          });
+        } catch (e) {
+          console.error("\u4FDD\u5B58\u8FDE\u63A5\u5931\u8D25:", e);
+        }
       } else {
         result.innerHTML = `<div class="p2p-error">${this.escapeHtml(data.error || "\u8FDE\u63A5\u5931\u8D25")}</div>`;
         result.className = "p2p-result error";
@@ -159,6 +236,44 @@ class P2PModalUI {
       result.className = "p2p-result error";
     }
   }
+  async loadConnectionHistory() {
+    try {
+      const resp = await fetch("/api/p2p/history");
+      const history = await resp.json();
+      this.connectedPeers.clear();
+      for (const entry of history) {
+        this.connectedPeers.set(entry.irohNodeId || entry.did, {
+          nodeId: entry.irohNodeId || entry.did,
+          name: entry.name || "Unknown",
+          time: entry.lastConnectedAt || Date.now()
+        });
+      }
+      this.updateConnectedPeersDisplay();
+    } catch (e) {
+      console.error("\u52A0\u8F7D\u8FDE\u63A5\u5386\u53F2\u5931\u8D25:", e);
+    }
+  }
+  updateConnectedPeersDisplay() {
+    const container = document.getElementById("p2p-connected-peers");
+    if (!container) return;
+    if (this.connectedPeers.size === 0) {
+      container.innerHTML = '<div class="p2p-empty">\u6682\u65E0\u8FDE\u63A5</div>';
+      return;
+    }
+    let html = "";
+    for (const [nodeId, info] of this.connectedPeers) {
+      const shortId = nodeId.substring(0, 16) + "...";
+      const time = new Date(info.time).toLocaleTimeString();
+      html += `
+        <div class="p2p-peer-item">
+          <span class="p2p-peer-name">${this.escapeHtml(info.name || shortId)}</span>
+          <span class="p2p-peer-id">${shortId}</span>
+          <span class="p2p-peer-time">${time}</span>
+        </div>
+      `;
+    }
+    container.innerHTML = html;
+  }
   escapeHtml(str) {
     const div = document.createElement("div");
     div.textContent = str;
@@ -348,6 +463,41 @@ style.textContent = `
     color: var(--text-muted, #606058);
   }
   .p2p-error { color: var(--error, #ef4444); }
+  .p2p-connected-peers {
+    background: var(--bg, #1a1a18);
+    border: 1px solid var(--border, #3a3a36);
+    border-radius: 8px;
+    overflow: hidden;
+  }
+  .p2p-connected-peers .p2p-empty {
+    padding: 16px;
+    text-align: center;
+    color: var(--text-muted, #606058);
+    font-size: 14px;
+  }
+  .p2p-peer-item {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    padding: 12px 16px;
+    border-bottom: 1px solid var(--border, #3a3a36);
+  }
+  .p2p-peer-item:last-child { border-bottom: none; }
+  .p2p-peer-name {
+    font-size: 14px;
+    color: var(--text, #d8d8c8);
+    min-width: 80px;
+  }
+  .p2p-peer-id {
+    flex: 1;
+    font-family: 'JetBrains Mono', monospace;
+    font-size: 12px;
+    color: var(--text-secondary, #909088);
+  }
+  .p2p-peer-time {
+    font-size: 12px;
+    color: var(--text-muted, #606058);
+  }
 `;
 document.head.appendChild(style);
 const p2pModal = new P2PModalUI();

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

@@ -157,5 +157,141 @@ export class P2PConnectionManager {
         this.reconnectTimers.clear();
         this.peers.clear();
     }
+    // 从 CID 解析身份
+    async resolveFromCID(cid) {
+        try {
+            const res = await fetch('/api/p2p/resolve-cid', {
+                method: 'POST',
+                headers: { 'Content-Type': 'application/json' },
+                body: JSON.stringify({ cid })
+            });
+            if (res.ok) {
+                const data = await res.json();
+                return {
+                    success: true,
+                    did: data.doc?.id || data.doc?.did,
+                    cid: cid,
+                    name: data.doc?.name,
+                    peerId: data.doc?.peerId
+                };
+            }
+            else {
+                return { success: false, error: 'CID 解析失败' };
+            }
+        }
+        catch (e) {
+            return { success: false, error: e.message };
+        }
+    }
+    // 获取所有持久连接
+    async getPersistentConnections() {
+        try {
+            const res = await fetch('/api/p2p/persistent-connections');
+            if (res.ok) {
+                return await res.json();
+            }
+            return [];
+        }
+        catch {
+            return [];
+        }
+    }
+    // 切换连接状态
+    async toggleConnection(connection, enable) {
+        try {
+            if (enable) {
+                // 建立连接
+                const result = await this.connect(connection.cid);
+                if (result.success) {
+                    await fetch('/api/p2p/connection-status', {
+                        method: 'POST',
+                        headers: { 'Content-Type': 'application/json' },
+                        body: JSON.stringify({
+                            id: connection.id,
+                            status: 'connected',
+                            channelId: connection.channelId
+                        })
+                    });
+                    return true;
+                }
+                return false;
+            }
+            else {
+                // 断开连接
+                if (connection.peerId) {
+                    await this.disconnect(connection.peerId);
+                }
+                await fetch('/api/p2p/connection-status', {
+                    method: 'POST',
+                    headers: { 'Content-Type': 'application/json' },
+                    body: JSON.stringify({
+                        id: connection.id,
+                        status: 'disconnected'
+                    })
+                });
+                return true;
+            }
+        }
+        catch {
+            return false;
+        }
+    }
+    // 连接并创建对话通道
+    async connectAndCreateChannel(input, onProgress) {
+        const parsed = this.parseInput(input);
+        if (parsed.type === 'invalid') {
+            return { success: false, error: parsed.error };
+        }
+        onProgress?.({ stage: 'validating', percent: 10, message: '验证输入格式...' });
+        let cid = '';
+        let did = '';
+        const value = parsed.value;
+        if (parsed.type === 'link' && typeof value !== 'string') {
+            cid = value.cid || '';
+            did = value.did || '';
+        }
+        else if (parsed.type === 'cid' && typeof value === 'string') {
+            cid = value;
+        }
+        else if (parsed.type === 'diapDoc' && typeof value !== 'string') {
+            cid = value.cid || '';
+            did = value.id || value.did || '';
+        }
+        if (!cid) {
+            return { success: false, error: '未找到 CID' };
+        }
+        // 如果没有 DID，从 CID 解析
+        if (!did) {
+            onProgress?.({ stage: 'resolving', percent: 30, message: '从 IPFS 解析身份...' });
+            const resolveResult = await this.resolveFromCID(cid);
+            if (resolveResult.success) {
+                did = resolveResult.did || '';
+                onProgress?.({ stage: 'identity_resolved', percent: 50, message: `身份解析完成: ${resolveResult.name}` });
+            }
+        }
+        // 创建对话通道
+        onProgress?.({ stage: 'creating_channel', percent: 60, message: '创建对话通道...' });
+        try {
+            const channelRes = await fetch('/api/p2p/create-channel', {
+                method: 'POST',
+                headers: { 'Content-Type': 'application/json' },
+                body: JSON.stringify({
+                    peerDid: did,
+                    peerName: did.substring(0, 16),
+                    cid: cid,
+                    peerId: ''
+                })
+            });
+            if (!channelRes.ok) {
+                return { success: false, error: '创建对话通道失败' };
+            }
+        }
+        catch (e) {
+            return { success: false, error: e.message };
+        }
+        // 执行连接
+        onProgress?.({ stage: 'connecting', percent: 80, message: '建立 P2P 连接...' });
+        return this.connect(input, onProgress);
+    }
 }
 export const p2pConnection = new P2PConnectionManager();

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

@@ -72,6 +72,30 @@ export class P2PManager {
         this.connection.destroy();
         this.messages.destroy();
     }
+    // 获取持久连接列表
+    async getPersistentConnections() {
+        return this.connection.getPersistentConnections();
+    }
+    // 更新连接状态
+    async updateConnectionStatus(id, status, channelId) {
+        await fetch('/api/p2p/connection-status', {
+            method: 'POST',
+            headers: { 'Content-Type': 'application/json' },
+            body: JSON.stringify({ id, status, channelId })
+        });
+    }
+    // 切换连接状态
+    async toggleConnection(connection, enable) {
+        return this.connection.toggleConnection(connection, enable);
+    }
+    // CID 解析
+    async resolveFromCID(cid) {
+        return this.connection.resolveFromCID(cid);
+    }
+    // 连接并创建对话通道
+    async connectAndCreateChannel(input, onProgress) {
+        return this.connection.connectAndCreateChannel(input, onProgress);
+    }
 }
 // 全局单例
 export const p2pManager = new P2PManager();

package/dist/web/components/p2p/p2p-store-memory.js

@@ -17,7 +17,7 @@ export class P2PStoreMemory {
     };
     // ==================== 连接历史 ====================
     async addToHistory(entry) {
-        const existingIndex = this.history.findIndex(h => h.did === entry.did);
+        const existingIndex = this.history.findIndex(h => h.cid === entry.cid);
         if (existingIndex >= 0) {
             this.history[existingIndex] = {
                 ...this.history[existingIndex],

package/dist/web/components/p2p/types.js

@@ -21,3 +21,10 @@ export var MessageStatus;
     MessageStatus["FAILED"] = "failed";
     MessageStatus["QUEUED"] = "queued";
 })(MessageStatus || (MessageStatus = {}));
+// 持久连接状态
+export var PersistentConnectionStatus;
+(function (PersistentConnectionStatus) {
+    PersistentConnectionStatus["CONNECTED"] = "connected";
+    PersistentConnectionStatus["DISCONNECTED"] = "disconnected";
+    PersistentConnectionStatus["RECONNECTING"] = "reconnecting";
+})(PersistentConnectionStatus || (PersistentConnectionStatus = {}));

package/dist/web/index.html

@@ -61,6 +61,11 @@
           <h1 id="channel-name">Bolloon Agent</h1>
         </div>
         <div class="header-right">
+          <button id="new-session-btn" class="header-action" title="新会话">
+            <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+              <path d="M12 5v14M5 12h14"></path>
+            </svg>
+          </button>
           <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>

package/dist/web/style.css

@@ -594,6 +594,21 @@ body {
   border-radius: 3px;
 }
 
+/* Channel messages container */
+.channel-messages {
+  display: none;
+  flex: 1;
+  overflow-y: auto;
+  padding: 24px;
+  flex-direction: column;
+  gap: 20px;
+}
+
+.channel-messages.active,
+.channel-messages:not([style*="display: none"]) {
+  display: flex;
+}
+
 .message {
   display: flex;
   flex-direction: column;
@@ -3231,6 +3246,109 @@ body {
   cursor: pointer;
 }
 
+/* Persistent Peers Section */
+.persistent-peers-section {
+  margin: 16px 0;
+  padding: 12px;
+  background: var(--bg-secondary);
+  border: 1px solid var(--border);
+  border-radius: var(--radius);
+}
+
+.persistent-peers-section h4 {
+  margin-bottom: 12px;
+  font-size: 14px;
+  color: var(--text);
+}
+
+.persistent-peer-item {
+  display: flex;
+  align-items: center;
+  gap: 12px;
+  padding: 12px;
+  border: 1px solid var(--border);
+  border-radius: 8px;
+  margin-bottom: 8px;
+  background: var(--bg-primary);
+  transition: var(--transition);
+}
+
+.persistent-peer-item:last-child {
+  margin-bottom: 0;
+}
+
+.persistent-peer-item.connected {
+  border-color: var(--success);
+  background: rgba(76, 175, 80, 0.05);
+}
+
+.persistent-peer-item.disconnected {
+  opacity: 0.8;
+}
+
+.persistent-peer-item.reconnecting {
+  border-color: var(--warning);
+  animation: pulse 2s infinite;
+}
+
+@keyframes pulse {
+  0%, 100% { opacity: 1; }
+  50% { opacity: 0.6; }
+}
+
+.peer-status-indicator {
+  flex-shrink: 0;
+}
+
+.peer-status-indicator .dot {
+  display: block;
+  width: 10px;
+  height: 10px;
+  border-radius: 50%;
+}
+
+.peer-status-indicator .dot.online {
+  background: var(--success);
+  box-shadow: 0 0 6px var(--success);
+}
+
+.peer-status-indicator .dot.offline {
+  background: var(--text-muted);
+}
+
+.auto-badge {
+  display: inline-block;
+  padding: 2px 6px;
+  font-size: 10px;
+  background: var(--accent);
+  color: var(--bg-primary);
+  border-radius: 4px;
+  margin-left: 6px;
+}
+
+.peer-info .peer-name {
+  display: flex;
+  align-items: center;
+  font-weight: 500;
+}
+
+.peer-info .peer-meta {
+  font-size: 12px;
+  color: var(--text-secondary);
+  display: flex;
+  gap: 12px;
+  margin-top: 4px;
+}
+
+.btn-danger {
+  background: var(--error);
+  color: white;
+}
+
+.btn-danger:hover {
+  background: #c62828;
+}
+
 /* Modal Small */
 .modal-sm {
   max-width: 300px !important;

package/package.json

@@ -1,15 +1,20 @@
 {
   "name": "@bolloon/bolloon-agent",
-  "version": "0.1.1",
+  "version": "0.1.2",
   "type": "module",
-  "description": "P2P AI Document Agent with libp2p",
-  "main": "dist/index.js",
+  "description": "P2P AI Document Agent - 全局安装后执行 `bolloon` 启动产品",
+  "main": "dist/cli.js",
   "author": "Bolloon Team",
+  "bin": {
+    "bolloon": "./bin/bolloon-cli.cjs"
+  },
   "scripts": {
     "build": "npm run build --workspaces --if-present",
     "build:main": "tsc",
+    "build:cli": "node scripts/build-cli.js",
     "build:web": "npx tsx scripts/build-web.ts",
     "build:electron": "tsc -p tsconfig.electron.json",
+    "build:all": "npm run build:main && npm run build:web && npm run build:electron && npm run build:cli",
     "start": "node dist/index.js",
     "dev": "tsx -r dotenv/config src/index.ts",
     "dev:web": "npm run build:web && npm run dev",
@@ -20,7 +25,8 @@
     "electron:pack": "electron-builder --dir",
     "test": "vitest run",
     "test:watch": "vitest",
-    "test:pi-sdk": "tsx src/test/pi-sdk.test.ts"
+    "test:pi-sdk": "tsx src/test/pi-sdk.test.ts",
+    "postinstall": "node scripts/postinstall.js"
   },
   "workspaces": [
     "src/constraint-runtime"
@@ -73,11 +79,11 @@
     },
     "files": [
       "dist/**/*",
-      "src/electron-main.js",
+      "bin/**/*",
       "package.json"
     ],
     "extraMetadata": {
-      "main": "src/electron-main.js",
+      "main": "dist/electron.js",
       "type": "commonjs"
     },
     "win": {