@bolloon/bolloon-agent 0.4.12 → 0.4.14

package/dist/web/style.css

@@ -4944,3 +4944,119 @@ body:has(> .api-config-page) {
   font-weight: 500;
 }
 
+
+/* ============ 2026-08-14: Agent 网络 (Gateway) UI ============ */
+.gateway-item {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  padding: 6px 10px;
+  cursor: pointer;
+  border-radius: 6px;
+  transition: background 0.15s;
+}
+.gateway-item:hover { background: rgba(196, 214, 64, 0.1); }
+.gateway-item-icon { font-size: 14px; flex-shrink: 0; }
+.gateway-item-main { display: flex; flex-direction: column; min-width: 0; }
+.gateway-item-name { font-size: 12.5px; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
+.gateway-item-sub { font-size: 10.5px; opacity: 0.65; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
+.gateway-item-net .gateway-item-icon { opacity: 0.8; }
+
+/* modal 通用 */
+.gw-modal-overlay {
+  position: fixed; inset: 0; z-index: 10000;
+  background: rgba(0, 0, 0, 0.55);
+  display: flex; align-items: center; justify-content: center;
+  backdrop-filter: blur(2px);
+}
+.gw-modal {
+  position: relative;
+  background: var(--bg, #1a1a18);
+  border: 1px solid rgba(196, 214, 64, 0.35);
+  border-radius: 12px;
+  padding: 18px 20px;
+  max-width: 480px; width: 92%;
+  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.5);
+  color: var(--fg, #d8d8c8);
+}
+.gw-modal-close {
+  position: absolute; top: 10px; right: 12px;
+  cursor: pointer; opacity: 0.6; font-size: 15px;
+  padding: 4px 8px; border-radius: 6px;
+}
+.gw-modal-close:hover { opacity: 1; background: rgba(255, 255, 255, 0.08); }
+
+/* 加入/创建 */
+.gw-join h3 { margin: 0 0 6px; font-size: 15px; color: #c4d640; }
+.gw-hint { font-size: 11.5px; opacity: 0.7; margin: 0 0 12px; }
+.gw-join-input {
+  width: 100%; box-sizing: border-box;
+  background: rgba(255, 255, 255, 0.06);
+  border: 1px solid rgba(255, 255, 255, 0.18);
+  border-radius: 8px; color: inherit;
+  padding: 10px 12px; font-size: 12.5px;
+  font-family: 'JetBrains Mono', monospace;
+}
+.gw-join-input:focus { outline: none; border-color: #c4d640; }
+.gw-join-actions { display: flex; gap: 10px; margin-top: 12px; }
+.gw-join-go, .gw-join-my {
+  padding: 8px 16px; border-radius: 8px; border: none; cursor: pointer;
+  font-size: 12.5px; font-weight: 600;
+  background: #c4d640; color: #1a1a18;
+}
+.gw-join-my { background: rgba(196, 214, 64, 0.15); color: #c4d640; border: 1px solid rgba(196, 214, 64, 0.4); }
+.gw-join-result { margin-top: 12px; font-size: 12px; line-height: 1.5; word-break: break-all; }
+.gw-join-result code {
+  display: block; background: rgba(255, 255, 255, 0.07);
+  padding: 6px 8px; border-radius: 6px; font-size: 11px;
+  word-break: break-all; margin-top: 4px;
+}
+
+/* 群聊 */
+.gw-chat { display: flex; flex-direction: column; height: 420px; max-height: 70vh; }
+.gw-chat-header {
+  display: flex; justify-content: space-between; align-items: center;
+  padding-bottom: 10px; border-bottom: 1px solid rgba(255, 255, 255, 0.12);
+  font-size: 14px;
+}
+.gw-chat-invite {
+  background: rgba(196, 214, 64, 0.15); color: #c4d640;
+  border: 1px solid rgba(196, 214, 64, 0.4);
+  border-radius: 6px; padding: 4px 10px; font-size: 11.5px; cursor: pointer;
+}
+.gw-chat-msgs {
+  flex: 1; overflow-y: auto; padding: 12px 4px;
+  display: flex; flex-direction: column; gap: 10px;
+}
+.gw-msg {
+  max-width: 85%; align-self: flex-start;
+  background: rgba(255, 255, 255, 0.08);
+  border-radius: 10px 10px 10px 3px;
+  padding: 7px 11px;
+}
+.gw-msg-mine {
+  align-self: flex-end;
+  background: rgba(196, 214, 64, 0.18);
+  border-radius: 10px 10px 3px 10px;
+}
+.gw-msg-meta { font-size: 10.5px; opacity: 0.65; margin-bottom: 3px; }
+.gw-msg-text { font-size: 12.5px; line-height: 1.5; word-break: break-word; white-space: pre-wrap; }
+.gw-msg-empty { text-align: center; opacity: 0.5; font-size: 12px; padding: 30px 0; }
+.gw-chat-input-row { display: flex; gap: 8px; padding-top: 10px; border-top: 1px solid rgba(255, 255, 255, 0.12); }
+.gw-chat-input {
+  flex: 1; background: rgba(255, 255, 255, 0.06);
+  border: 1px solid rgba(255, 255, 255, 0.18);
+  border-radius: 8px; color: inherit;
+  padding: 9px 12px; font-size: 12.5px;
+}
+.gw-chat-input:focus { outline: none; border-color: #c4d640; }
+.gw-chat-send {
+  background: #c4d640; color: #1a1a18; border: none;
+  border-radius: 8px; padding: 0 16px; font-size: 12.5px; font-weight: 600; cursor: pointer;
+}
+
+/* 手机端窄屏适配 */
+@media (max-width: 640px) {
+  .gw-modal { max-width: 94%; padding: 14px; }
+  .gw-chat { height: 60vh; }
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bolloon/bolloon-agent",
-  "version": "0.4.12",
+  "version": "0.4.14",
   "type": "module",
   "description": "P2P AI Document Agent - 全局安装后执行 `bolloon` 启动产品",
   "main": "dist/cli-entry.js",
@@ -101,6 +101,7 @@
     "helia": "^7.1.3",
     "ink": "^7.1.1",
     "ink-text-input": "^6.0.0",
+    "js-yaml": "^5.2.3",
     "libp2p": "^3.3.8",
     "mammoth": "^1.12.1",
     "pdf-parse": "^2.4.5",