@sparkelf/dsh-task-bus 0.1.2 → 0.1.3

package/lib/client.js

@@ -22,483 +22,6 @@ window.__ModuleLoader__.load({
 			danger: "var(--dsw-alias-state-danger, #b91c1c)"
 		};
 		//#endregion
-		//#region src/client/connector-state.ts
-		/**
-		* Client state adapter for the Task Center's one connector.
-		*
-		* The Host owns the authoritative enabled/capability state and the tool
-		* disclosure that follows it. This module only reads that state, sends the two
-		* writes the panel offers, and projects the task rows a capability filter
-		* selects. It never decides permissions: a capability absent from the Host's
-		* answer is one this account may not use, so it is never rendered.
-		*
-		* @module @sparkelf/dsh-task-bus/client/connector-state
-		*/
-		/** Route the Host serves the connector state from. */
-		const CONNECTOR_ROUTE = "/dsh-task-bus/api/connector";
-		/** Connector id carried by DataOps approval tasks. */
-		const CONNECTOR_ID = "wanxiang-ai";
-		/** Display name shared by the card and its empty state. */
-		const CONNECTOR_NAME = "万相AI中台连接器";
-		/** Copy for the capability ids the Host currently ships. */
-		const CAPABILITY_COPY = {
-			"approval.push": {
-				label: "接收审批任务",
-				description: "从万相AI中台接收待办理的审批任务"
-			},
-			"approval.writeback": {
-				label: "回写审批结果",
-				description: "把办理结果回写到万相AI中台"
-			},
-			"task.push": {
-				label: "接收通用任务",
-				description: "接收万相AI中台下发的通用任务"
-			},
-			"task.writeback": {
-				label: "回写任务状态",
-				description: "把任务处理状态回写到万相AI中台"
-			},
-			"ai.accept": {
-				label: "AI 受理",
-				description: "由助手创建受理会话处理任务"
-			}
-		};
-		/** Humanize an id the client has no display copy for. */
-		function humanizeCapability(id) {
-			return id.replace(/[._-]+/gu, " ").trim();
-		}
-		/** Parse one unknown wire value into connector state. */
-		function parseConnectorState(value) {
-			if (typeof value !== "object" || value === null) return {
-				enabled: false,
-				capabilities: {}
-			};
-			const row = value;
-			const capabilities = {};
-			const reasons = {};
-			const raw = typeof row.capabilities === "object" && row.capabilities !== null ? row.capabilities : {};
-			for (const [id, entry] of Object.entries(raw)) {
-				if (typeof entry === "boolean") {
-					capabilities[id] = entry;
-					continue;
-				}
-				if (typeof entry !== "object" || entry === null) continue;
-				const detail = entry;
-				if (detail.permitted === false) continue;
-				capabilities[id] = detail.enabled === true;
-				if (typeof detail.reason === "string" && detail.reason !== "") reasons[id] = detail.reason;
-			}
-			const rawReasons = typeof row.reasons === "object" && row.reasons !== null ? row.reasons : {};
-			for (const [id, reason] of Object.entries(rawReasons)) if (typeof reason === "string" && reason !== "") reasons[id] = reason;
-			return {
-				enabled: row.enabled === true,
-				capabilities,
-				...Object.keys(reasons).length === 0 ? {} : { reasons }
-			};
-		}
-		/**
-		* Read the Host's connector state.
-		* @param route - connector route; overridable for tests.
-		* @returns the parsed state.
-		* @throws when the Host rejects the request.
-		*/
-		async function fetchConnectorState(route = CONNECTOR_ROUTE) {
-			const response = await fetch(route, { headers: { accept: "application/json" } });
-			if (!response.ok) throw new Error("连接器状态读取失败（" + String(response.status) + "）");
-			return parseConnectorState(await response.json());
-		}
-		/**
-		* Write connector state through the Host.
-		* @param patch - the enabled flag and optional capability changes to merge.
-		* @param route - connector route; overridable for tests.
-		* @returns the state the Host persisted.
-		* @throws when the Host rejects the request.
-		*/
-		async function saveConnectorState(patch, route = CONNECTOR_ROUTE) {
-			const response = await fetch(route, {
-				method: "POST",
-				headers: {
-					accept: "application/json",
-					"content-type": "application/json"
-				},
-				body: JSON.stringify(patch)
-			});
-			if (!response.ok) throw new Error("连接器状态保存失败（" + String(response.status) + "）");
-			return parseConnectorState(await response.json());
-		}
-		/**
-		* Project the capability rows the card renders.
-		* @param state - Host state.
-		* @returns one row per capability the account may use, in the Host's order.
-		*/
-		function visibleCapabilities(state) {
-			if (state === null) return [];
-			return Object.entries(state.capabilities).map(([id, enabled]) => {
-				const copy = CAPABILITY_COPY[id];
-				return {
-					id,
-					label: copy?.label ?? humanizeCapability(id),
-					...copy === void 0 ? {} : { description: copy.description },
-					enabled,
-					...state.reasons?.[id] === void 0 ? {} : { unavailableReason: state.reasons[id] }
-				};
-			});
-		}
-		/**
-		* The connector that produced a task row. MVP DataOps approval rows predate
-		* explicit ids, so their source type still identifies the built-in connector.
-		* @param task - one task row.
-		* @returns the connector id, or undefined for a generic Task Bus row.
-		*/
-		function taskConnectorId(task) {
-			if (task.connectorId !== void 0 && task.connectorId !== "") return task.connectorId;
-			return task.sourceType === "dataops_approval" ? CONNECTOR_ID : void 0;
-		}
-		/**
-		* The capability that produced a task row; an id-less DataOps approval row
-		* belongs to `approval.push`.
-		* @param task - one task row.
-		* @returns the capability id, or undefined for a generic Task Bus row.
-		*/
-		function taskCapabilityId(task) {
-			if (task.capabilityId !== void 0 && task.capabilityId !== "") return task.capabilityId;
-			return task.sourceType === "dataops_approval" ? "approval.push" : void 0;
-		}
-		/**
-		* Filter rows for the connector tab.
-		* @param tasks - every loaded row.
-		* @param capabilityId - `all`, or the capability whose rows should remain.
-		* @returns rows produced by the built-in connector, narrowed to the capability.
-		*/
-		function filterConnectorTasks(tasks, capabilityId) {
-			return tasks.filter((task) => taskConnectorId(task) === "wanxiang-ai" && (capabilityId === "all" || taskCapabilityId(task) === capabilityId));
-		}
-		//#endregion
-		//#region src/client/ConnectorCard.tsx
-		/** Status label and tone for the card header. */
-		function statusOf(state, loading, error) {
-			if (loading && state === null) return {
-				label: "同步中",
-				tone: "neutral"
-			};
-			if (error !== null) return {
-				label: "连接异常",
-				tone: "danger"
-			};
-			if (state?.enabled !== true) return {
-				label: "未启用",
-				tone: "neutral"
-			};
-			return {
-				label: "已连接",
-				tone: "success"
-			};
-		}
-		/** Draw the connector glyph the card header carries. */
-		function ConnectorGlyph() {
-			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("svg", {
-				width: "18",
-				height: "18",
-				viewBox: "0 0 24 24",
-				fill: "none",
-				stroke: "currentColor",
-				strokeWidth: "1.8",
-				strokeLinecap: "round",
-				strokeLinejoin: "round",
-				"aria-hidden": "true",
-				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M10 13a5 5 0 0 0 7.54.54l2-2a5 5 0 0 0-7.07-7.07l-1.15 1.15" }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M14 11a5 5 0 0 0-7.54-.54l-2 2a5 5 0 0 0 7.07 7.07l1.15-1.15" })]
-			});
-		}
-		/**
-		* Render the connector card.
-		* @param props - server state, write handlers, and the current task count.
-		* @returns the card.
-		*/
-		function ConnectorCard({ state, loading, error, busy, taskCount, onSetEnabled, onToggleCapability, onReload }) {
-			const status = statusOf(state, loading, error);
-			const enabled = state?.enabled === true;
-			const capabilities = visibleCapabilities(state);
-			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("article", {
-				"data-connector-card": CONNECTOR_NAME,
-				"data-connector-enabled": enabled,
-				style: {
-					width: "100%",
-					minWidth: 0,
-					border: "1px solid " + colors.line,
-					borderRadius: 12,
-					background: colors.panelAlt,
-					padding: 14,
-					display: "flex",
-					flexDirection: "column",
-					gap: 10
-				},
-				children: [
-					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-						style: {
-							display: "flex",
-							alignItems: "center",
-							gap: 9
-						},
-						children: [
-							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-								"aria-hidden": "true",
-								style: {
-									width: 32,
-									height: 32,
-									flex: "none",
-									borderRadius: 9,
-									background: "#2563eb",
-									color: "#fff",
-									display: "inline-flex",
-									alignItems: "center",
-									justifyContent: "center"
-								},
-								children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ConnectorGlyph, {})
-							}),
-							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-								style: {
-									flex: 1,
-									minWidth: 0
-								},
-								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-									style: {
-										fontSize: 13,
-										fontWeight: 700,
-										color: colors.text
-									},
-									children: CONNECTOR_NAME
-								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-									style: {
-										marginTop: 2,
-										fontSize: 10,
-										color: colors.muted
-									},
-									children: "DataOps"
-								})]
-							}),
-							/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Tag, {
-								tone: status.tone,
-								children: status.label
-							})
-						]
-					}),
-					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-						style: {
-							fontSize: 11,
-							lineHeight: 1.55,
-							color: colors.muted
-						},
-						children: "接收万相AI中台的审批任务"
-					}),
-					loading && state === null ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-						style: {
-							fontSize: 11,
-							color: colors.muted
-						},
-						children: "正在读取连接器状态…"
-					}) : null,
-					error === null ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-						role: "alert",
-						style: {
-							display: "flex",
-							alignItems: "center",
-							gap: 8,
-							fontSize: 11,
-							color: colors.danger
-						},
-						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-							style: {
-								flex: 1,
-								minWidth: 0
-							},
-							children: error
-						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
-							size: "sm",
-							variant: "ghost",
-							disabled: loading,
-							onClick: onReload,
-							children: "重试"
-						})]
-					}),
-					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-						style: {
-							display: "flex",
-							alignItems: "center",
-							justifyContent: "space-between",
-							gap: 10,
-							minHeight: 28
-						},
-						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-							style: {
-								fontSize: 12,
-								color: colors.muted
-							},
-							children: enabled ? "已启用，任务中心只读取该连接器的任务" : "未启用，任务中心不读取外部任务"
-						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Switch, {
-							checked: enabled,
-							disabled: busy || loading,
-							label: (enabled ? "停用 " : "启用 ") + CONNECTOR_NAME,
-							onChange: (next) => {
-								onSetEnabled(next);
-							}
-						})]
-					}),
-					enabled ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-						"data-connector-capabilities": true,
-						style: {
-							borderTop: "1px solid " + colors.line,
-							paddingTop: 8,
-							display: "grid",
-							gap: 2
-						},
-						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-							style: {
-								fontSize: 10,
-								color: colors.muted
-							},
-							children: "能力"
-						}), capabilities.length === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-							style: {
-								fontSize: 11,
-								color: colors.muted,
-								padding: "6px 0"
-							},
-							children: "当前账号没有可用的连接器能力，请联系管理员开通"
-						}) : capabilities.map((capability) => {
-							const unavailable = capability.unavailableReason !== void 0;
-							return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-								"data-capability-id": capability.id,
-								"data-capability-enabled": capability.enabled,
-								style: {
-									display: "flex",
-									alignItems: "center",
-									gap: 10,
-									minHeight: 40,
-									padding: "4px 0",
-									borderTop: "1px solid " + colors.line
-								},
-								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-									style: {
-										flex: 1,
-										minWidth: 0
-									},
-									children: [
-										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-											style: {
-												fontSize: 12,
-												color: colors.text
-											},
-											children: capability.label
-										}),
-										capability.description === void 0 ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-											style: {
-												marginTop: 1,
-												fontSize: 10,
-												color: colors.muted
-											},
-											children: capability.description
-										}),
-										capability.unavailableReason === void 0 ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-											style: {
-												marginTop: 2,
-												fontSize: 10,
-												color: colors.warning
-											},
-											children: ["暂不可用 · ", capability.unavailableReason]
-										})
-									]
-								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Switch, {
-									checked: capability.enabled,
-									disabled: busy || unavailable,
-									label: (capability.enabled ? "停用 " : "启用 ") + capability.label,
-									onChange: (next) => {
-										onToggleCapability(capability.id, next);
-									}
-								})]
-							}, capability.id);
-						})]
-					}) : null,
-					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-						style: {
-							display: "flex",
-							alignItems: "center",
-							justifyContent: "space-between",
-							gap: 8,
-							marginTop: "auto",
-							fontSize: 10,
-							color: colors.muted
-						},
-						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: enabled ? "该连接器任务 " + String(taskCount) + " 条" : "启用后在此查看连接器任务" }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
-							size: "sm",
-							variant: "ghost",
-							disabled: loading,
-							onClick: onReload,
-							children: "刷新状态"
-						})]
-					})
-				]
-			});
-		}
-		/**
-		* The disabled connector's empty state, with the one path that can enable it.
-		* @param props.onOpenSkillCenter - select the skill center's connector tab.
-		* @returns the empty state.
-		*/
-		function ConnectorDisabledState({ onOpenSkillCenter }) {
-			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-				"data-connector-disabled-state": true,
-				style: {
-					display: "grid",
-					justifyItems: "center",
-					gap: 8,
-					padding: "36px 20px 40px",
-					color: colors.muted,
-					textAlign: "center"
-				},
-				children: [
-					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-						style: {
-							display: "inline-flex",
-							width: 36,
-							height: 36,
-							alignItems: "center",
-							justifyContent: "center",
-							borderRadius: 18,
-							background: colors.panelAlt,
-							color: colors.muted
-						},
-						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ConnectorGlyph, {})
-					}),
-					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-						style: {
-							fontSize: 13,
-							fontWeight: 600,
-							color: colors.text
-						},
-						children: "连接器未启用"
-					}),
-					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-						style: {
-							maxWidth: 380,
-							fontSize: 12,
-							lineHeight: 1.6
-						},
-						children: [
-							"在技能中心的连接器页面启用「",
-							CONNECTOR_NAME,
-							"」后，这里会显示它接收的审批任务。"
-						]
-					}),
-					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
-						size: "sm",
-						variant: "outline",
-						onClick: onOpenSkillCenter,
-						children: "前往技能中心启用"
-					})
-				]
-			});
-		}
-		//#endregion
 		//#region src/client/index.tsx
 		/**
 		* The Task Center surface in the frame-wide overlay.
@@ -512,8 +35,7 @@ window.__ModuleLoader__.load({
 			"locale",
 			"uiWorkspace",
 			"sessions",
-			"sidebarRight",
-			"layout"
+			"sidebarRight"
 		];
 		const ROUTE = "/dsh-task-bus/api";
 		const TASK_BUS_MODAL_CLASS = "task-bus-center-modal";
@@ -585,26 +107,7 @@ window.__ModuleLoader__.load({
 				dateLocale: "en-US"
 			}
 		};
-		const buttonStyle = {
-			border: "1px solid " + colors.line,
-			background: colors.panel,
-			color: colors.text,
-			borderRadius: 8,
-			padding: "7px 11px",
-			fontSize: 12,
-			cursor: "pointer"
-		};
-		/** Capability filter chip; the active chip keeps the accent fill and stroke. */
-		const filterChipStyle = (active) => ({
-			padding: "4px 10px",
-			borderRadius: 999,
-			border: "1px solid " + (active ? colors.accent : colors.line),
-			background: active ? colors.accentSoft : "transparent",
-			color: active ? colors.accent : colors.muted,
-			fontSize: 11,
-			lineHeight: 1.6,
-			cursor: "pointer"
-		});
+		"" + colors.line, colors.panel, colors.text;
 		const statusTagTone = (status) => {
 			if (status === "completed") return "success";
 			if (status === "cancelled") return "neutral";
@@ -1196,7 +699,7 @@ window.__ModuleLoader__.load({
 				]
 			});
 		};
