@baize-ai/core 0.2.0 → 0.3.0

package/skills/web-console/public/index.html

@@ -35,6 +35,7 @@
         <button type="button" class="app-nav-item" id="nav-chat">聊天</button>
         <button type="button" class="app-nav-item" id="nav-model">模型设置</button>
         <button type="button" class="app-nav-item" id="nav-channels">渠道设置</button>
+        <button type="button" class="app-nav-item" id="nav-a2a">A2A 互联</button>
       </nav>
       <div class="header-right">
         <div class="status" id="status">
@@ -252,6 +253,131 @@
 
 
 
+      </div>
+    </main>
+
+    <!-- A2A View (Agent-to-Agent) -->
+    <main class="settings-view" id="a2a-view" hidden>
+      <div class="settings-container">
+
+        <!-- Section: install + mode + config + health (D25 U3) -->
+        <section class="settings-section">
+          <div class="settings-section-head">
+            <h2>A2A 智能体互联</h2>
+            <p>Agent-to-Agent：模块安装、运行模式（单机/集群）、peer 目录、任务看板与消息记录。数据由本机 baize-a2a 组件提供。</p>
+          </div>
+          <div class="settings-grid">
+            <div class="settings-card">
+              <div class="card-title">模块安装 <span class="channel-state" id="a2a-install-state"></span></div>
+              <div class="cred-state" id="a2a-install-status" role="status" aria-live="polite">加载中...</div>
+              <form id="form-a2a-install" class="settings-form">
+                <input type="file" id="a2a-install-file" accept=".tgz,.tar.gz,.zip" aria-label="选择 baize-a2a 模块包">
+                <button type="submit" class="btn btn-primary" id="btn-a2a-install">上传安装</button>
+              </form>
+              <div class="cred-state" id="a2a-install-feedback" role="status" aria-live="polite"></div>
+            </div>
+            <div class="settings-card">
+              <div class="card-title">运行模式 <span class="channel-state" id="a2a-mode-state"></span></div>
+              <div class="cred-state" id="a2a-mode-badge" role="status" aria-live="polite">加载中...</div>
+              <div class="admin-actions">
+                <button type="button" class="btn btn-primary" id="btn-a2a-switch-mode" disabled>切换集群模式</button>
+              </div>
+              <div class="cred-state" id="a2a-mode-feedback" role="status" aria-live="polite"></div>
+            </div>
+            <div class="settings-card">
+              <div class="card-title">连接配置 <span class="channel-state" id="a2a-config-state"></span></div>
+              <form id="form-a2a-config" class="settings-form settings-form-stack">
+                <input type="text" id="a2a-config-admin-url" placeholder="Admin 服务地址（如 https://admin.example.com）" autocomplete="off" spellcheck="false" aria-label="Admin 服务地址">
+                <input type="text" id="a2a-config-advertise-url" placeholder="对外宣告地址（如 https://a2a.example.com）" autocomplete="off" spellcheck="false" aria-label="对外宣告地址">
+                <button type="submit" class="btn btn-primary">保存配置</button>
+              </form>
+              <div class="cred-state" id="a2a-config-feedback" role="status" aria-live="polite"></div>
+            </div>
+            <div class="settings-card">
+              <div class="card-title">健康状态 <span class="channel-state" id="a2a-health-state"></span></div>
+              <div class="cred-state" id="a2a-health" role="status" aria-live="polite">加载中...</div>
+            </div>
+          </div>
+          <div class="settings-card">
+            <div class="card-title">身份与注册状态 <span class="channel-state" id="a2a-status-state"></span></div>
+            <div class="cred-state" id="a2a-status" role="status" aria-live="polite">加载中...</div>
+            <div class="card-title" style="margin-top: var(--s-3);">Agent 名片 <span class="channel-state" id="a2a-card-state"></span></div>
+            <div class="cred-state" id="a2a-card" role="status" aria-live="polite">名片加载中...</div>
+            <div class="card-title" style="margin-top: var(--s-3);">调用授权 <span class="channel-state" id="a2a-authz-state"></span></div>
+            <div class="cred-state" id="a2a-authz" role="status" aria-live="polite">授权策略加载中...</div>
+            <div class="admin-actions">
+              <button type="button" class="btn btn-outline" id="btn-a2a-edit-card">编辑名片</button>
+            </div>
+          </div>
+        </section>
+
+        <!-- Section: peer directory + search -->
+        <section class="settings-section">
+          <div class="settings-section-head">
+            <h2>Peer 目录</h2>
+            <p>已缓存的可达 agent；可在 admin Directory 中搜索更多。</p>
+          </div>
+          <div class="settings-card">
+            <div class="card-title">Peers <span class="channel-state" id="a2a-peers-state"></span></div>
+            <div id="a2a-peers" role="list" aria-live="polite">加载中...</div>
+            <form id="form-a2a-search" class="settings-form">
+              <input type="text" id="a2a-search-query" placeholder="在 Directory 中搜索 agent（如 doccraft）" autocomplete="off" spellcheck="false" aria-label="搜索 agent">
+              <button type="submit" class="btn btn-outline">搜索</button>
+            </form>
+            <div class="cred-state" id="a2a-search-results" role="status" aria-live="polite"></div>
+          </div>
+        </section>
+
+        <!-- Section: task board -->
+        <section class="settings-section">
+          <div class="settings-section-head">
+            <h2>任务看板</h2>
+            <p>本机 A2A 任务（task_runs，source=a2a）状态一览。</p>
+          </div>
+          <div class="settings-card">
+            <div class="card-title">Tasks <span class="channel-state" id="a2a-tasks-state"></span></div>
+            <div id="a2a-tasks" aria-live="polite">加载中...</div>
+          </div>
+        </section>
+
+        <!-- Section: message log -->
+        <section class="settings-section">
+          <div class="settings-section-head">
+            <h2>消息记录</h2>
+            <p>本机 A2A inbox / outbox 最近消息。</p>
+          </div>
+          <div class="settings-card">
+            <div class="card-title">Messages <span class="channel-state" id="a2a-messages-state"></span></div>
+            <div id="a2a-messages" aria-live="polite">加载中...</div>
+          </div>
+        </section>
+
+        <!-- Section: delegation -->
+        <section class="settings-section">
+          <div class="settings-section-head">
+            <h2>委托</h2>
+            <p>向 peer 发送消息或派发任务。</p>
+          </div>
+          <div class="settings-card">
+            <div class="card-title">发送消息</div>
+            <form id="form-a2a-send" class="settings-form settings-form-stack">
+              <input type="text" id="a2a-send-peer" placeholder="peer agent ID" autocomplete="off" spellcheck="false" aria-label="peer agent ID">
+              <textarea id="a2a-send-text" placeholder="消息内容" rows="2" aria-label="消息内容"></textarea>
+              <button type="submit" class="btn btn-primary">发送</button>
+            </form>
+          </div>
+          <div class="settings-card">
+            <div class="card-title">派发任务</div>
+            <form id="form-a2a-task" class="settings-form settings-form-stack">
+              <input type="text" id="a2a-task-peer" placeholder="peer agent ID" autocomplete="off" spellcheck="false" aria-label="peer agent ID">
+              <input type="text" id="a2a-task-skill" placeholder="skill ID（可选）" autocomplete="off" spellcheck="false" aria-label="skill ID">
+              <textarea id="a2a-task-instruction" placeholder="指令" rows="2" aria-label="指令"></textarea>
+              <label class="remember-me"><input type="checkbox" id="a2a-task-async"> 异步派发（立即返回 taskId）</label>
+              <button type="submit" class="btn btn-primary">派发任务</button>
+            </form>
+          </div>
+        </section>
+
       </div>
     </main>
   </div>

