mu-agent-bridge 1.0.4 → 1.0.5

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

@@ -41,6 +41,9 @@
         head.append(headRow);
         const body = document.createElement("tbody");
         for (const plugin of items) {
+            const installed = plugins.find((item) => item.id === plugin.name.replace(/^agent-bridge-/, ""));
+            const versionStatus = installed ? pluginVersions[installed.id] : undefined;
+            const isUpgrade = Boolean(installed && versionStatus?.packageName === plugin.name && newerVersion(plugin.version, installed.version));
             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");
@@ -48,21 +51,23 @@
                 row.append(cell);
             }
             const actionCell = document.createElement("td");
+            const action = isUpgrade ? "升级" : installed ? "已安装" : "安装";
             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 = "安装";
-                } });
-            };
+            install.title = `${action} ${plugin.name}`;
+            install.textContent = installingPackages.has(plugin.name) ? "处理中…" : action;
+            install.disabled = Boolean(installed && !isUpgrade) || installingPackages.has(plugin.name);
+            if (!install.disabled)
+                install.onclick = () => {
+                    installingPackages.add(plugin.name);
+                    install.disabled = true;
+                    install.textContent = isUpgrade ? "升级中…" : "安装中…";
+                    void (isUpgrade ? request(`/api/plugins/${encodeURIComponent(installed.id)}/update`, "POST", { packageName: plugin.name, version: plugin.version }) : request("/api/plugins/install", "POST", { packageName: plugin.name })).then(() => load()).catch((cause) => error(String(cause))).finally(() => { installingPackages.delete(plugin.name); if (install.isConnected) {
+                        install.disabled = false;
+                        install.textContent = action;
+                    } });
+                };
             actionCell.append(install);
             row.append(actionCell);
             body.append(row);
@@ -104,31 +109,41 @@
             renderPlugins(installed);
             const groups = identities.groups ?? { evolcore: aids, muAgentBridge: [] };
             aidList.replaceChildren(...[["EvolCore", groups.evolcore], ["mu-agent-bridge", groups.muAgentBridge]].flatMap(([label, values]) => {
-                const title = document.createElement("strong");
-                title.textContent = String(label);
                 const items = values.map((aid) => {
-                    const item = document.createElement("div");
+                    const item = document.createElement("tr");
                     item.className = "aid-row";
-                    const name = document.createElement("span");
+                    const name = document.createElement("td");
                     name.textContent = aid;
+                    const source = document.createElement("td");
+                    source.textContent = String(label);
                     const linked = installed.filter((plugin) => pluginConfigs[plugin.id]?.aid === aid).map((plugin) => plugin.displayName || plugin.id);
-                    const current = document.createElement("small");
+                    const current = document.createElement("td");
                     current.className = "muted";
-                    current.textContent = linked.length ? `已关联：${linked.join("、")}` : "未关联插件";
+                    current.textContent = linked.length ? linked.join("、") : "未关联插件";
+                    const action = document.createElement("td");
                     const select = document.createElement("select");
                     select.setAttribute("aria-label", `${aid} 关联插件`);
                     select.append(new Option("关联插件", ""), ...installed.filter((plugin) => plugin.id !== "abweb").map((plugin) => new Option(plugin.displayName || plugin.id, plugin.id)));
                     select.onchange = () => { if (select.value)
                         void request(`/api/plugins/${encodeURIComponent(select.value)}/aid`, "PATCH", { aid }).then(() => load()).catch((cause) => error(String(cause))); };
-                    item.append(name, current, select);
+                    action.append(select);
+                    item.append(name, source, current, action);
                     return item;
                 });
-                return [title, ...items];
+                return items;
             }));
-            if (!aids.length)
-                aidList.textContent = "当前没有已连接的 AID";
+            if (!aids.length) {
+                const row = document.createElement("tr");
+                const cell = document.createElement("td");
+                cell.colSpan = 4;
+                cell.className = "muted";
+                cell.textContent = "当前没有已连接的 AID";
+                row.append(cell);
+                aidList.append(row);
+            }
             node("#aid-count").textContent = `${aids.length} 个`;
             renderMessages(messages.messages ?? []);