-		const TaskCenterButton = ({ openSession, openSkillCenter }) => {
+		const TaskCenterButton = ({ openSession }) => {
 			const [open, setOpen] = (0, react.useState)(false);
 			const [tasks, setTasks] = (0, react.useState)([]);
 			const [loading, setLoading] = (0, react.useState)(false);
@@ -1204,20 +707,9 @@ window.__ModuleLoader__.load({
 			const [tab, setTab] = (0, react.useState)("all");
 			const [busyId, setBusyId] = (0, react.useState)(null);
 			const [aiBusyId, setAiBusyId] = (0, react.useState)(null);
-			const [creating, setCreating] = (0, react.useState)(false);
-			const [draftTitle, setDraftTitle] = (0, react.useState)("");
-			const [draftSource, setDraftSource] = (0, react.useState)("manual");
-			const [createBusy, setCreateBusy] = (0, react.useState)(false);
 			const [selected, setSelected] = (0, react.useState)(null);
 			const [anchor, setAnchor] = (0, react.useState)(null);
-			const [connector, setConnector] = (0, react.useState)(null);
-			const [connectorLoading, setConnectorLoading] = (0, react.useState)(true);
-			const [connectorError, setConnectorError] = (0, react.useState)(null);
-			const [connectorBusy, setConnectorBusy] = (0, react.useState)(false);
-			const [capabilityFilter, setCapabilityFilter] = (0, react.useState)("all");
-			const [skillCenterError, setSkillCenterError] = (0, react.useState)(null);
 			const [pendingCount, setPendingCount] = (0, react.useState)(0);
-			const connectorEnabled = connector?.enabled === true;
 			(0, react.useEffect)(() => {
 				if (document.getElementById(TASK_BUS_STYLE_ID) !== null) return;
 				const style = document.createElement("style");
@@ -1260,39 +752,7 @@ window.__ModuleLoader__.load({
 					window.removeEventListener("resize", update);
 				};
 			}, []);
-			const readConnector = async () => {
-				setConnectorLoading(true);
-				setConnectorError(null);
-				try {
-					setConnector(await fetchConnectorState());
-				} catch (cause) {
-					setConnectorError(cause instanceof Error ? cause.message : String(cause));
-				} finally {
-					setConnectorLoading(false);
-				}
-			};
-			(0, react.useEffect)(() => {
-				let alive = true;
-				setConnectorLoading(true);
-				setConnectorError(null);
-				fetchConnectorState().then((next) => {
-					if (alive) setConnector(next);
-				}).catch((cause) => {
-					if (alive) setConnectorError(cause instanceof Error ? cause.message : String(cause));
-				}).finally(() => {
-					if (alive) setConnectorLoading(false);
-				});
-				return () => {
-					alive = false;
-				};
-			}, []);
 			const load = async (silent = false) => {
-				if (!connectorEnabled) {
-					setTasks([]);
-					setLoading(false);
-					setError(null);
-					return;
-				}
 				if (!silent) setLoading(true);
 				setError(null);
 				try {
@@ -1304,53 +764,8 @@ window.__ModuleLoader__.load({
 					if (!silent) setLoading(false);
 				}
 			};
-			const setConnectorEnabled = async (enabled) => {
-				setConnectorBusy(true);
-				setConnectorError(null);
-				try {
-					setConnector(await saveConnectorState({ enabled }));
-					if (!enabled) {
-						setTasks([]);
-						setCapabilityFilter("all");
-					}
-				} catch (cause) {
-					setConnectorError(cause instanceof Error ? cause.message : String(cause));
-				} finally {
-					setConnectorBusy(false);
-				}
-			};
-			const toggleCapability = async (capabilityId, enabled) => {
-				if (connector === null) return;
-				setConnectorBusy(true);
-				setConnectorError(null);
-				try {
-					setConnector(await saveConnectorState({
-						enabled: connector.enabled,
-						capabilities: { [capabilityId]: enabled }
-					}));
-				} catch (cause) {
-					setConnectorError(cause instanceof Error ? cause.message : String(cause));
-				} finally {
-					setConnectorBusy(false);
-				}
-			};
-			const openSkillCenterFromPanel = () => {
-				if (openSkillCenter()) {
-					setSkillCenterError(null);
-					setOpen(false);
-					return;
-				}
-				setSkillCenterError("技能中心未安装，无法打开连接器页面");
-			};
 			(0, react.useEffect)(() => {
 				if (!open) return;
-				if (!connectorEnabled) {
-					setTab("connectors");
-					setTasks([]);
-					setError(null);
-					setLoading(false);
-					return;
-				}
 				load();
 				const timer = window.setInterval(() => {
 					load(true);
@@ -1358,12 +773,8 @@ window.__ModuleLoader__.load({
 				return () => {
 					window.clearInterval(timer);
 				};
-			}, [open, connectorEnabled]);
+			}, [open]);
 			(0, react.useEffect)(() => {
-				if (!connectorEnabled) {
-					setPendingCount(0);
-					return;
-				}
 				let alive = true;
 				const refresh = async () => {
 					try {
@@ -1379,19 +790,13 @@ window.__ModuleLoader__.load({
 					alive = false;
 					window.clearInterval(timer);
 				};
-			}, [connectorEnabled]);
+			}, []);
 			const filtered = (0, react.useMemo)(() => {
-				if (tab === "connectors") return connectorEnabled ? filterConnectorTasks(tasks, capabilityFilter) : [];
 				if (tab === "group") return tasks.filter((task) => task.sourceType === "task_bus" && task.source.type.includes("group"));
 				if (tab === "mine") return tasks.filter((task) => task.status !== "completed" && task.status !== "cancelled");
 				if (tab === "personal") return tasks.filter((task) => task.sourceType === "task_bus" && !task.source.type.includes("group"));
 				return tasks;
-			}, [
-				tasks,
-				tab,
-				connectorEnabled,
-				capabilityFilter
-			]);
+			}, [tasks, tab]);
 			const actionable = tasks.filter((task) => task.status !== "completed" && task.status !== "cancelled").length;
 			const tabItems = [
 				{
@@ -1429,15 +834,6 @@ window.__ModuleLoader__.load({
 						style: { opacity: .55 },
 						children: tasks.filter((task) => task.sourceType === "task_bus" && task.source.type.includes("group")).length
 					})] })
-				},
-				{
-					value: "connectors",
-					id: "task-bus-tab-connectors",
-					panelId: "task-bus-panel-connectors",
-					label: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", { children: ["连接器 ", /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-						style: { opacity: .55 },
-						children: connector === null ? 0 : 1
-					})] })
 				}
 			];
 			const transition = async (task, action) => {
@@ -1461,31 +857,6 @@ window.__ModuleLoader__.load({
 					setBusyId(null);
 				}
 			};
-			const createTask = async () => {
-				const title = draftTitle.trim();
-				if (!title) return;
-				setCreateBusy(true);
-				setError(null);
-				try {
-					const response = await fetch(ROUTE + "/generic", {
-						method: "POST",
-						headers: { "content-type": "application/json" },
-						body: JSON.stringify({
-							title,
-							sourceType: draftSource
-						})
-					});
-					const payload = await response.json();
-					if (!response.ok) throw new Error(payload.error ?? "创建任务失败");
-					setDraftTitle("");
-					setCreating(false);
-					await load();
-				} catch (cause) {
-					setError(cause instanceof Error ? cause.message : String(cause));
-				} finally {
-					setCreateBusy(false);
-				}
-			};
 			const aiAccept = async (task) => {
 				setAiBusyId(task.id);
 				setError(null);
@@ -1596,13 +967,6 @@ window.__ModuleLoader__.load({
 										children: "任务中心"
 									})
 								}),