package/skills/web-console/public/styles.css

@@ -717,6 +717,32 @@ input, textarea { font-family: inherit; color: inherit; }
 .channel-state.ok { color: var(--success-green); }
 .channel-state.warn { color: var(--warning); }
 
+/* ── D25 U3: A2A mode card / install / config / health ───────── */
+.a2a-mode-badge {
+  display: inline-block;
+  padding: 3px 12px;
+  border-radius: var(--r-full);
+  background: var(--bg-hover);
+  border: 1px solid var(--border-strong);
+  color: var(--text-secondary);
+  font-size: var(--fs-sm);
+  font-weight: 600;
+  white-space: nowrap;
+}
+.a2a-mode-badge.ok {
+  background: var(--success-green-soft);
+  border-color: rgba(87, 201, 135, 0.4);
+  color: var(--success-green);
+}
+.a2a-mode-badge.err {
+  background: rgba(239, 106, 106, 0.12);
+  border-color: rgba(239, 106, 106, 0.4);
+  color: var(--danger);
+}
+.a2a-mode-detail { font-size: var(--fs-sm); color: var(--text-secondary); }
+.a2a-feedback-ok { color: var(--success-green); }
+.a2a-feedback-error { color: var(--danger); }
+
 /* Official channel catalogue */
 .channel-item {
   display: flex; align-items: center; justify-content: space-between; gap: var(--s-4);
@@ -738,3 +764,107 @@ input, textarea { font-family: inherit; color: inherit; }
 }
 .btn-danger { color: var(--danger); border-color: rgba(239, 106, 106, 0.4); }
 .btn-danger:hover { background: rgba(239, 106, 106, 0.12); }
