agent-bridge-abweb 1.0.8 → 1.0.9

package/dist/src-ts/plugins/abweb/index.js

@@ -5,7 +5,7 @@ const node_fs_1 = require("node:fs");
 const node_path_1 = require("node:path");
 const MANIFEST = {
     id: "abweb",
-    version: "1.0.7",
+    version: "1.0.9",
     displayName: "Agent Bridge Web",
     entry: "dist/index.js",
     apiVersion: "1",

package/dist/src-ts/plugins/abweb/public/app.js

@@ -308,6 +308,8 @@
             const status = document.createElement("span");
             status.className = `status status-${plugin.status}`;
             status.textContent = plugin.status;
+            if (plugin.type === "agent")
+                type.textContent += ` · ${{ cli: "CLI", cdp: "CDP" }[plugin.manifest?.executionMode ?? ""] ?? "未声明"}`;
             const dependencies = Object.entries(plugin.manifest?.dependencies ?? {});
             if (dependencies.length) {
                 const detail = document.createElement("small");
@@ -340,6 +342,8 @@
             }
             const controls = document.createElement("td");
             controls.className = "controls";
+            if (plugin.manifest?.executionMode === "cli")
+                controls.append(button("配置", `配置 ${plugin.id}`, () => configureCli(plugin)));
             if (pluginVersions[plugin.id]?.state === "update-available" && plugin.path.includes("node_modules")) {
                 controlsUpgrade(plugin.id);
                 controls.append(button("下载", `下载 ${plugin.id}`, async () => { await request(`/api/plugins/${encodeURIComponent(plugin.id)}/download`, "POST", { packageName: plugin.packageName, version: pluginVersions[plugin.id]?.latestVersion }); await load(); }));
@@ -367,6 +371,36 @@
             pluginsNode.append(row);
         }
     }