-								/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
-									size: "sm",
-									variant: "outline",
-									disabled: !connectorEnabled,
-									onClick: () => setCreating((value) => !value),
-									children: "新建"
-								}),
 								/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
 									size: "sm",
 									variant: "ghost",
@@ -1635,69 +999,6 @@ window.__ModuleLoader__.load({
 								label: "任务中心分类"
 							})
 						}),
-						creating ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-							style: {
-								margin: "0 24px 12px",
-								padding: 12,
-								border: "1px solid " + colors.line,
-								borderRadius: 9,
-								display: "grid",
-								gap: 7
-							},
-							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
-								value: draftTitle,
-								onChange: (event) => setDraftTitle(event.target.value),
-								placeholder: "任务标题，例如：整理演示材料",
-								autoFocus: true,
-								style: {
-									...buttonStyle,
-									cursor: "text",
-									padding: "7px 9px"
-								}
-							}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-								style: {
-									display: "flex",
-									gap: 6
-								},
-								children: [
-									/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("select", {
-										value: draftSource,
-										onChange: (event) => setDraftSource(event.target.value),
-										style: {
-											...buttonStyle,
-											padding: "6px 8px"
-										},
-										children: [
-											/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
-												value: "manual",
-												children: "手工任务"
-											}),
-											/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
-												value: "session",
-												children: "会话任务"
-											}),
-											/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
-												value: "group",
-												children: "群聊任务"
-											})
-										]
-									}),
-									/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
-										size: "sm",
-										variant: "primary",
-										disabled: createBusy || draftTitle.trim() === "",
-										onClick: () => void createTask(),
-										children: createBusy ? "创建中…" : "创建"
-									}),
-									/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
-										size: "sm",
-										variant: "ghost",
-										onClick: () => setCreating(false),
-										children: "取消"
-									})
-								]
-							})]
-						}) : null,
 						error ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 							style: {
 								padding: "8px 10px",
@@ -1725,59 +1026,6 @@ window.__ModuleLoader__.load({
 								task: selected,
 								onBack: () => setSelected(null)
 							}) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
-								tab === "connectors" ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-									style: {
-										display: "grid",
-										gridTemplateColumns: "repeat(auto-fill, minmax(320px, 1fr))",
-										gap: 10
-									},
-									children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ConnectorCard, {
-										state: connector,
-										loading: connectorLoading,
-										error: connectorError,
-										busy: connectorBusy,
-										taskCount: filtered.length,
-										onSetEnabled: (enabled) => {
-											setConnectorEnabled(enabled);
-										},
-										onToggleCapability: (capabilityId, enabled) => {
-											toggleCapability(capabilityId, enabled);
-										},
-										onReload: () => {
-											readConnector();
-										}
-									})
-								}), connectorEnabled ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-									role: "group",
-									"aria-label": "连接器能力筛选",
-									style: {
-										display: "flex",
-										flexWrap: "wrap",
-										gap: 6
-									},
-									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-										type: "button",
-										"aria-pressed": capabilityFilter === "all",
-										onClick: () => setCapabilityFilter("all"),
-										style: filterChipStyle(capabilityFilter === "all"),
-										children: "全部"
-									}), visibleCapabilities(connector).map((capability) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-										type: "button",
-										"data-capability-filter": capability.id,
-										"aria-pressed": capabilityFilter === capability.id,
-										onClick: () => setCapabilityFilter(capability.id),
-										style: filterChipStyle(capabilityFilter === capability.id),
-										children: capability.label
-									}, capability.id))]
-								}) : connectorLoading ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ConnectorDisabledState, { onOpenSkillCenter: openSkillCenterFromPanel }), skillCenterError === null ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-									role: "alert",
-									style: {
-										textAlign: "center",
-										color: colors.danger,
-										fontSize: 11
-									},
-									children: skillCenterError
-								})] })] }) : null,
 								loading ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 									style: {
 										padding: 18,
@@ -1787,7 +1035,7 @@ window.__ModuleLoader__.load({
 									},
 									children: "正在加载…"
 								}) : null,