+            void loadCatalog().catch((cause) => error(String(cause)));
         }
         catch (cause) {
             node("#access-panel").hidden = false;
@@ -267,5 +282,11 @@
         }).catch((cause) => { result.textContent = ""; error(String(cause)); });
     };
     void load();
-    void loadCatalog().catch((cause) => error(String(cause)));
+    function newerVersion(remote, current) {
+        const parse = (value) => { const match = /^(\d+)\.(\d+)\.(\d+)/.exec(value); return match ? match.slice(1).map(Number) : undefined; };
+        const a = parse(remote), b = parse(current);
+        if (!a || !b)
+            return false;
+        return a.some((part, index) => part !== b[index] && part > b[index] && a.slice(0, index).every((item, i) => item === b[i]));
+    }
 })();

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

@@ -14,7 +14,7 @@
     <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 插件"><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>
+    <section><div class="section-heading"><h2>已连接 AID</h2><span id="aid-count" class="muted"></span></div><div class="aid-list"><table class="aid-table"><thead><tr><th scope="col">AID</th><th scope="col">身份来源</th><th scope="col">已关联插件</th><th scope="col">操作</th></tr></thead><tbody id="aids" aria-live="polite"></tbody></table></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></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>
     <p id="error" class="error" role="alert" hidden></p>

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

@@ -19,11 +19,12 @@ button { cursor: pointer; white-space: nowrap; }
 button:hover { background: #e5f2ea; }
 form { display: flex; gap: 8px; }
 form { margin-top: 14px; flex-wrap: wrap; }
-.aid-list { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 12px; }
-.aid-list span { padding: 5px 8px; border: 1px solid #d9dfdc; border-radius: 4px; background: #fff; font-size: 13px; }
-.aid-list strong { flex-basis: 100%; font-size: 13px; margin-top: 8px; }
-.aid-row { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; flex-basis: 100%; }
-.aid-row span { min-width: 210px; }
+.aid-list { overflow-x: auto; margin-top: 12px; }
+.aid-table { width: 100%; min-width: 720px; border-collapse: collapse; table-layout: fixed; font-size: 13px; }
+.aid-table th, .aid-table td { padding: 9px 8px; text-align: left; vertical-align: middle; border-bottom: 1px solid #dce3df; overflow-wrap: anywhere; }
+.aid-table th { color: #566761; font-weight: 600; background: #edf1ef; }
+.aid-table th:nth-child(1) { width: 230px; } .aid-table th:nth-child(2) { width: 145px; } .aid-table th:nth-child(4) { width: 180px; }
+.aid-row select { max-width: 165px; }
 .plugins, .messages { margin-top: 13px; }
 .plugin-row { justify-content: space-between; border-bottom: 1px solid #e0e5e2; padding: 12px 0; flex-wrap: wrap; }
 .plugin-main { flex-wrap: wrap; }

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

@@ -50,7 +50,15 @@ function createContext(config = {}) {
     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.match(String(response.body), /<th scope="col">身份来源<\/th>/);
+    strict_1.default.match(String(response.body), /<tbody id="aids" aria-live="polite"><\/tbody>/);
     strict_1.default.doesNotMatch(String(response.body), /id="package-name"/);
+    const scriptHandler = routes.get("/abweb/app.js");
+    strict_1.default.ok(scriptHandler);
+    const script = await scriptHandler({ method: "GET", path: "/abweb/app.js" });
+    strict_1.default.match(String(script.body), /"升级"/);
+    strict_1.default.match(String(script.body), /"已安装"/);
+    strict_1.default.match(String(script.body), /\/update/);
     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.4",
+  "version": "1.0.5",
   "description": "将 AUN Agent 连接到本地桌面 AI 客户端的插件平台。",
   "main": "dist/src-ts/cli.js",
   "bin": { "mab": "dist/src-ts/cli.js", "agent-bridge": "dist/src-ts/cli.js" },