mu-agent-bridge 1.0.3 → 1.0.4

package/dist/src-ts/plugin-manager.js

@@ -84,7 +84,7 @@ class PluginManager {
         try {
             const spec = version ? `${packageName}@${version}` : packageName;
             if (process.platform === "win32")
-                await execFileAsync(process.env.ComSpec ?? "cmd.exe", ["/d", "/s", "/c", `npm install --prefix "${staging}" --no-save --ignore-scripts ${spec}`]);
+                await execFileAsync("npm.cmd", ["install", "--prefix", staging, "--no-save", "--ignore-scripts", spec]);
             else
                 await execFileAsync("npm", ["install", "--prefix", staging, "--no-save", "--ignore-scripts", spec]);
             const candidate = (0, node_path_1.join)(staging, "node_modules", packageName);
@@ -141,7 +141,7 @@ class PluginManager {
         await (0, promises_1.mkdir)(prefix, { recursive: true });
         try {
             if (process.platform === "win32")
-                await execFileAsync(process.env.ComSpec ?? "cmd.exe", ["/d", "/s", "/c", `npm install --prefix "${prefix}" --no-save --ignore-scripts ${packageName}`]);
+                await execFileAsync("npm.cmd", ["install", "--prefix", prefix, "--no-save", "--ignore-scripts", packageName]);
             else
                 await execFileAsync("npm", ["install", "--prefix", prefix, "--no-save", "--ignore-scripts", packageName]);
             const directory = (0, node_path_1.join)(prefix, "node_modules", name);

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

@@ -6,7 +6,6 @@
     const errorNode = node("#error");
     const tokenNode = node("#token");
     const pairCodeNode = node("#pair-code");
-    const packageNode = node("#package-name");
     const packageSearchNode = node("#package-search");
     const catalogNode = node("#catalog");
     const pluginPathNode = node("#plugin-path");
@@ -18,19 +17,58 @@
     let plugins = [];
     let pluginConfigs = {};
     let pluginVersions = {};
+    const installingPackages = new Set();
     function error(message) { errorNode.textContent = message; errorNode.hidden = !message; }
     async function loadCatalog() {
         const result = await request(`/api/plugins/catalog?q=${encodeURIComponent(packageSearchNode.value.trim())}`);
         const items = result.plugins ?? [];
-        packageNode.replaceChildren(...[["Agent", "agent"], ["Channel", "channel"], ["管理", "management"]].flatMap(([label, type]) => {
-            const group = document.createElement("optgroup");
-            group.label = label;
-            group.append(...items.filter((item) => item.type === type).map((item) => new Option(`${item.name} · v${item.version}`, item.name)));
-            return group.children.length ? [group] : [];
-        }));
-        catalogNode.replaceChildren(...items.map((plugin) => { const item = document.createElement("div"); item.className = "catalog-row"; item.textContent = `${plugin.type} · ${plugin.name} · ${plugin.description || "无描述"}`; return item; }));
-        if (!(result.plugins ?? []).length)
+        catalogNode.replaceChildren();
+        if (!items.length) {
             catalogNode.textContent = "未找到已声明类型的 npm 插件";
+            return;
+        }
+        const typeNames = { agent: "Agent", channel: "通道", management: "管理" };
+        const table = document.createElement("table");
+        table.className = "catalog-table";
+        const head = document.createElement("thead");
+        const headRow = document.createElement("tr");
+        for (const label of ["名称", "版本", "类型", "描述", "操作"]) {
+            const cell = document.createElement("th");
+            cell.scope = "col";
+            cell.textContent = label;
+            headRow.append(cell);
+        }
+        head.append(headRow);
+        const body = document.createElement("tbody");
+        for (const plugin of items) {
+            const row = document.createElement("tr");
+            for (const value of [plugin.name, `v${plugin.version}`, typeNames[plugin.type] ?? plugin.type, plugin.description || "无描述"]) {
+                const cell = document.createElement("td");
+                cell.textContent = value;
+                row.append(cell);
+            }
+            const actionCell = document.createElement("td");
+            const install = document.createElement("button");
+            install.type = "button";
+            install.className = "catalog-action";
+            install.title = `安装 ${plugin.name}`;
+            install.disabled = installingPackages.has(plugin.name);
+            install.textContent = install.disabled ? "安装中…" : "安装";
+            install.onclick = () => {
+                installingPackages.add(plugin.name);
+                install.disabled = true;
+                install.textContent = "安装中…";
+                void request("/api/plugins/install", "POST", { packageName: plugin.name }).then(async () => { await load(); await loadCatalog(); }).catch((cause) => error(String(cause))).finally(() => { installingPackages.delete(plugin.name); if (install.isConnected) {
+                    install.disabled = false;
+                    install.textContent = "安装";
+                } });
+            };
+            actionCell.append(install);
+            row.append(actionCell);
+            body.append(row);
+        }
+        table.append(head, body);
+        catalogNode.append(table);
     }
     async function request(path, method = "GET", body) {
         const response = await fetch(path, { method, headers: {
@@ -209,17 +247,6 @@
             return load();
         }).catch((cause) => error(String(cause)));
     };
-    node("#install-package").onclick = () => {
-        if (!packageNode.value)
-            return error("请先选择插件");
-        void request("/api/plugins/install", "POST", { packageName: packageNode.value })
-            .then(() => load()).catch((cause) => error(String(cause)));
-    };
-    node("#install-name-form").onsubmit = (event) => {
-        event.preventDefault();
-        const packageName = node("#manual-package-name").value.trim();
-        void request("/api/plugins/install", "POST", { packageName }).then(() => load()).catch((cause) => error(String(cause)));
-    };
     node("#search-packages").onclick = () => void loadCatalog().catch((cause) => error(String(cause)));
     packageSearchNode.onkeydown = (event) => { if (event.key === "Enter")
         void loadCatalog().catch((cause) => error(String(cause))); };

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

@@ -13,7 +13,7 @@
     <nav class="tabs" role="tablist" aria-label="管理视图"><button id="settings-tab" type="button" role="tab" aria-selected="true" aria-controls="settings-panel">插件设置</button><button id="messages-tab" type="button" role="tab" aria-selected="false" aria-controls="messages-panel">通信记录</button></nav>
     <div id="settings-panel" role="tabpanel" aria-labelledby="settings-tab">
     <section><div class="section-heading"><h2>版本管理</h2><button id="check-versions" type="button">检查更新</button></div><div id="versions" class="muted"></div></section>
-    <section><div class="section-heading"><h2>插件</h2><select id="plugin-picker" aria-label="选择插件"></select></div><div id="plugins" class="plugins"></div><div class="plugin-catalog"><div class="section-heading"><h3>npm 插件目录</h3><button id="search-packages" type="button">刷新目录</button></div><input id="package-search" placeholder="搜索插件名称或功能" aria-label="搜索 npm 插件"><select id="package-name" aria-label="选择 npm 插件"></select><button id="install-package" type="button">安装选中插件</button><form id="install-name-form"><input id="manual-package-name" required pattern="agent-bridge-[a-z0-9-]+" placeholder="输入 npm 包名，例如 agent-bridge-workbuddy" aria-label="直接输入 npm 包名"><button type="submit">按包名安装</button></form><div id="catalog" class="catalog"></div></div><form id="install-local-form"><input id="plugin-path" required placeholder="Windows 上的插件目录路径" aria-label="本地插件目录"><button type="submit">安装本地插件</button></form></section>
+    <section><div class="section-heading"><h2>插件</h2><select id="plugin-picker" aria-label="选择插件"></select></div><div id="plugins" class="plugins"></div><div class="plugin-catalog"><div class="section-heading"><h3>npm 插件目录</h3><button id="search-packages" type="button">刷新目录</button></div><input id="package-search" placeholder="搜索插件名称或功能" aria-label="搜索 npm 插件"><div id="catalog" class="catalog" aria-live="polite"></div></div><form id="install-local-form"><input id="plugin-path" required placeholder="Windows 上的插件目录路径" aria-label="本地插件目录"><button type="submit">安装本地插件</button></form></section>
     <section><div class="section-heading"><h2>已连接 AID</h2><span id="aid-count" class="muted"></span></div><div id="aids" class="aid-list"></div><form id="create-aid-form"><input id="new-aid" required placeholder="新 AID，例如 new.agentid.cn" aria-label="新 AID"><input id="owner-aid" required placeholder="owner AID" aria-label="owner AID"><button type="submit">创建 AID</button></form><p id="aid-result" class="muted" role="status"></p><p class="muted">在插件列表中选择插件，再用“关联 AID”下拉框保存对应身份。</p></section>
     </div>
     <div id="messages-panel" role="tabpanel" aria-labelledby="messages-tab" hidden><section><div class="section-heading"><h2>最近通信</h2></div><div class="table-scroll"><table><thead><tr><th scope="col">时间</th><th scope="col">插件</th><th scope="col">接收 AID</th><th scope="col">来源 Peer</th><th scope="col">方向</th><th scope="col">消息</th><th scope="col">错误</th></tr></thead><tbody id="messages"></tbody></table></div><p id="messages-empty" class="muted" hidden>暂无通信记录</p></section></div>

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

@@ -32,8 +32,14 @@ form { margin-top: 14px; flex-wrap: wrap; }
 .plugin-catalog { border-top: 1px solid #e0e5e2; margin-top: 18px; padding-top: 14px; }
 .plugin-catalog h3 { font-size: 14px; margin: 0; }
 .plugin-catalog input { width: min(100%, 420px); margin: 10px 0; }
-.catalog { margin-top: 10px; }
-.catalog-row { padding: 7px 0; color: #566761; font-size: 13px; border-bottom: 1px solid #edf1ef; }
+.catalog { overflow-x: auto; margin-top: 10px; }
+.catalog-table { width: 100%; min-width: 680px; border-collapse: collapse; font-size: 13px; }
+.catalog-table th, .catalog-table td { padding: 9px 8px; text-align: left; vertical-align: top; border-bottom: 1px solid #dce3df; overflow-wrap: anywhere; }
+.catalog-table th { color: #566761; font-weight: 600; background: #edf1ef; }
+.catalog-table th:nth-child(1) { width: 210px; } .catalog-table th:nth-child(2) { width: 100px; } .catalog-table th:nth-child(3) { width: 90px; } .catalog-table th:nth-child(5) { width: 88px; }
+.catalog-action { min-height: 30px; padding: 4px 10px; }
+.catalog-action:disabled { cursor: wait; opacity: .65; }
+.catalog:empty { color: #566761; font-size: 13px; }
 .plugin-catalog form { margin-top: 8px; }
 .muted { color: #65736e; font-size: 13px; }
 .status { font-size: 12px; padding: 3px 7px; background: #e7ebea; border-radius: 4px; }

package/dist/tests-ts/abweb-plugin.test.js

@@ -49,6 +49,8 @@ function createContext(config = {}) {
     strict_1.default.match(String(response.body), /插件设置/);
     strict_1.default.match(String(response.body), /通信记录/);
     strict_1.default.match(String(response.body), /<th scope="col">来源 Peer<\/th>/);
+    strict_1.default.match(String(response.body), /id="catalog" class="catalog" aria-live="polite"/);
+    strict_1.default.doesNotMatch(String(response.body), /id="package-name"/);
     strict_1.default.equal(response.headers["content-type"], "text/html; charset=utf-8");
 });
 (0, node_test_1.default)("abweb returns 404 for unknown static assets", async () => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "mu-agent-bridge",
-  "version": "1.0.3",
+  "version": "1.0.4",
   "description": "将 AUN Agent 连接到本地桌面 AI 客户端的插件平台。",
   "main": "dist/src-ts/cli.js",
   "bin": { "mab": "dist/src-ts/cli.js", "agent-bridge": "dist/src-ts/cli.js" },