-								!loading && tab !== "connectors" && filtered.length === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+								!loading && filtered.length === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 									style: {
 										padding: 18,
 										textAlign: "center",
@@ -1796,22 +1044,6 @@ window.__ModuleLoader__.load({
 									},
 									children: "暂无任务"
 								}) : null,
-								!loading && tab === "connectors" && connectorEnabled && filtered.length === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-									style: {
-										padding: 18,
-										textAlign: "center",
-										color: colors.muted,
-										fontSize: 12
-									},
-									children: capabilityFilter === "all" ? "暂无来自该连接器的任务" : "该能力下暂无任务"
-								}) : null,
-								!loading && tab === "connectors" && filtered.length > 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-									style: {
-										fontSize: 10,
-										color: colors.muted
-									},
-									children: "来自该连接器的任务"
-								}) : null,
 								!loading && filtered.map((task) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(TaskCard, {
 									task,
 									busy: busyId === task.id,
@@ -1941,6 +1173,35 @@ window.__ModuleLoader__.load({
 				reference.release?.();
 			}
 		};
+		/**
+		* The design system's standard 16-unit clock glyph, drawn locally.
+		*
+		* The client primitives package this runtime serves (0.2.2-alpha.2) exports
+		* `IconClockOutline`, `IconClockOutlineRegular`, and `IconClockOutlineMedium`,
+		* not the newer `IconClockOutline16` name. A missing named export resolves to
+		* `undefined`, so importing it crashed this header slot with React error #130
+		* and removed the button entirely; the standard geometry is inlined instead.
+		*/
+		const MessageHistoryIcon = ({ size = 16 }) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("svg", {
+			width: size,
+			height: size,
+			viewBox: "0 0 16 16",
+			fill: "none",
+			xmlns: "http://www.w3.org/2000/svg",
+			"aria-hidden": "true",
+			strokeWidth: "1.5",
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("circle", {
+				cx: "8",
+				cy: "8",
+				r: "6.375",
+				stroke: "currentColor"
+			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+				d: "M8 4.4V8.3L10.7 9.85",
+				stroke: "currentColor",
+				strokeLinecap: "round",
+				strokeLinejoin: "round"
+			})]
+		});
 		const HistoryButton = ({ sessionId, sessions, t }) => {
 			const [open, setOpen] = (0, react.useState)(false);
 			const [entries, setEntries] = (0, react.useState)([]);
@@ -2033,7 +1294,7 @@ window.__ModuleLoader__.load({
 					color: "inherit",
 					cursor: "pointer"
 				},
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconClockOutline16, { size: 16 })
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MessageHistoryIcon, { size: 16 })
 			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Modal, {
 				open,
 				onClose: () => setOpen(false),
@@ -2131,7 +1392,7 @@ window.__ModuleLoader__.load({
 										background: colors.panelAlt,
 										color: colors.muted
 									},
-									children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconClockOutline16, { size: 16 })
+									children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MessageHistoryIcon, { size: 16 })
 								}),
 								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 									style: {
@@ -2258,18 +1519,7 @@ window.__ModuleLoader__.load({
 					document.removeEventListener("click", onFileClick, true);
 				};
 			}, "task-bus: native file card preview");