+
+/* ── Agent card editor modal (D21) ───────────────────────────── */
+.agent-card-modal-overlay {
+  position: fixed; inset: 0; z-index: 1000;
+  background: rgba(8, 12, 16, 0.6);
+  display: flex; align-items: center; justify-content: center;
+  padding: var(--s-4);
+}
+.agent-card-modal {
+  background: var(--bg-surface);
+  border: 1px solid var(--border-strong);
+  border-radius: var(--r-lg);
+  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5);
+  width: min(640px, 100%);
+  max-height: 85vh;
+  display: flex; flex-direction: column;
+}
+.agent-card-modal-head {
+  display: flex; align-items: center; justify-content: space-between;
+  padding: var(--s-4) var(--s-5); border-bottom: 1px solid var(--border);
+}
+.agent-card-modal-head .card-title { margin-bottom: 0; }
+.agent-card-modal-close {
+  background: transparent; border: none; color: var(--text-secondary);
+  font-size: 22px; line-height: 1; cursor: pointer; padding: 2px 6px;
+  border-radius: var(--r-sm);
+}
+.agent-card-modal-close:hover { background: var(--bg-hover); color: var(--text-primary); }
+.agent-card-modal-body { padding: var(--s-4) var(--s-5); overflow-y: auto; display: flex; flex-direction: column; gap: var(--s-2); }
+.agent-card-field-label {
+  font-size: var(--fs-xs); color: var(--text-secondary);
+  margin-top: var(--s-2); display: flex; align-items: center; gap: var(--s-2);
+}
+.agent-card-input {
+  width: 100%; padding: 9px 12px;
+  border: 1px solid var(--border-strong); border-radius: var(--r-md);
+  background: var(--bg-input); color: var(--text-primary);
+  font-size: var(--fs-sm); outline: none; box-sizing: border-box;
+  transition: border-color 0.15s, box-shadow 0.15s;
+}
+.agent-card-input:focus { border-color: var(--accent); box-shadow: 0 0 0 3px var(--accent-soft); }
+.agent-card-textarea { resize: vertical; min-height: 64px; font-family: inherit; }
+.agent-card-selected-count { font-size: var(--fs-xs); color: var(--accent); }
+.agent-card-skill-list {
+  border: 1px solid var(--border); border-radius: var(--r-md);
+  max-height: 260px; overflow-y: auto; padding: var(--s-1);
+  display: flex; flex-direction: column; gap: 2px;
+}
+.agent-card-skill-row {
+  display: flex; align-items: center; justify-content: space-between; gap: var(--s-3);
+  padding: 8px 10px; border-radius: var(--r-md); cursor: pointer;
+  border: 1px solid transparent;
+}
+.agent-card-skill-row:hover { background: var(--bg-hover); }
+.agent-card-skill-row.selected { background: var(--accent-soft); border-color: rgba(77, 217, 208, 0.35); }
+.agent-card-skill-main { min-width: 0; }
+.agent-card-skill-title { display: flex; align-items: center; gap: var(--s-2); margin-bottom: 2px; }
+.agent-card-skill-id { font-size: 11px; color: var(--text-muted); }
+.agent-card-skill-row .conn-block-desc { margin-bottom: 0; }
+.agent-card-skill-check { color: var(--accent); font-weight: 700; flex-shrink: 0; }
+.agent-card-modal-foot {
+  display: flex; justify-content: flex-end; gap: var(--s-2);
+  padding: var(--s-3) var(--s-5); border-top: 1px solid var(--border);
+}
+
+/* Agent card editor tabs (D22 单元 C) */
+.agent-card-modal-tabs {
+  display: flex; gap: var(--s-1);
+  padding: var(--s-2) var(--s-5) 0;
+  border-bottom: 1px solid var(--border);
+}
+.agent-card-tab {
+  background: transparent; border: none;
+  border-bottom: 2px solid transparent;
+  color: var(--text-secondary);
+  font-size: var(--fs-sm);
+  padding: var(--s-2) var(--s-3);
+  cursor: pointer;
+  margin-bottom: -1px;
+}
+.agent-card-tab:hover { color: var(--text-primary); }
+.agent-card-tab.active { color: var(--accent); border-bottom-color: var(--accent); font-weight: 600; }
+
+/* Call authorization tab */
+.authz-mode-row { display: flex; gap: var(--s-4); padding: var(--s-1) 0; }
+.authz-mode-option { display: flex; align-items: center; gap: 6px; font-size: var(--fs-sm); cursor: pointer; }
+.authz-tags { display: flex; flex-wrap: wrap; gap: var(--s-2); min-height: 28px; }
+.authz-tag {
+  display: inline-flex; align-items: center; gap: 6px;
+  background: var(--bg-hover);
+  border: 1px solid var(--border);
+  border-radius: var(--r-full);
+  padding: 3px 8px 3px 10px;
+  font-size: var(--fs-xs);
+  max-width: 100%;
+}
+.authz-tag-x {
+  background: transparent; border: none; cursor: pointer;
+  color: var(--text-secondary); font-size: 14px; line-height: 1;
+  padding: 0 2px; border-radius: 50%;
+}
+.authz-tag-x:hover { color: var(--danger); }
+.authz-add-row { display: flex; gap: var(--s-2); }
+.authz-add-row .agent-card-input { flex: 1; }