+    let configuringCli = "";
+    async function configureCli(plugin) {
+        const config = await request(`/api/plugins/${encodeURIComponent(plugin.id)}/config`);
+        configuringCli = plugin.id;
+        node("#cli-config-title").textContent = `${plugin.displayName} 配置`;
+        node("#cli-config-cwd").value = config.cwd ?? "";
+        node("#cli-config-executable").value = config.executablePath ?? "";
+        node("#cli-config-timeout").value = String(config.timeoutMs ?? 240000);
+        node("#cli-config-error").hidden = true;
+        node("#cli-config-dialog").showModal();
+    }
+    node("#cli-config-cancel").onclick = () => node("#cli-config-dialog").close();
+    node("#cli-config-form").onsubmit = event => {
+        event.preventDefault();
+        const save = node("#cli-config-save");
+        save.disabled = true;
+        void request(`/api/plugins/${encodeURIComponent(configuringCli)}/config`, "PATCH", {
+            cwd: node("#cli-config-cwd").value.trim(),
+            executablePath: node("#cli-config-executable").value.trim(),
+            timeoutMs: Number(node("#cli-config-timeout").value),
+        }).then(() => {
+            node("#cli-config-dialog").close();
+            showResult("CLI 配置已保存", "请启动插件，然后在 Channel 设置中关联 AID。", false);
+            return load(false);
+        }).catch(cause => {
+            const detail = node("#cli-config-error");
+            detail.textContent = String(cause);
+            detail.hidden = false;
+        }).finally(() => { save.disabled = false; });
+    };
     function renderMessages(messages) {
         messagesNode.replaceChildren();
         messagesEmpty.hidden = messages.length > 0;

package/dist/src-ts/plugins/abweb/public/app.ts

@@ -1,5 +1,5 @@
 (() => {
-  type Plugin = { id: string; displayName: string; version: string; status: string; type?: string; capabilities?: string[]; error?: string; path: string; packageName?: string; publisher?: string; trusted?: boolean; autoUpdate?: boolean; dependencyStatus?: string[]; manifest?: { dependencies?: Record<string, string>; managementPage?: string; clientDownloadUrl?: string } };
+  type Plugin = { id: string; displayName: string; version: string; status: string; type?: string; capabilities?: string[]; error?: string; path: string; packageName?: string; publisher?: string; trusted?: boolean; autoUpdate?: boolean; dependencyStatus?: string[]; manifest?: { executionMode?: "cli" | "cdp"; dependencies?: Record<string, string>; managementPage?: string; clientDownloadUrl?: string } };
   const node = <T extends HTMLElement>(selector: string): T => document.querySelector<T>(selector)!;
   const pluginsNode = node<HTMLTableSectionElement>("#plugins");
   const messagesNode = node<HTMLTableSectionElement>("#messages");
@@ -194,6 +194,7 @@
       const version = document.createElement("td"); version.textContent = `v${plugin.version}`;
       const state = document.createElement("td");
       const status = document.createElement("span"); status.className = `status status-${plugin.status}`; status.textContent = plugin.status;
+      if (plugin.type === "agent") type.textContent += ` · ${({ cli: "CLI", cdp: "CDP" } as Record<string, string>)[plugin.manifest?.executionMode ?? ""] ?? "未声明"}`;
       const dependencies = Object.entries(plugin.manifest?.dependencies ?? {});
       if (dependencies.length) { const detail = document.createElement("small"); detail.className = "muted plugin-id"; detail.textContent = `依赖：${dependencies.map(([id, range]) => `${id} ${range}`).join("；")}`; name.append(detail); }
       state.append(status);
@@ -205,6 +206,7 @@
         link.textContent = "下载客户端"; state.append(link);
       }
       const controls = document.createElement("td"); controls.className = "controls";
+      if (plugin.manifest?.executionMode === "cli") controls.append(button("配置", `配置 ${plugin.id}`, () => configureCli(plugin)));
       if (pluginVersions[plugin.id]?.state === "update-available" && plugin.path.includes("node_modules")) { controlsUpgrade(plugin.id); controls.append(button("下载", `下载 ${plugin.id}`, async () => { await request(`/api/plugins/${encodeURIComponent(plugin.id)}/download`, "POST", { packageName: plugin.packageName, version: pluginVersions[plugin.id]?.latestVersion }); await load(); })); }
       for (const [label, action] of [["启动", "start"], ["停止", "stop"], ["重载", "reload"]]) {
         controls.append(button(label, `${label} ${plugin.id}`, async () => { await request(`/api/plugins/${encodeURIComponent(plugin.id)}/${action}`, "POST"); await load(); }));
@@ -217,6 +219,33 @@
     }
     if (!items.length) { const row = document.createElement("tr"); const cell = document.createElement("td"); cell.colSpan = 5; cell.textContent = "暂无插件"; row.append(cell); pluginsNode.append(row); }
   }
+  let configuringCli = "";
+  async function configureCli(plugin: Plugin): Promise<void> {
+    const config = await request(`/api/plugins/${encodeURIComponent(plugin.id)}/config`);
+    configuringCli = plugin.id;
+    node<HTMLElement>("#cli-config-title").textContent = `${plugin.displayName} 配置`;
+    node<HTMLInputElement>("#cli-config-cwd").value = config.cwd ?? "";
+    node<HTMLInputElement>("#cli-config-executable").value = config.executablePath ?? "";
+    node<HTMLInputElement>("#cli-config-timeout").value = String(config.timeoutMs ?? 240000);
+    node<HTMLElement>("#cli-config-error").hidden = true;
+    node<HTMLDialogElement>("#cli-config-dialog").showModal();
+  }
+  node<HTMLButtonElement>("#cli-config-cancel").onclick = () => node<HTMLDialogElement>("#cli-config-dialog").close();
+  node<HTMLFormElement>("#cli-config-form").onsubmit = event => {
+    event.preventDefault();
+    const save = node<HTMLButtonElement>("#cli-config-save"); save.disabled = true;
+    void request(`/api/plugins/${encodeURIComponent(configuringCli)}/config`, "PATCH", {
+      cwd: node<HTMLInputElement>("#cli-config-cwd").value.trim(),
+      executablePath: node<HTMLInputElement>("#cli-config-executable").value.trim(),
+      timeoutMs: Number(node<HTMLInputElement>("#cli-config-timeout").value),
+    }).then(() => {
+      node<HTMLDialogElement>("#cli-config-dialog").close();
+      showResult("CLI 配置已保存", "请启动插件，然后在 Channel 设置中关联 AID。", false);
+      return load(false);
+    }).catch(cause => {
+      const detail = node<HTMLElement>("#cli-config-error"); detail.textContent = String(cause); detail.hidden = false;
+    }).finally(() => { save.disabled = false; });
+  };
   function renderMessages(messages: Array<{ time: string; pluginId: string; direction: "request" | "reply" | "error"; text: string; peer?: string; agentAid?: string }>): void {
     messagesNode.replaceChildren();
     messagesEmpty.hidden = messages.length > 0;

package/dist/src-ts/plugins/abweb/public/index.html

@@ -21,6 +21,16 @@
     <div id="logs-panel" role="tabpanel" aria-labelledby="logs-tab" hidden><section><div class="section-heading"><h2>运行日志</h2><button id="logs-refresh" type="button">刷新日志</button></div><div class="table-scroll"><table><thead><tr><th>时间</th><th>级别</th><th>来源</th><th>消息</th><th>详细字段</th></tr></thead><tbody id="logs"></tbody></table></div><p id="logs-empty" class="muted" hidden>暂无运行日志</p><div class="section-heading"><button id="logs-prev" type="button">上一页</button><span id="logs-page" class="muted">第 1 页</span><button id="logs-next" type="button">下一页</button></div></section></div>
     <p id="error" class="error" role="alert" hidden></p>
   </main>
+  <dialog id="cli-config-dialog" aria-labelledby="cli-config-title">
+    <h2 id="cli-config-title">CLI 配置</h2><p class="muted">沿用后台运行用户的 CLI 登录、默认模型及权限。AID 请在 Channel 设置关联。</p>
+    <form id="cli-config-form">
+      <label for="cli-config-cwd">工作目录（必填，绝对路径）</label><input id="cli-config-cwd" required placeholder="C:\Users\用户名\projects\demo">
+      <label for="cli-config-executable">CLI 程序路径（可选，留空使用 PATH）</label><input id="cli-config-executable" placeholder="例如 C:\Users\用户名\AppData\Roaming\npm\codex.cmd">
+      <label for="cli-config-timeout">任务超时（毫秒）</label><input id="cli-config-timeout" type="number" min="1" max="2147483647" required value="240000">
+      <p id="cli-config-error" class="error" role="alert" hidden></p>
+      <div><button id="cli-config-save" type="submit">保存配置</button><button id="cli-config-cancel" type="button">取消</button></div>
+    </form>
+  </dialog>
   <dialog id="operation-result" aria-labelledby="operation-result-title" aria-describedby="operation-result-message">
     <h2 id="operation-result-title">操作结果</h2><p id="operation-result-message"></p><button id="operation-result-close" type="button" autofocus>确定</button>
   </dialog>

package/dist/src-ts/plugins/abweb/public/style.css

@@ -60,3 +60,6 @@ th:nth-child(1) { width: 145px; } th:nth-child(2) { width: 100px; } th:nth-child
 #operation-result { width: min(520px, calc(100% - 32px)); border: 1px solid #bfc9c5; border-radius: 8px; padding: 24px; }
 #operation-result::backdrop { background: rgb(0 0 0 / 35%); }
 #operation-result-message { white-space: pre-wrap; overflow-wrap: anywhere; margin: 16px 0; }
+
+#cli-config-form { display: grid; min-width: min(70vw, 480px); }
+#cli-config-form input { width: 100%; }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "agent-bridge-abweb",
-  "version": "1.0.8",
+  "version": "1.0.9",
   "description": "agent-bridge 的网页管理插件。",
   "keywords": [
     "mu-agent-bridge-plugin",

package/plugin.json

@@ -1,6 +1,6 @@
 {
   "id": "abweb",
-  "version": "1.0.8",
+  "version": "1.0.9",
   "type": "management",
   "displayName": "Agent Bridge Web",
   "entry": "dist/src-ts/plugins/abweb/index.js",