@hanphone/dsh-a2a 0.2.0 → 0.3.1

package/lib/client.js

@@ -17,7 +17,7 @@ window.__ModuleLoader__.load({
 		.dsh-a2a-panel { display: flex; flex-direction: column; gap: 16px; padding: 12px 0; }
 		.dsh-a2a-card { border: 1px solid var(--dsw-alias-border, #d0d7de); border-radius: 8px; padding: 12px 14px; }
 		.dsh-a2a-card h3 { margin: 0 0 8px; font-size: 14px; }
-		.dsh-a2a-row { display: flex; align-items: center; gap: 8px; margin: 4px 0; }
+		.dsh-a2a-row { display: flex; align-items: center; gap: 8px; margin: 4px 0; flex-wrap: wrap; }
 		.dsh-a2a-row .muted { color: var(--dsw-alias-text-secondary, #59636e); font-size: 12px; }
 		.dsh-a2a-row button { padding: 2px 10px; border-radius: 6px; border: 1px solid var(--dsw-alias-border, #d0d7de); background: transparent; cursor: pointer; }
 		.dsh-a2a-row button.primary { background: var(--dsw-alias-accent, #0f6); color: var(--dsw-alias-bg, #fff); border-color: transparent; }
@@ -25,10 +25,13 @@ window.__ModuleLoader__.load({
 		.dsh-a2a-state.ok { background: #1a7f3722; color: #1a7f37; }
 		.dsh-a2a-state.bad { background: #d1242f22; color: #d1242f; }
 		.dsh-a2a-form { display: flex; gap: 6px; margin: 8px 0; flex-wrap: wrap; }
-		.dsh-a2a-form input { padding: 4px 8px; border-radius: 6px; border: 1px solid var(--dsw-alias-border, #d0d7de); background: transparent; color: inherit; }
+		.dsh-a2a-form input, .dsh-a2a-form select, .dsh-a2a-form textarea { padding: 4px 8px; border-radius: 6px; border: 1px solid var(--dsw-alias-border, #d0d7de); background: transparent; color: inherit; }
+		.dsh-a2a-form textarea { font-family: inherit; width: 100%; min-height: 64px; resize: vertical; }
 		.dsh-a2a-table { width: 100%; border-collapse: collapse; font-size: 13px; }
-		.dsh-a2a-table th, .dsh-a2a-table td { text-align: left; padding: 4px 8px; border-bottom: 1px solid var(--dsw-alias-border, #d0d7de); }
+		.dsh-a2a-table th, .dsh-a2a-table td { text-align: left; padding: 4px 8px; border-bottom: 1px solid var(--dsw-alias-border, #d0d7de); vertical-align: top; }
+		.dsh-a2a-skill { display: inline-block; margin: 1px 4px 1px 0; padding: 0 6px; border-radius: 10px; background: #6e778122; font-size: 12px; }
 		.dsh-a2a-error { color: #d1242f; font-size: 12px; }
+		.dsh-a2a-hint { color: var(--dsw-alias-text-secondary, #59636e); font-size: 12px; margin: 2px 0 6px; }
 		`;
 			document.head.appendChild(tag);
 			return () => tag.remove();
@@ -48,6 +51,11 @@ window.__ModuleLoader__.load({
 			if (!res.ok) throw new Error(`snapshot HTTP ${res.status}`);
 			return await res.json();
 		}
+		async function fetchPresets() {
+			const res = await fetch("/a2a/api/presets", { headers: { accept: "application/json" } });
+			if (!res.ok) return [];
+			return await res.json();
+		}
 		async function postControl(payload) {
 			const res = await fetch("/a2a/api", {
 				method: "POST",
@@ -61,27 +69,32 @@ window.__ModuleLoader__.load({
 		}
 		function A2aSection(_props) {
 			const [snap, setSnap] = (0, react.useState)(void 0);
+			const [presets, setPresets] = (0, react.useState)([]);
 			const [error, setError] = (0, react.useState)(void 0);
-			const [agentName, setAgentName] = (0, react.useState)("");
-			const [agentUrl, setAgentUrl] = (0, react.useState)("");
 			const [busy, setBusy] = (0, react.useState)(false);
-			const [editing, setEditing] = (0, react.useState)(false);
-			const [idName, setIdName] = (0, react.useState)("");
-			const [idDescription, setIdDescription] = (0, react.useState)("");
-			const [idVersion, setIdVersion] = (0, react.useState)("");
+			const [editingIn, setEditingIn] = (0, react.useState)(void 0);
+			const [inName, setInName] = (0, react.useState)("");
+			const [inDesc, setInDesc] = (0, react.useState)("");
+			const [inVersion, setInVersion] = (0, react.useState)("1.0.0");
+			const [inPreset, setInPreset] = (0, react.useState)("");
+			const [inAuthEnv, setInAuthEnv] = (0, react.useState)("");
+			const [outName, setOutName] = (0, react.useState)("");
+			const [outUrl, setOutUrl] = (0, react.useState)("");
+			const [outPreset, setOutPreset] = (0, react.useState)("");
+			const [outTokenEnv, setOutTokenEnv] = (0, react.useState)("");
+			const [outTimeout, setOutTimeout] = (0, react.useState)("60000");
 			(0, react.useEffect)(() => {
 				let alive = true;
 				const tick = async () => {
 					try {
-						const next = await fetchSnapshot();
+						const [next, presetRows] = await Promise.all([fetchSnapshot(), fetchPresets()]);
 						if (alive) {
 							setSnap(next);
+							setPresets(presetRows);
+							const def = presetRows.find((p) => p.isDefault)?.id;
+							setInPreset((current) => current === "" && def !== void 0 ? def : current);
+							setOutPreset((current) => current === "" && def !== void 0 ? def : current);
 							setError(void 0);
-							if (!editing) {
-								setIdName(next.server.name ?? "");
-								setIdDescription(next.server.description ?? "");
-								setIdVersion(next.server.version ?? "");
-							}
 						}
 					} catch (err) {
 						if (alive) setError(err.message);
@@ -106,97 +119,197 @@ window.__ModuleLoader__.load({
 					setBusy(false);
 				}
 			};
-			const server = snap?.server;
-			const agents = snap?.agents ?? [];
+			const startCreateInbound = () => {
+				setEditingIn(void 0);
+				setInName("");
+				setInDesc("");
+				setInVersion("1.0.0");
+				setInPreset(presets.find((p) => p.isDefault)?.id ?? "");
+				setInAuthEnv("");
+			};
+			const submitInbound = () => {
+				if (!inName.trim()) return;
+				if (editingIn !== void 0) {
+					control({
+						action: "inbound.update",
+						id: editingIn,
+						name: inName.trim(),
+						description: inDesc.trim(),
+						version: inVersion.trim() || "1.0.0",
+						...inPreset !== "" ? { preset: inPreset } : {},
+						...inAuthEnv.trim() !== "" ? { authTokenEnv: inAuthEnv.trim() } : {}
+					}).then(() => setEditingIn(void 0));
+					return;
+				}
+				control({
+					action: "inbound.create",
+					name: inName.trim(),
+					description: inDesc.trim() || "An A2A inbound server",
+					version: inVersion.trim() || "1.0.0",
+					...inPreset !== "" ? { preset: inPreset } : {},
+					...inAuthEnv.trim() !== "" ? { authTokenEnv: inAuthEnv.trim() } : {}
+				}).then(() => startCreateInbound());
+			};
+			const beginEditInbound = (v) => {
+				setEditingIn(v.id);
+				setInName(v.name);
+				setInDesc(v.description);
+				setInVersion(v.version);
+				setInPreset(v.preset ?? presets.find((p) => p.isDefault)?.id ?? "");
+				setInAuthEnv(v.authTokenEnv ?? "");
+			};
+			const submitOutbound = () => {
+				if (!outName.trim() || !outUrl.trim()) return;
+				const timeout = Number.parseInt(outTimeout, 10);
+				control({
+					action: "outbound.create",
+					name: outName.trim(),
+					agentCardUrl: outUrl.trim(),
+					...outPreset !== "" ? { preset: outPreset } : {},
+					...outTokenEnv.trim() !== "" ? { bearerTokenEnv: outTokenEnv.trim() } : {},
+					...Number.isFinite(timeout) && timeout > 0 ? { timeoutMs: timeout } : {}
+				}).then(() => {
+					setOutName("");
+					setOutUrl("");
+					setOutPreset(presets.find((p) => p.isDefault)?.id ?? "");
+					setOutTokenEnv("");
+				});
+			};
 			const inbounds = snap?.inbounds ?? [];
+			const outbounds = snap?.outbounds ?? [];
+			const peers = snap?.peers ?? [];
 			const tasks = snap?.tasks ?? [];
-			return (0, react.createElement)("div", { className: "dsh-a2a-panel" }, error !== void 0 ? (0, react.createElement)("div", { className: "dsh-a2a-error" }, error) : null, (0, react.createElement)("div", { className: "dsh-a2a-card" }, (0, react.createElement)("h3", null, "入站 Server"), server === void 0 ? (0, react.createElement)("div", { className: "muted" }, "加载中…") : (0, react.createElement)("div", { className: "dsh-a2a-row" }, (0, react.createElement)("span", { className: `dsh-a2a-state ${server.enabled ? "ok" : "bad"}` }, server.enabled ? "已启用" : "已停用"), (0, react.createElement)("button", {
-				className: server.enabled ? "" : "primary",
+			return (0, react.createElement)("div", { className: "dsh-a2a-panel" }, error !== void 0 ? (0, react.createElement)("div", { className: "dsh-a2a-error" }, error) : null, (0, react.createElement)("div", { className: "dsh-a2a-card" }, (0, react.createElement)("h3", null, `入站 Servers（${inbounds.length}）`), inbounds.length === 0 ? (0, react.createElement)("div", { className: "muted" }, "还没有入站 server。创建一个即可对外发布 A2A 端点。") : (0, react.createElement)("table", { className: "dsh-a2a-table" }, (0, react.createElement)("thead", null, (0, react.createElement)("tr", null, (0, react.createElement)("th", null, "名称 / 端点"), (0, react.createElement)("th", null, "Preset"), (0, react.createElement)("th", null, "技能宣告"), (0, react.createElement)("th", null, "状态"), (0, react.createElement)("th", null, "操作"))), (0, react.createElement)("tbody", null, ...inbounds.map((v) => (0, react.createElement)("tr", { key: v.id }, (0, react.createElement)("td", null, (0, react.createElement)("div", null, v.name), (0, react.createElement)("div", { className: "muted" }, `${v.endpointPath} · ${v.cardUrl ?? v.cardPath}`), v.authTokenEnv !== void 0 && v.authTokenEnv !== "" ? (0, react.createElement)("div", { className: "muted" }, `鉴权: $${v.authTokenEnv}`) : null), (0, react.createElement)("td", null, v.preset ?? (0, react.createElement)("span", { className: "muted" }, "默认")), (0, react.createElement)("td", null, (0, react.createElement)("div", null, ...v.skills.map((s) => (0, react.createElement)("span", {
+				className: "dsh-a2a-skill",
+				key: s.id,
+				title: s.description ?? ""
+			}, s.name)))), (0, react.createElement)("td", null, (0, react.createElement)("span", { className: `dsh-a2a-state ${v.enabled ? "ok" : "bad"}` }, v.enabled ? "运行中" : "已停用")), (0, react.createElement)("td", null, (0, react.createElement)("button", {
+				disabled: busy,
+				onClick: () => void control({
+					action: v.enabled ? "inbound.disable" : "inbound.enable",
+					id: v.id
+				})
+			}, v.enabled ? "停用" : "启用"), " ", (0, react.createElement)("button", {
+				disabled: busy,
+				onClick: () => beginEditInbound(v)
+			}, "编辑"), " ", (0, react.createElement)("button", {
 				disabled: busy,
-				onClick: () => void control({ action: server.enabled ? "server.disable" : "server.enable" })
-			}, server.enabled ? "停用" : "启用")), server !== void 0 && server.enabled ? (0, react.createElement)("div", { className: "dsh-a2a-row muted" }, `AgentCard: ${server.cardUrl ?? "(n/a)"}  ·  技能: ${server.skills.join(", ") || "(chat)"}`) : null), (0, react.createElement)("div", { className: "dsh-a2a-card" }, server === void 0 || server.configured === false ? (0, react.createElement)("h3", null, "服务身份（首次配置）") : (0, react.createElement)("h3", null, "服务身份"), (0, react.createElement)("form", {
+				onClick: () => void control({
+					action: "inbound.remove",
+					id: v.id
+				})
+			}, "删除")))))), (0, react.createElement)("h3", { style: { marginTop: "12px" } }, editingIn !== void 0 ? "编辑入站 Server" : "新建入站 Server"), (0, react.createElement)("form", {
 				className: "dsh-a2a-form",
 				onSubmit: (ev) => {
 					ev.preventDefault();
-					control({
-						action: "identity.update",
-						name: idName,
-						description: idDescription,
-						version: idVersion
-					}).then(() => {
-						setEditing(false);
-					});
+					submitInbound();
 				}
 			}, (0, react.createElement)("input", {
-				value: idVersion,
-				placeholder: "版本",
-				onChange: (e) => setIdVersion(e.target.value),
-				style: { width: "60px" }
-			}), (0, react.createElement)("input", {
-				value: idName,
-				placeholder: "服务名称",
-				onChange: (e) => setIdName(e.target.value),
-				style: { width: "160px" }
+				value: inName,
+				placeholder: "名称",
+				onChange: (e) => setInName(e.target.value)
 			}), (0, react.createElement)("input", {
-				value: idDescription,
-				placeholder: "服务描述",
-				onChange: (e) => setIdDescription(e.target.value),
-				style: { width: "260px" }
+				value: inVersion,
+				placeholder: "版本",
+				onChange: (e) => setInVersion(e.target.value),
+				style: { width: "70px" }
+			}), (0, react.createElement)("select", {
+				value: inPreset,
+				onChange: (e) => setInPreset(e.target.value)
+			}, ...presets.map((p) => (0, react.createElement)("option", {
+				value: p.id,
+				key: p.id,
+				title: p.description ?? p.id
+			}, p.name ?? p.id))), (0, react.createElement)("input", {
+				value: inAuthEnv,
+				placeholder: "鉴权 env 变量名（可选）",
+				onChange: (e) => setInAuthEnv(e.target.value)
+			})), (0, react.createElement)("form", {
+				className: "dsh-a2a-form",
+				onSubmit: (ev) => {
+					ev.preventDefault();
+					submitInbound();
+				},
+				style: { alignItems: "flex-end" }
+			}, (0, react.createElement)("input", {
+				value: inDesc,
+				placeholder: "描述",
+				onChange: (e) => setInDesc(e.target.value),
+				style: {
+					flex: 1,
+					minWidth: "260px"
+				}
 			}), (0, react.createElement)("button", {
 				type: "submit",
 				className: "primary",
-				disabled: busy
-			}, "保存身份")), (0, react.createElement)("div", { className: "dsh-a2a-row muted" }, "名称、描述、版本即刻重建 AgentCard；技能始终从工具注册表派生。")), (0, react.createElement)("div", { className: "dsh-a2a-card" }, (0, react.createElement)("h3", null, `入站连接（${inbounds.length}）`), inbounds.length === 0 ? (0, react.createElement)("div", { className: "muted" }, "当前无远程对端正在调用本服务。") : (0, react.createElement)("table", { className: "dsh-a2a-table" }, (0, react.createElement)("thead", null, (0, react.createElement)("tr", null, (0, react.createElement)("th", null, "来源"), (0, react.createElement)("th", null, "任务"), (0, react.createElement)("th", null, "流式"), (0, react.createElement)("th", null, "首次 / 最近"), (0, react.createElement)("th", null, "操作"))), (0, react.createElement)("tbody", null, ...inbounds.map((p) => (0, react.createElement)("tr", { key: p.id }, (0, react.createElement)("td", null, p.source ?? p.label), (0, react.createElement)("td", null, `${p.taskCount}（活跃 ${p.activeTaskIds.length}）`), (0, react.createElement)("td", null, p.streaming ? "●" : "—"), (0, react.createElement)("td", null, (0, react.createElement)("span", { className: "muted" }, `${p.firstSeen ?? ""} / ${p.lastSeen ?? ""}`)), (0, react.createElement)("td", null, (0, react.createElement)("button", {
+				disabled: busy || !inName.trim()
+			}, editingIn !== void 0 ? "保存修改" : "创建 Server"), editingIn !== void 0 ? (0, react.createElement)("button", {
+				type: "button",
 				disabled: busy,
-				onClick: () => void control({
-					action: "inbound.close",
-					id: p.id
-				})
-			}, "关闭"))))))), (0, react.createElement)("div", { className: "dsh-a2a-card" }, (0, react.createElement)("h3", null, `出站 Agents（${agents.length}）`), agents.length === 0 ? (0, react.createElement)("div", { className: "muted" }, "未配置远程 agent。") : (0, react.createElement)("table", { className: "dsh-a2a-table" }, (0, react.createElement)("thead", null, (0, react.createElement)("tr", null, (0, react.createElement)("th", null, "名称"), (0, react.createElement)("th", null, "状态"), (0, react.createElement)("th", null, "工具"), (0, react.createElement)("th", null, "操作"))), (0, react.createElement)("tbody", null, ...agents.map((a) => (0, react.createElement)("tr", { key: a.id }, (0, react.createElement)("td", null, (0, react.createElement)("div", null, a.name), (0, react.createElement)("div", { className: "muted" }, a.agentCardUrl), a.lastError !== void 0 ? (0, react.createElement)("div", { className: "dsh-a2a-error" }, a.lastError) : null), (0, react.createElement)("td", null, (0, react.createElement)("span", { className: `dsh-a2a-state ${a.state === "connected" ? "ok" : "bad"}` }, a.state)), (0, react.createElement)("td", null, `${a.toolCount} / ${a.skillCount}`), (0, react.createElement)("td", null, (0, react.createElement)("button", {
+				onClick: () => startCreateInbound()
+			}, "取消") : null), (0, react.createElement)("div", { className: "dsh-a2a-hint" }, "该 server 绑定的 preset 决定其技能（一切皆插件）：AgentCard 技能 = 该 preset 可用的模型技能，创建后自动派生。")), (0, react.createElement)("div", { className: "dsh-a2a-card" }, (0, react.createElement)("h3", null, `出站 Servers（${outbounds.length}）`), outbounds.length === 0 ? (0, react.createElement)("div", { className: "muted" }, "还没有出站 server。添加一个远端 A2A 连接即可把其技能注册为模型工具。") : (0, react.createElement)("table", { className: "dsh-a2a-table" }, (0, react.createElement)("thead", null, (0, react.createElement)("tr", null, (0, react.createElement)("th", null, "名称 / 远端"), (0, react.createElement)("th", null, "Preset"), (0, react.createElement)("th", null, "状态"), (0, react.createElement)("th", null, "工具"), (0, react.createElement)("th", null, "操作"))), (0, react.createElement)("tbody", null, ...outbounds.map((v) => (0, react.createElement)("tr", { key: v.id }, (0, react.createElement)("td", null, (0, react.createElement)("div", null, v.name), (0, react.createElement)("div", { className: "muted" }, v.agentCardUrl), v.lastError !== void 0 ? (0, react.createElement)("div", { className: "dsh-a2a-error" }, v.lastError) : null), (0, react.createElement)("td", null, v.preset ?? (0, react.createElement)("span", { className: "muted" }, "默认")), (0, react.createElement)("td", null, (0, react.createElement)("span", { className: `dsh-a2a-state ${v.state === "connected" ? "ok" : "bad"}` }, v.state === "connected" ? "已连接" : v.state)), (0, react.createElement)("td", null, `${v.toolCount} / ${v.skillCount}`), (0, react.createElement)("td", null, (0, react.createElement)("button", {
 				disabled: busy,
 				onClick: () => void control({
-					action: a.enabled ? "agent.disable" : "agent.enable",
-					id: a.id
+					action: v.enabled ? "outbound.disable" : "outbound.enable",
+					id: v.id
 				})
-			}, a.enabled ? "停用" : "启用"), " ", (0, react.createElement)("button", {
+			}, v.enabled ? "停用" : "启用"), " ", (0, react.createElement)("button", {
 				disabled: busy,
 				onClick: () => void control({
-					action: "agent.refresh",
-					id: a.id
+					action: "outbound.refresh",
+					id: v.id
 				})
 			}, "刷新"), " ", (0, react.createElement)("button", {
 				disabled: busy,
 				onClick: () => void control({
-					action: "agent.remove",
-					id: a.id
+					action: "outbound.remove",
+					id: v.id
 				})
-			}, "删除")))))), (0, react.createElement)("form", {
+			}, "删除")))))), (0, react.createElement)("h3", { style: { marginTop: "12px" } }, "新建出站 Server"), (0, react.createElement)("form", {
 				className: "dsh-a2a-form",
 				onSubmit: (ev) => {
 					ev.preventDefault();
-					if (!agentName.trim() || !agentUrl.trim()) return;
-					control({
-						action: "agent.add",
-						name: agentName.trim(),
-						agentCardUrl: agentUrl.trim()
-					}).then(() => {
-						setAgentName("");
-						setAgentUrl("");
-					});
+					submitOutbound();
 				}
 			}, (0, react.createElement)("input", {
-				value: agentName,
+				value: outName,
 				placeholder: "名称",
-				onChange: (e) => setAgentName(e.target.value)
+				onChange: (e) => setOutName(e.target.value)
 			}), (0, react.createElement)("input", {
-				value: agentUrl,
-				placeholder: "AgentCard URL",
-				onChange: (e) => setAgentUrl(e.target.value)
+				value: outUrl,
+				placeholder: "远端 AgentCard URL",
+				onChange: (e) => setOutUrl(e.target.value),
+				style: {
+					flex: 1,
+					minWidth: "240px"
+				}
+			}), (0, react.createElement)("select", {
+				value: outPreset,
+				onChange: (e) => setOutPreset(e.target.value)
+			}, ...presets.map((p) => (0, react.createElement)("option", {
+				value: p.id,
+				key: p.id,
+				title: p.description ?? p.id
+			}, p.name ?? p.id))), (0, react.createElement)("input", {
+				value: outTokenEnv,
+				placeholder: "Bearer env 变量名（可选）",
+				onChange: (e) => setOutTokenEnv(e.target.value)
+			}), (0, react.createElement)("input", {
+				value: outTimeout,
+				placeholder: "超时 ms",
+				onChange: (e) => setOutTimeout(e.target.value),
+				style: { width: "90px" }
 			}), (0, react.createElement)("button", {
 				type: "submit",
 				className: "primary",
-				disabled: busy
-			}, "添加 Agent"))), (0, react.createElement)("div", { className: "dsh-a2a-card" }, (0, react.createElement)("h3", null, `任务（${tasks.length}）`), tasks.length === 0 ? (0, react.createElement)("div", { className: "muted" }, "暂无任务。") : (0, react.createElement)("table", { className: "dsh-a2a-table" }, (0, react.createElement)("thead", null, (0, react.createElement)("tr", null, (0, react.createElement)("th", null, "ID"), (0, react.createElement)("th", null, "技能"), (0, react.createElement)("th", null, "状态"), (0, react.createElement)("th", null, "操作"))), (0, react.createElement)("tbody", null, ...tasks.slice(-20).reverse().map((t) => (0, react.createElement)("tr", { key: t.id }, (0, react.createElement)("td", null, (0, react.createElement)("span", { className: "muted" }, t.id)), (0, react.createElement)("td", null, t.metadata?.skill ?? "-"), (0, react.createElement)("td", null, t.status?.state ?? "-"), (0, react.createElement)("td", null, (0, react.createElement)("button", {
+				disabled: busy || !outName.trim() || !outUrl.trim()
+			}, "添加出站 Server"))), (0, react.createElement)("div", { className: "dsh-a2a-card" }, (0, react.createElement)("h3", null, `入站连接（${peers.length}）`), peers.length === 0 ? (0, react.createElement)("div", { className: "muted" }, "当前无远程对端正在调用本服务。") : (0, react.createElement)("table", { className: "dsh-a2a-table" }, (0, react.createElement)("thead", null, (0, react.createElement)("tr", null, (0, react.createElement)("th", null, "来源"), (0, react.createElement)("th", null, "任务"), (0, react.createElement)("th", null, "流式"), (0, react.createElement)("th", null, "首次 / 最近"), (0, react.createElement)("th", null, "操作"))), (0, react.createElement)("tbody", null, ...peers.map((p) => (0, react.createElement)("tr", { key: p.id }, (0, react.createElement)("td", null, p.source ?? p.label), (0, react.createElement)("td", null, `${p.taskCount}（活跃 ${p.activeTaskIds.length}）`), (0, react.createElement)("td", null, p.streaming ? "●" : "—"), (0, react.createElement)("td", null, (0, react.createElement)("span", { className: "muted" }, `${p.firstSeen ?? ""} / ${p.lastSeen ?? ""}`)), (0, react.createElement)("td", null, (0, react.createElement)("button", {
+				disabled: busy,
+				onClick: () => void control({
+					action: "inbound.close",
+					id: p.id
+				})
+			}, "关闭"))))))), (0, react.createElement)("div", { className: "dsh-a2a-card" }, (0, react.createElement)("h3", null, `任务（${tasks.length}）`), tasks.length === 0 ? (0, react.createElement)("div", { className: "muted" }, "暂无任务。") : (0, react.createElement)("table", { className: "dsh-a2a-table" }, (0, react.createElement)("thead", null, (0, react.createElement)("tr", null, (0, react.createElement)("th", null, "ID"), (0, react.createElement)("th", null, "技能"), (0, react.createElement)("th", null, "状态"), (0, react.createElement)("th", null, "操作"))), (0, react.createElement)("tbody", null, ...tasks.slice(-20).reverse().map((t) => (0, react.createElement)("tr", { key: t.id }, (0, react.createElement)("td", null, (0, react.createElement)("span", { className: "muted" }, t.id)), (0, react.createElement)("td", null, t.metadata?.skill ?? "-"), (0, react.createElement)("td", null, t.status?.state ?? "-"), (0, react.createElement)("td", null, (0, react.createElement)("button", {
 				disabled: busy,
 				onClick: () => void control({
 					action: "task.cancel",