-			const openSkillCenter = () => {
-				try {
-					surface.layout.selectPanel("skill-center");
-					return true;
-				} catch {
-					return false;
-				}
-			};
-			const Surface = () => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(TaskCenterButton, {
-				openSession: (sessionId) => surface.uiWorkspace.openSession(sessionId),
-				openSkillCenter
-			});
+			const Surface = () => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(TaskCenterButton, { openSession: (sessionId) => surface.uiWorkspace.openSession(sessionId) });
 			ctx.effect(() => surface.slots.inject("shell.overlay", () => surface.slots.register({
 				name: "shell.overlay",
 				id: "task-bus.center"
@@ -2277,7 +1527,7 @@ window.__ModuleLoader__.load({
 			ctx.effect(() => {
 				const style = document.createElement("style");
 				style.id = "task-bus-history-replaces-file-manager";
-				style.textContent = "button[aria-label=\"用 文件管理器 打开\"] { display: none !important; }\n[data-message-attachments] > * { cursor: pointer; }";
+				style.textContent = ["[data-slot=\"conversation.session.header.utilities\"] > *:has([data-open-target]) { display: none !important; }", "[data-message-attachments] > * { cursor: pointer; }"].join("\n");
 				document.head.appendChild(style);
 				return () => {
 					style.remove();