npm - @sparkelf/dsh-task-bus - Versions diffs - 0.0.0-stage → 0.1.1 - Mend

@sparkelf/dsh-task-bus 0.0.0-stage → 0.1.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (7) hide show

package/lib/client.js ADDED Viewed

@@ -0,0 +1,2332 @@
+window.__ModuleLoader__.load({
+	id: "@sparkelf/dsh-task-bus",
+	factory: (require) => {
+		var module = { exports: {} };
+		var exports = module.exports;
+		Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+		let react = require("react");
+		let _deepseek_ai_dsh_client_ui_primitives = require("@deepseek-ai/dsh-client-ui-primitives");
+		let react_jsx_runtime = require("react/jsx-runtime");
+		//#region src/client/theme.ts
+		/** Palette aliases the Task Center draws with; the shell owns the values. */
+		const colors = {
+			panel: "var(--dsw-alias-bg-layer-1, #ffffff)",
+			panelAlt: "var(--dsw-alias-bg-layer-2, #f7f8fa)",
+			text: "var(--dsw-alias-label-primary, #111827)",
+			muted: "var(--dsw-alias-label-secondary, #6b7280)",
+			line: "var(--dsw-alias-border-l1, #e5e7eb)",
+			accent: "var(--dsw-alias-brand-primary, #2563eb)",
+			accentSoft: "var(--dsw-alias-brand-primary-alpha, #eff6ff)",
+			warning: "var(--dsw-alias-state-warning, #b45309)",
+			success: "var(--dsw-alias-state-success, #047857)",
+			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.
+		*
+		* The button is global because a task can arrive while the reader is in any
+		* session. The panel only renders cards returned by the Host bridge; it never
+		* talks to DataOps directly and never derives a second approval status.
+		*/
+		const inject = [
+			"slots",
+			"locale",
+			"uiWorkspace",
+			"sessions",
+			"sidebarRight",
+			"layout"
+		];
+		const ROUTE = "/dsh-task-bus/api";
+		const TASK_BUS_MODAL_CLASS = "task-bus-center-modal";
+		const TASK_BUS_HISTORY_CLASS = "task-bus-history-modal";
+		const TASK_BUS_STYLE_ID = "task-bus-center-modal-style";
+		const TASK_BUS_MODAL_CSS = `
+.${TASK_BUS_MODAL_CLASS} {
+  width: min(960px, calc(100vw - 64px)) !important;
+  height: min(760px, calc(100vh - 64px)) !important;
+  gap: 0 !important;
+  padding: 0 !important;
+}
+@media (max-width: 700px) {
+  .${TASK_BUS_MODAL_CLASS} {
+    width: calc(100vw - 24px) !important;
+    height: calc(100vh - 24px) !important;
+  }
+}
+.${TASK_BUS_HISTORY_CLASS} {
+  width: min(960px, 92vw) !important;
+  max-width: calc(100vw - 32px) !important;
+  height: auto !important;
+  max-height: min(780px, calc(100vh - 48px)) !important;
+}
+@media (max-width: 700px) {
+  .${TASK_BUS_HISTORY_CLASS} {
+    width: calc(100vw - 24px) !important;
+    max-width: calc(100vw - 24px) !important;
+    max-height: calc(100vh - 24px) !important;
+  }
+}
+`;
+		const HISTORY_NS = "task-bus.history";
+		const HISTORY_COPY = {
+			zh: {
+				title: "消息记录",
+				open: "消息记录",
+				close: "关闭",
+				searchPlaceholder: "搜索消息或发送人…",
+				searchLabel: "搜索消息记录",
+				clear: "清空搜索",
+				initial: "输入关键词搜索消息或发送人",
+				initialHint: "可按消息正文或发送人筛选，点结果跳到原消息。",
+				loading: "正在加载消息记录…",
+				error: "消息记录加载失败",
+				empty: "暂无消息记录",
+				noResults: "没有匹配的消息",
+				jump: "跳到该消息",
+				me: "我",
+				assistant: "助手",
+				dateLocale: "zh-CN"
+			},
+			en: {
+				title: "Message history",
+				open: "Message history",
+				close: "Close",
+				searchPlaceholder: "Search messages or senders…",
+				searchLabel: "Search message history",
+				clear: "Clear search",
+				initial: "Search messages or senders to begin",
+				initialHint: "Filter by message text or sender, then click a result to jump to it.",
+				loading: "Loading message history…",
+				error: "Could not load message history",
+				empty: "No message history",
+				noResults: "No matching messages",
+				jump: "Jump to message",
+				me: "Me",
+				assistant: "Assistant",
+				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"
+		});
+		const statusTagTone = (status) => {
+			if (status === "completed") return "success";
+			if (status === "cancelled") return "neutral";
+			if (status === "blocked") return "danger";
+			if (status === "pending_confirm" || status === "returned" || status === "pending_accept") return "warning";
+			return "info";
+		};
+		const relativeTime = (value) => {
+			const time = Date.parse(value);
+			if (!Number.isFinite(time)) return "";
+			const minutes = Math.max(0, Math.round((Date.now() - time) / 6e4));
+			if (minutes < 1) return "刚刚";
+			if (minutes < 60) return String(minutes) + " 分钟前";
+			const hours = Math.round(minutes / 60);
+			if (hours < 24) return String(hours) + " 小时前";
+			return String(Math.round(hours / 24)) + " 天前";
+		};
+		const fetchJson = async (path) => {
+			const attempt = async () => {
+				const response = await fetch(ROUTE + path, { headers: { accept: "application/json" } });
+				return {
+					response,
+					payload: await response.json()
+				};
+			};
+			let { response, payload } = await attempt();
+			if (response.status === 401) {
+				await new Promise((resolve) => setTimeout(resolve, 900));
+				({response, payload} = await attempt());
+			}
+			if (!response.ok) {
+				const message = payload !== null && typeof payload === "object" && "error" in payload ? String(payload.error) : "任务中心请求失败（" + response.status + "）";
+				throw new Error(message);
+			}
+			return payload;
+		};
+		const approvalHref = (raw) => {
+			if (raw === null) return null;
+			try {
+				const target = new URL(raw);
+				const referrer = document.referrer ? new URL(document.referrer) : null;
+				if (referrer !== null && referrer.origin !== target.origin) return referrer.origin + target.pathname + target.search + target.hash;
+				return target.href;
+			} catch {
+				return raw;
+			}
+		};
+		const TaskCard = ({ task, busy, aiBusy, onTransition, onAiAccept, onOpen }) => {
+			const isApproval = task.sourceType === "dataops_approval";
+			const deepLink = approvalHref(task.source.deepLink ?? null);
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("article", {
+				style: {
+					border: "1px solid " + colors.line,
+					borderRadius: 10,
+					background: colors.panel,
+					padding: "12px 13px",
+					display: "grid",
+					gap: 8
+				},
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						style: {
+							display: "flex",
+							alignItems: "flex-start",
+							gap: 10
+						},
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							style: {
+								flex: 1,
+								minWidth: 0
+							},
+							children: [
+								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+									style: {
+										display: "flex",
+										alignItems: "center",
+										gap: 7,
+										flexWrap: "wrap",
+										marginBottom: 4
+									},
+									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Tag, {
+										tone: isApproval ? "info" : "neutral",
+										children: isApproval ? task.source.label ?? "DataOps 审批" : "任务总线"
+									}), task.tags?.map((tag) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Tag, {
+										tone: "quiet",
+										children: tag
+									}, tag))]
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+									style: {
+										fontSize: 13,
+										fontWeight: 650,
+										color: colors.text,
+										lineHeight: 1.45
+									},
+									children: task.title
+								}),
+								task.description ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+									style: {
+										fontSize: 11,
+										color: colors.muted,
+										marginTop: 4,
+										lineHeight: 1.5
+									},
+									children: task.description
+								}) : null
+							]
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							style: { flex: "none" },
+							children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Tag, {
+								tone: statusTagTone(task.status),
+								children: task.statusLabel
+							})
+						})]
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						style: {
+							display: "flex",
+							alignItems: "center",
+							gap: 8,
+							flexWrap: "wrap",
+							fontSize: 10,
+							color: colors.muted
+						},
+						children: [
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: isApproval ? "审批任务" : "任务" }),
+							task.assignee?.id ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", { children: ["受理人：", task.assignee.id] }) : null,
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								style: { marginLeft: "auto" },
+								children: relativeTime(task.updatedAt)
+							})
+						]
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						style: {
+							display: "flex",
+							gap: 6,
+							flexWrap: "wrap"
+						},
+						children: [
+							isApproval && deepLink ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
+								size: "sm",
+								variant: "primary",
+								onClick: () => window.open(deepLink, "_blank", "noopener,noreferrer"),
+								children: "办理"
+							}) : null,
+							task.status !== "completed" && task.status !== "cancelled" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
+								size: "sm",
+								variant: "outline",
+								disabled: aiBusy || busy,
+								onClick: () => onAiAccept(task),
+								children: aiBusy ? "受理中…" : "AI受理"
+							}) : null,
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
+								size: "sm",
+								variant: "ghost",
+								onClick: () => onOpen(task),
+								children: "详情"
+							}),
+							!isApproval && task.status === "pending_accept" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
+								size: "sm",
+								variant: "primary",
+								disabled: busy,
+								onClick: () => onTransition(task, "accept"),
+								children: "受理"
+							}) : null,
+							!isApproval && task.status === "in_progress" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
+								size: "sm",
+								variant: "outline",
+								disabled: busy,
+								onClick: () => onTransition(task, "submit"),
+								children: "提交确认"
+							}) : null,
+							!isApproval && task.status === "pending_confirm" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
+								size: "sm",
+								variant: "primary",
+								disabled: busy,
+								onClick: () => onTransition(task, "complete"),
+								children: "完成"
+							}) : null,
+							!isApproval && task.status !== "completed" && task.status !== "cancelled" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
+								size: "sm",
+								variant: "ghost",
+								disabled: busy,
+								onClick: () => onTransition(task, "cancel"),
+								children: "取消"
+							}) : null
+						]
+					})
+				]
+			});
+		};
+		const FORM_LABELS = {
+			applicationMode: "申请方式",
+			requestKind: "申请类型",
+			requestedPermissions: "申请权限",
+			requesterDepartment: "申请人部门",
+			requesterPhone: "申请人电话",
+			validFrom: "授权开始时间",
+			expiresAt: "授权结束时间",
+			selectionSummary: "资源摘要",
+			code: "应用编码",
+			name: "应用名称",
+			reason: "申请理由",
+			description: "应用说明",
+			departmentName: "归属部门",
+			departmentCode: "归属部门编码",
+			ownerName: "归属负责人",
+			ownerPhone: "归属负责人电话",
+			constructionUnit: "建设单位",
+			constructionOwner: "建设单位负责人",
+			constructionOwnerPhone: "建设单位负责人电话",
+			operationsUnit: "运维单位",
+			operationsOwner: "运维单位负责人",
+			operationsOwnerPhone: "运维单位负责人电话",
+			requestTime: "申请时间",
+			resourceName: "资源名称",
+			resourceType: "资源类型",
+			accessType: "访问方式",
+			accessScope: "访问范围",
+			applicationName: "所属应用",
+			applicationCode: "应用编码",
+			environment: "环境",
+			accountCount: "账号数量"
+		};
+		const SKIP_FORM_KEYS = /* @__PURE__ */ new Set([
+			"ownerUserId",
+			"requesterUserId",
+			"requesterDept",
+			"existingApplicationId",
+			"applicationId",
+			"taskType"
+		]);
+		const formatBytes = (bytes) => {
+			if (!Number.isFinite(bytes) || bytes < 0) return "";
+			if (bytes < 1024) return bytes + " B";
+			if (bytes < 1048576) return (bytes / 1024).toFixed(1) + " KB";
+			return (bytes / 1048576).toFixed(1) + " MB";
+		};
+		const humanizeField = (key) => key.replace(/([a-z0-9])([A-Z])/g, "$1 $2").replace(/[_-]+/g, " ").trim();
+		const formatFormValue = (key, value) => {
+			if (key === "applicationMode") {
+				if (value === "EXISTING") return "使用已有应用";
+				if (value === "NEW") return "新建应用";
+			}
+			if (typeof value === "boolean") return value ? "是" : "否";
+			if (Array.isArray(value)) return value.map((item) => String(item)).join("、");
+			if (value !== null && typeof value === "object") {
+				const record = value;
+				if (typeof record.name === "string") return record.name;
+				return JSON.stringify(value);
+			}
+			return String(value);
+		};
+		const toFormField = (key, value) => ({
+			key,
+			label: FORM_LABELS[key] ?? humanizeField(key),
+			value,
+			...key === "reason" || key === "description" || key === "accessScope" ? {
+				type: "multiline",
+				span: 2
+			} : {}
+		});
+		const formFields = (form) => form === void 0 ? [] : Object.entries(form).filter(([key, value]) => !SKIP_FORM_KEYS.has(key) && value !== null && value !== void 0 && value !== "").map(([key, value]) => toFormField(key, value));
+		const approvalFormSections = (detail) => {
+			if (detail === null) return [];
+			const sections = [];
+			const applicationFields = formFields(detail.payload?.form);
+			if (applicationFields.length > 0) sections.push({
+				title: "申请信息",
+				fields: applicationFields
+			});
+			const resourceFields = formFields(detail.payload?.resourceAccessRequest?.form);
+			if (resourceFields.length > 0) sections.push({
+				title: "资源申请",
+				fields: resourceFields
+			});
+			const resources = [...detail.payload?.selectedItems ?? [], ...detail.payload?.resourceAccessRequest?.selectedItems ?? []];
+			if (resources.length > 0) sections.push({
+				title: "申请资源",
+				fields: [{
+					key: "resources",
+					label: "资源",
+					value: resources,
+					type: "resources",
+					span: 2
+				}]
+			});
+			return sections;
+		};
+		const ResourceValue = ({ items }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			style: {
+				display: "grid",
+				gap: 5
+			},
+			children: items.map((item, index) => {
+				const label = typeof item.title === "string" ? item.title : typeof item.name === "string" ? item.name : `资源 ${index + 1}`;
+				const detail = [
+					item.scope,
+					item.urn,
+					item.id
+				].filter((value) => typeof value === "string" || typeof value === "number").join(" · ");
+				return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					style: {
+						display: "flex",
+						alignItems: "baseline",
+						gap: 8,
+						minWidth: 0
+					},
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						style: {
+							fontSize: 12,
+							color: colors.text
+						},
+						children: label
+					}), detail ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						style: {
+							fontSize: 10,
+							color: colors.muted,
+							overflow: "hidden",
+							textOverflow: "ellipsis",
+							whiteSpace: "nowrap"
+						},
+						children: detail
+					}) : null]
+				}, String(item.urn ?? item.id ?? index));
+			})
+		});
+		const FormDescriptions = ({ sections }) => {
+			if (sections.length === 0) return null;
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				style: {
+					display: "grid",
+					gap: 10
+				},
+				children: sections.map((section, sectionIndex) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
+					style: {
+						border: "1px solid " + colors.line,
+						borderRadius: 10,
+						background: colors.panel,
+						padding: 14
+					},
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						style: {
+							fontSize: 12,
+							fontWeight: 650,
+							color: colors.text,
+							marginBottom: 9
+						},
+						children: section.title
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("dl", {
+						style: {
+							margin: 0,
+							display: "grid",
+							gridTemplateColumns: "repeat(2, minmax(0, 1fr))",
+							gap: "9px 24px"
+						},
+						children: section.fields.map((field) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							style: {
+								display: "grid",
+								gridTemplateColumns: "94px minmax(0, 1fr)",
+								alignItems: "start",
+								gap: 8,
+								minWidth: 0,
+								gridColumn: field.span === 2 ? "1 / -1" : void 0
+							},
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("dt", {
+								style: {
+									fontSize: 10,
+									lineHeight: 1.6,
+									color: colors.muted
+								},
+								children: field.label
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("dd", {
+								style: {
+									margin: 0,
+									fontSize: 12,
+									lineHeight: 1.6,
+									color: colors.text,
+									whiteSpace: "pre-wrap",
+									overflowWrap: "anywhere"
+								},
+								children: field.type === "resources" && Array.isArray(field.value) ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ResourceValue, { items: field.value }) : field.value === null || field.value === void 0 || field.value === "" ? "—" : formatFormValue(field.key, field.value)
+							})]
+						}, field.key))
+					})]
+				}, section.title + sectionIndex))
+			});
+		};
+		const TaskDetail = ({ task, onBack }) => {
+			const isApproval = task.sourceType === "dataops_approval";
+			const [detail, setDetail] = (0, react.useState)(null);
+			const [detailLoading, setDetailLoading] = (0, react.useState)(true);
+			const [detailError, setDetailError] = (0, react.useState)(null);
+			(0, react.useEffect)(() => {
+				let alive = true;
+				setDetailLoading(true);
+				setDetailError(null);
+				fetchJson("/items/" + encodeURIComponent(task.id)).then((payload) => {
+					if (alive) setDetail(payload.detail ?? null);
+				}).catch((cause) => {
+					if (alive) setDetailError(cause instanceof Error ? cause.message : String(cause));
+				}).finally(() => {
+					if (alive) setDetailLoading(false);
+				});
+				return () => {
+					alive = false;
+				};
+			}, [task.id]);
+			const sections = isApproval ? approvalFormSections(detail) : detail?.form?.sections ?? [];
+			const attachments = detail?.attachments ?? [];
+			const approvalTaskId = isApproval && typeof detail?.id === "number" ? detail.id : null;
+			const attachmentHref = (attachment) => approvalTaskId === null ? null : ROUTE + "/attachment?taskId=" + encodeURIComponent(String(approvalTaskId)) + "&attachmentId=" + encodeURIComponent(attachment.id);
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				style: {
+					display: "flex",
+					flexDirection: "column",
+					gap: 10,
+					flex: 1,
+					minHeight: "100%"
+				},
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						style: {
+							display: "flex",
+							alignItems: "flex-start",
+							gap: 10
+						},
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							style: {
+								flex: 1,
+								minWidth: 0
+							},
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+								style: {
+									fontSize: 14,
+									fontWeight: 700,
+									color: colors.text,
+									lineHeight: 1.45
+								},
+								children: task.title
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								style: {
+									marginTop: 3,
+									fontSize: 10,
+									color: colors.muted
+								},
+								children: [
+									task.source.label ?? (isApproval ? "DataOps 审批" : "任务总线"),
+									" · ",
+									relativeTime(task.updatedAt)
+								]
+							})]
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Tag, {
+							tone: statusTagTone(task.status),
+							children: task.statusLabel
+						})]
+					}),
+					detailLoading ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						style: {
+							padding: 18,
+							textAlign: "center",
+							color: colors.muted,
+							fontSize: 12
+						},
+						children: "正在加载表单…"
+					}) : null,
+					detailError ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						style: {
+							padding: "8px 10px",
+							borderRadius: 8,
+							background: "#fef2f2",
+							color: colors.danger,
+							fontSize: 11
+						},
+						children: detailError
+					}) : null,
+					!detailLoading && detailError === null && sections.length > 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(FormDescriptions, { sections }) : null,
+					!detailLoading && detailError === null && sections.length === 0 && !isApproval && task.description ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						style: {
+							border: "1px solid " + colors.line,
+							borderRadius: 10,
+							background: colors.panel,
+							padding: 14,
+							fontSize: 12,
+							lineHeight: 1.6,
+							color: colors.text,
+							whiteSpace: "pre-wrap"
+						},
+						children: task.description
+					}) : null,
+					!detailLoading && detailError === null && sections.length === 0 && (isApproval || !task.description) ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						style: {
+							padding: 18,
+							textAlign: "center",
+							color: colors.muted,
+							fontSize: 12
+						},
+						children: "暂无表单信息"
+					}) : null,
+					isApproval || attachments.length > 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
+						style: {
+							border: "1px solid " + colors.line,
+							borderRadius: 10,
+							background: colors.panel,
+							padding: 14
+						},
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+							style: {
+								fontSize: 12,
+								fontWeight: 650,
+								color: colors.text,
+								marginBottom: 8
+							},
+							children: "附件"
+						}), attachments.length === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+							style: {
+								fontSize: 11,
+								color: colors.muted
+							},
+							children: "暂无附件"
+						}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+							style: {
+								display: "grid",
+								gap: 6
+							},
+							children: attachments.map((attachment) => {
+								const href = attachmentHref(attachment);
+								return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+									style: {
+										display: "flex",
+										alignItems: "center",
+										gap: 8,
+										minWidth: 0
+									},
+									children: [
+										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+											style: {
+												flex: 1,
+												minWidth: 0,
+												fontSize: 11,
+												color: colors.text,
+												overflow: "hidden",
+												textOverflow: "ellipsis",
+												whiteSpace: "nowrap"
+											},
+											children: attachment.originalName
+										}),
+										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+											style: {
+												flex: "none",
+												fontSize: 10,
+												color: colors.muted
+											},
+											children: formatBytes(attachment.sizeBytes)
+										}),
+										href !== null ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
+											size: "sm",
+											variant: "ghost",
+											onClick: () => window.open(href, "_blank", "noopener,noreferrer"),
+											children: "下载"
+										}) : null
+									]
+								}, attachment.id);
+							})
+						})]
+					}) : null,
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						style: {
+							display: "flex",
+							justifyContent: "flex-end",
+							gap: 8,
+							flexWrap: "wrap",
+							marginTop: "auto",
+							paddingTop: 2
+						},
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
+							size: "sm",
+							variant: "ghost",
+							onClick: onBack,
+							children: "← 返回列表"
+						}), isApproval && task.source.deepLink ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
+							size: "sm",
+							variant: "outline",
+							onClick: () => window.open(approvalHref(task.source.deepLink ?? null) ?? "#", "_blank", "noopener,noreferrer"),
+							children: "打开 DataOps 审批详情"
+						}) : null]
+					})
+				]
+			});
+		};
+		const TaskCenterButton = ({ openSession, openSkillCenter }) => {
+			const [open, setOpen] = (0, react.useState)(false);
+			const [tasks, setTasks] = (0, react.useState)([]);
+			const [loading, setLoading] = (0, react.useState)(false);
+			const [error, setError] = (0, react.useState)(null);
+			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");
+				style.id = TASK_BUS_STYLE_ID;
+				style.textContent = TASK_BUS_MODAL_CSS;
+				document.head.append(style);
+				return () => {
+					style.remove();
+				};
+			}, []);
+			(0, react.useEffect)(() => {
+				const update = () => {
+					if (document.querySelector("[data-sidebar-collapsed=\"true\"]") !== null) {
+						setAnchor((current) => current === null ? current : null);
+						return;
+					}
+					const toggle = Array.from(document.querySelectorAll("button")).find((button) => /收起侧边栏|Collapse sidebar/i.test((button.getAttribute("aria-label") ?? "").trim()));
+					if (!toggle) {
+						setAnchor((current) => current === null ? current : null);
+						return;
+					}
+					const label = (toggle.getAttribute("aria-label") ?? "").trim();
+					if (/展开侧边栏|Expand sidebar/i.test(label)) {
+						setAnchor((current) => current === null ? current : null);
+						return;
+					}
+					const rect = toggle.getBoundingClientRect();
+					if (rect.width === 0 || rect.height === 0) return;
+					const next = {
+						left: Math.max(8, rect.left - 36),
+						top: rect.top + (rect.height - 28) / 2
+					};
+					setAnchor((current) => current !== null && Math.abs(current.left - next.left) < .5 && Math.abs(current.top - next.top) < .5 ? current : next);
+				};
+				update();
+				const timer = window.setInterval(update, 400);
+				window.addEventListener("resize", update);
+				return () => {
+					window.clearInterval(timer);
+					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 {
+					const overview = await fetchJson("/overview");
+					setTasks([...overview.items].sort((a, b) => b.updatedAt.localeCompare(a.updatedAt)));
+				} catch (cause) {
+					setError(cause instanceof Error ? cause.message : String(cause));
+				} finally {
+					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);
+				}, 6e4);
+				return () => {
+					window.clearInterval(timer);
+				};
+			}, [open, connectorEnabled]);
+			(0, react.useEffect)(() => {
+				if (!connectorEnabled) {
+					setPendingCount(0);
+					return;
+				}
+				let alive = true;
+				const refresh = async () => {
+					try {
+						const result = await fetchJson("/count");
+						if (alive) setPendingCount(Math.max(0, Math.trunc(Number(result.count) || 0)));
+					} catch {}
+				};
+				refresh();
+				const timer = window.setInterval(() => {
+					refresh();
+				}, 3e5);
+				return () => {
+					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
+			]);
+			const actionable = tasks.filter((task) => task.status !== "completed" && task.status !== "cancelled").length;
+			const tabItems = [
+				{
+					value: "all",
+					id: "task-bus-tab-all",
+					panelId: "task-bus-panel-all",
+					label: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", { children: ["全部 ", /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						style: { opacity: .55 },
+						children: tasks.length
+					})] })
+				},
+				{
+					value: "mine",
+					id: "task-bus-tab-mine",
+					panelId: "task-bus-panel-mine",
+					label: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", { children: ["待我处理 ", /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						style: { opacity: .55 },
+						children: actionable
+					})] })
+				},
+				{
+					value: "personal",
+					id: "task-bus-tab-personal",
+					panelId: "task-bus-panel-personal",
+					label: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", { children: ["个人 ", /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						style: { opacity: .55 },
+						children: tasks.filter((task) => task.sourceType === "task_bus" && !task.source.type.includes("group")).length
+					})] })
+				},
+				{
+					value: "group",
+					id: "task-bus-tab-group",
+					panelId: "task-bus-panel-group",
+					label: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", { children: ["群聊 ", /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						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) => {
+				setBusyId(task.id);
+				setError(null);
+				try {
+					await fetch(ROUTE + "/generic/" + encodeURIComponent(task.id.slice(5)) + "/transition", {
+						method: "POST",
+						headers: { "content-type": "application/json" },
+						body: JSON.stringify({ action })
+					}).then(async (response) => {
+						if (!response.ok) {
+							const payload = await response.json().catch(() => null);
+							throw new Error(payload?.error ?? "任务操作失败");
+						}
+					});
+					await load();
+				} catch (cause) {
+					setError(cause instanceof Error ? cause.message : String(cause));
+				} finally {
+					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);
+				try {
+					const response = await fetch(ROUTE + "/ai-accept", {
+						method: "POST",
+						headers: { "content-type": "application/json" },
+						body: JSON.stringify({ id: task.id })
+					});
+					const payload = await response.json();
+					if (!response.ok || typeof payload.sessionId !== "string") throw new Error(payload.error ?? "AI 受理会话创建失败");
+					openSession(payload.sessionId);
+					setOpen(false);
+				} catch (cause) {
+					setError(cause instanceof Error ? cause.message : String(cause));
+				} finally {
+					setAiBusyId(null);
+				}
+			};
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [anchor !== null ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+				type: "button",
+				"aria-label": "任务中心",
+				title: "任务中心",
+				onClick: () => setOpen((value) => !value),
+				style: {
+					position: "fixed",
+					left: anchor.left,
+					top: anchor.top,
+					zIndex: 45,
+					width: 28,
+					height: 28,
+					padding: 0,
+					border: "none",
+					borderRadius: 8,
+					background: "transparent",
+					color: actionable > 0 ? colors.accent : colors.muted,
+					cursor: "pointer",
+					pointerEvents: "auto",
+					display: "inline-flex",
+					alignItems: "center",
+					justifyContent: "center"
+				},
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("svg", {
+					width: "17",
+					height: "17",
+					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: "M18 8a6 6 0 0 0-12 0c0 7-3 7-3 9h18c0-2-3-2-3-9" }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M13.7 21a2 2 0 0 1-3.4 0" })]
+				}), pendingCount > 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					style: {
+						position: "absolute",
+						bottom: -2,
+						right: -2,
+						minWidth: 14,
+						height: 14,
+						padding: "0 3px",
+						boxSizing: "border-box",
+						borderRadius: 999,
+						background: "#2563eb",
+						color: "#fff",
+						fontSize: 9,
+						lineHeight: "14px",
+						textAlign: "center"
+					},
+					children: pendingCount > 99 ? "99+" : pendingCount
+				}) : null]
+			}) : null, /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Modal, {
+				open,
+				onClose: () => setOpen(false),
+				title: "任务中心",
+				headless: true,
+				className: TASK_BUS_MODAL_CLASS,
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					style: {
+						display: "flex",
+						flexDirection: "column",
+						width: "100%",
+						height: "100%",
+						minHeight: 0
+					},
+					children: [
+						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("header", {
+							style: {
+								display: "flex",
+								alignItems: "center",
+								gap: 8,
+								padding: "22px 24px 12px"
+							},
+							children: [
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+									style: {
+										flex: 1,
+										minWidth: 0
+									},
+									children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("h2", {
+										style: {
+											margin: 0,
+											fontSize: 16,
+											lineHeight: "24px",
+											fontWeight: 500,
+											color: colors.text
+										},
+										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",
+									onClick: () => void load(),
+									children: "刷新"
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
+									size: "sm",
+									variant: "ghost",
+									"aria-label": "关闭",
+									title: "关闭",
+									onClick: () => setOpen(false),
+									icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconCloseOutlineRegular, { size: 14 }),
+									style: {
+										width: 28,
+										padding: 0
+									}
+								})
+							]
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+							style: {
+								padding: "0 24px 14px",
+								borderBottom: "1px solid " + colors.line
+							},
+							children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.SegmentedTabs, {
+								items: tabItems,
+								value: tab,
+								onChange: setTab,
+								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",
+								borderRadius: 8,
+								background: "#fef2f2",
+								color: colors.danger,
+								fontSize: 11,
+								margin: "0 24px 12px"
+							},
+							children: error
+						}) : null,
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+							id: "task-bus-panel-" + tab,
+							role: "tabpanel",
+							"aria-labelledby": "task-bus-tab-" + tab,
+							style: {
+								padding: "16px 24px 24px",
+								display: "flex",
+								flexDirection: "column",
+								gap: 10,
+								overflowY: "auto",
+								flex: 1
+							},
+							children: selected !== null ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(TaskDetail, {
+								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,
+										textAlign: "center",
+										color: colors.muted,
+										fontSize: 12
+									},
+									children: "正在加载…"
+								}) : null,
+								!loading && tab !== "connectors" && filtered.length === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+									style: {
+										padding: 18,
+										textAlign: "center",
+										color: colors.muted,
+										fontSize: 12
+									},
+									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,
+									aiBusy: aiBusyId === task.id,
+									onTransition: (item, action) => void transition(item, action),
+									onAiAccept: (item) => void aiAccept(item),
+									onOpen: setSelected
+								}, task.id))
+							] })
+						})
+					]
+				})
+			})] });
+		};
+		const HISTORY_CONTENT_TYPES = /* @__PURE__ */ new Set(["user/message", "assistant/message"]);
+		const historyText = (content) => {
+			if (!Array.isArray(content)) return "";
+			return content.map((block) => {
+				if (block === null || typeof block !== "object") return "";
+				const record = block;
+				return record.type === "text" && typeof record.text === "string" ? record.text : "";
+			}).filter(Boolean).join("\n").trim();
+		};
+		const historyRole = (event) => {
+			return event.data?.role === "user" || event.type === "user/message" ? "user" : "assistant";
+		};
+		const historyAuthor = (event, role, t) => {
+			const source = event.data?.source;
+			const memberName = typeof source?.memberName === "string" ? source.memberName.trim() : "";
+			if (memberName !== "") return memberName;
+			return role === "user" ? t("me") : t("assistant");
+		};
+		const groupHistory = async (roomId, t) => {
+			const entries = [];
+			let cursor = null;
+			for (let page = 0; page < 20; page += 1) {
+				const suffix = cursor === null ? "" : "?cursor=" + encodeURIComponent(cursor);
+				const response = await fetch("/dsh-group-chat/api/rooms/" + encodeURIComponent(roomId) + "/events" + suffix);
+				if (!response.ok) throw new Error(t("error"));
+				const payload = await response.json();
+				for (const record of payload.events ?? []) {
+					const event = record.event;
+					if (event === void 0 || typeof event.type !== "string" || !HISTORY_CONTENT_TYPES.has(event.type)) continue;
+					const data = event.data;
+					const role = historyRole(event);
+					const text = historyText(data?.content);
+					if (text === "") continue;
+					entries.push({
+						key: record.id ?? String(event.seq ?? entries.length),
+						role,
+						author: historyAuthor(event, role, t),
+						time: typeof event.time === "number" ? event.time : void 0,
+						text,
+						jumpId: record.id
+					});
+				}
+				if (payload.hasMore !== true || payload.nextCursor === null || payload.nextCursor === void 0) break;
+				cursor = payload.nextCursor;
+			}
+			return entries.sort((left, right) => (right.time ?? 0) - (left.time ?? 0));
+		};
+		const sessionHistory = async (sessionId, sessions, t) => {
+			const service = sessions;
+			if (service.retain === void 0) return [];
+			const reference = service.retain(sessionId, { source: "gateway" });
+			try {
+				await reference.ready;
+				const binding = reference.binding;
+				if (binding === void 0) return [];
+				await binding.session?.loadOlder?.().catch(() => void 0);
+				const entries = binding.eventSource?.getSnapshot().entries ?? [];
+				return entries.filter((entry) => entry.type === "event" && entry.event !== void 0).filter((entry) => typeof entry.event.type === "string" && HISTORY_CONTENT_TYPES.has(entry.event.type)).map((entry) => {
+					const event = entry.event;
+					const data = event.data;
+					const role = historyRole(event);
+					return {
+						key: String(event.seq ?? entries.indexOf(entry)),
+						role,
+						author: historyAuthor(event, role, t),
+						time: typeof event.time === "number" ? event.time : void 0,
+						text: historyText(data?.content)
+					};
+				}).filter((entry) => entry.text !== "").sort((left, right) => (right.time ?? 0) - (left.time ?? 0));
+			} finally {
+				reference.release?.();
+			}
+		};
+		const HistoryGlyph = () => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("svg", {
+			width: "16",
+			height: "16",
+			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)("path", {
+					d: "M2.4 6.8A5.6 5.6 0 1 1 2.4 9.2",
+					stroke: "currentColor",
+					strokeLinecap: "round"
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+					d: "M2.2 3.4v3.4h3.4",
+					stroke: "currentColor",
+					strokeLinecap: "round",
+					strokeLinejoin: "round"
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+					d: "M8 5.4V8l1.9 1.2",
+					stroke: "currentColor",
+					strokeLinecap: "round",
+					strokeLinejoin: "round"
+				})
+			]
+		});
+		const fileAttachmentIn = (content, name) => {
+			if (!Array.isArray(content)) return void 0;
+			for (const block of content) {
+				if (block === null || typeof block !== "object") continue;
+				const record = block;
+				if (record.type !== "file") continue;
+				const attachment = record.attachment;
+				if (attachment?.name === name && typeof attachment.attachmentId === "string" && typeof attachment.bytes === "number") return {
+					attachmentId: attachment.attachmentId,
+					name,
+					bytes: attachment.bytes
+				};
+			}
+		};
+		const sessionFileAttachment = async (sessionId, sessions, name) => {
+			const service = sessions;
+			if (service.retain === void 0) return void 0;
+			const reference = service.retain(sessionId, { source: "gateway" });
+			try {
+				await reference.ready;
+				const binding = reference.binding;
+				if (binding === void 0) return void 0;
+				const find = () => {
+					const entries = binding.eventSource?.getSnapshot().entries ?? [];
+					for (const entry of entries) {
+						if (entry.type !== "event" || entry.event === void 0) continue;
+						if (entry.event.type !== "user/message") continue;
+						const data = entry.event.data;
+						const found = fileAttachmentIn(data?.content, name);
+						if (found !== void 0) return found;
+					}
+				};
+				let found = find();
+				for (let page = 0; page < 5 && found === void 0; page += 1) {
+					await binding.session?.loadOlder?.().catch(() => void 0);
+					found = find();
+				}
+				return found;
+			} finally {
+				reference.release?.();
+			}
+		};
+		const HistoryButton = ({ sessionId, sessions, t }) => {
+			const [open, setOpen] = (0, react.useState)(false);
+			const [entries, setEntries] = (0, react.useState)([]);
+			const [loading, setLoading] = (0, react.useState)(false);
+			const [error, setError] = (0, react.useState)("");
+			const [query, setQuery] = (0, react.useState)("");
+			const isGroup = sessionId.startsWith("group-room-");
+			(0, react.useEffect)(() => {
+				if (!open) return;
+				let alive = true;
+				setLoading(true);
+				setError("");
+				setQuery("");
+				setEntries([]);
+				(isGroup ? groupHistory(sessionId.slice(11), t) : sessionHistory(sessionId, sessions, t)).then((items) => {
+					if (alive) setEntries(items);
+				}).catch((cause) => {
+					if (alive) setError(cause instanceof Error ? cause.message : String(cause));
+				}).finally(() => {
+					if (alive) setLoading(false);
+				});
+				return () => {
+					alive = false;
+				};
+			}, [
+				open,
+				isGroup,
+				sessionId,
+				sessions,
+				t
+			]);
+			const needle = query.trim().toLocaleLowerCase();
+			const results = (0, react.useMemo)(() => {
+				if (needle === "") return [];
+				return entries.filter((entry) => entry.text.toLocaleLowerCase().includes(needle) || entry.author.toLocaleLowerCase().includes(needle));
+			}, [entries, needle]);
+			const jump = (entry) => {
+				setOpen(false);
+				window.setTimeout(() => {
+					let target = entry.jumpId === void 0 ? null : document.querySelector("[data-group-chat-message=\"" + CSS.escape(entry.jumpId) + "\"]");
+					if (target === null) {
+						const text = entry.text.slice(0, 80);
+						target = [...document.querySelectorAll("[data-group-chat-message], [data-slot=\"conversation.user.text.node\"]")].find((element) => (element.innerText ?? "").includes(text)) ?? null;
+					}
+					if (target === null && window.find(entry.text.slice(0, 80), false, false, true, false, false, false)) {
+						const node = window.getSelection()?.anchorNode;
+						target = node instanceof HTMLElement ? node : node?.parentElement ?? null;
+					}
+					target?.scrollIntoView({
+						behavior: "smooth",
+						block: "center"
+					});
+					if (target !== null) {
+						target.style.outline = "2px solid #2563eb";
+						target.style.outlineOffset = "4px";
+						window.setTimeout(() => {
+							target.style.outline = "";
+							target.style.outlineOffset = "";
+						}, 1800);
+					}
+				}, 80);
+			};
+			const searchInputStyle = {
+				width: "100%",
+				boxSizing: "border-box",
+				height: 36,
+				padding: "0 34px 0 12px",
+				borderRadius: 8,
+				border: "1px solid " + colors.line,
+				background: colors.panel,
+				color: colors.text,
+				fontSize: 13,
+				outline: "none"
+			};
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+				type: "button",
+				"aria-label": t("open"),
+				title: t("open"),
+				"data-session-id": sessionId,
+				onClick: () => setOpen(true),
+				style: {
+					display: "inline-flex",
+					alignItems: "center",
+					justifyContent: "center",
+					width: 28,
+					height: 28,
+					border: "none",
+					borderRadius: 6,
+					background: "transparent",
+					color: "inherit",
+					cursor: "pointer"
+				},
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(HistoryGlyph, {})
+			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Modal, {
+				open,
+				onClose: () => setOpen(false),
+				title: t("title"),
+				closeLabel: t("close"),
+				className: TASK_BUS_HISTORY_CLASS,
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					style: {
+						width: "100%",
+						maxHeight: "min(68vh, 620px)",
+						overflowY: "auto",
+						display: "grid",
+						gap: 10,
+						padding: "4px 0 8px"
+					},
+					children: [
+						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							style: {
+								position: "relative",
+								width: "100%"
+							},
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+								type: "text",
+								value: query,
+								autoFocus: true,
+								spellCheck: false,
+								placeholder: t("searchPlaceholder"),
+								"aria-label": t("searchLabel"),
+								onChange: (event) => {
+									setQuery(event.target.value);
+								},
+								style: searchInputStyle
+							}), query !== "" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+								type: "button",
+								"aria-label": t("clear"),
+								title: t("clear"),
+								onClick: () => {
+									setQuery("");
+								},
+								style: {
+									position: "absolute",
+									right: 6,
+									top: "50%",
+									transform: "translateY(-50%)",
+									display: "inline-flex",
+									alignItems: "center",
+									justifyContent: "center",
+									width: 24,
+									height: 24,
+									border: "none",
+									borderRadius: 5,
+									background: "transparent",
+									color: colors.muted,
+									cursor: "pointer"
+								},
+								children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconCloseOutlineRegular, { size: 14 })
+							}) : null]
+						}),
+						loading ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+							style: {
+								padding: 28,
+								textAlign: "center",
+								color: colors.muted,
+								fontSize: 12
+							},
+							children: t("loading")
+						}) : null,
+						!loading && error !== "" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+							role: "alert",
+							style: {
+								padding: 12,
+								color: colors.danger,
+								fontSize: 12
+							},
+							children: error
+						}) : null,
+						!loading && error === "" && needle === "" ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							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)(HistoryGlyph, {})
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									style: {
+										fontSize: 13,
+										fontWeight: 600,
+										color: colors.text
+									},
+									children: t("initial")
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									style: {
+										fontSize: 12,
+										lineHeight: 1.6
+									},
+									children: t("initialHint")
+								})
+							]
+						}) : null,
+						!loading && error === "" && needle !== "" && results.length === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+							style: {
+								padding: 28,
+								textAlign: "center",
+								color: colors.muted,
+								fontSize: 12
+							},
+							children: entries.length === 0 ? t("empty") : t("noResults")
+						}) : null,
+						!loading && error === "" && needle !== "" && results.map((entry) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+							type: "button",
+							onClick: () => jump(entry),
+							style: {
+								display: "grid",
+								gap: 6,
+								width: "100%",
+								minWidth: 0,
+								textAlign: "left",
+								padding: "10px 12px",
+								borderRadius: 8,
+								border: "1px solid " + colors.line,
+								background: colors.panelAlt,
+								color: colors.text,
+								cursor: "pointer"
+							},
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+								style: {
+									display: "flex",
+									alignItems: "center",
+									gap: 8,
+									minWidth: 0,
+									flexWrap: "wrap",
+									fontSize: 10,
+									color: colors.muted
+								},
+								children: [
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+										style: {
+											fontWeight: 650,
+											color: entry.role === "user" ? "#2563eb" : colors.text
+										},
+										children: entry.author
+									}),
+									entry.time === void 0 ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: new Date(entry.time).toLocaleString(t("dateLocale")) }),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+										style: { marginLeft: "auto" },
+										children: t("jump")
+									})
+								]
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								style: {
+									display: "block",
+									minWidth: 0,
+									fontSize: 13,
+									lineHeight: 1.65,
+									whiteSpace: "pre-wrap",
+									overflowWrap: "anywhere",
+									wordBreak: "break-word"
+								},
+								children: entry.text
+							})]
+						}, entry.key))
+					]
+				})
+			})] });
+		};
+		const apply = (ctx) => {
+			const locale = ctx.locale;
+			ctx.effect(() => locale.register(HISTORY_NS, {
+				zh: HISTORY_COPY.zh,
+				en: HISTORY_COPY.en
+			}), "task-bus: history copy");
+			const t = locale.bind(HISTORY_NS);
+			const surface = ctx;
+			const surfaceWithServices = surface;
+			surfaceWithServices.sidebarRight ?? surfaceWithServices.get?.("sidebarRight");
+			ctx.effect(() => {
+				const onFileClick = (event) => {
+					const target = event.target;
+					if (!(target instanceof Element)) return;
+					const card = target.closest("[data-message-attachments] > *");
+					if (!(card instanceof HTMLElement)) return;
+					const sessionId = document.querySelector("button[aria-label=\"消息记录\"][data-session-id]")?.getAttribute("data-session-id") ?? "";
+					if (sessionId === "" || sessionId.startsWith("group-room-")) return;
+					const name = (card.getAttribute("title") ?? card.innerText.split("\n")[0] ?? "").trim();
+					if (name === "") return;
+					(async () => {
+						const attachment = await sessionFileAttachment(sessionId, ctx.sessions, name);
+						if (attachment === void 0) return;
+						const cwd = (ctx.sessions?.list?.getSnapshot())?.byId?.[sessionId]?.cwd ?? "";
+						const query = "attachmentId=" + encodeURIComponent(attachment.attachmentId) + "&name=" + encodeURIComponent(attachment.name) + "&bytes=" + encodeURIComponent(String(attachment.bytes)) + (cwd === "" ? "" : "&cwd=" + encodeURIComponent(cwd));
+						const response = await fetch(ROUTE + "/attachment-materialize?" + query);
+						if (!response.ok) throw new Error("附件预览准备失败");
+						const materialized = await response.json();
+						if (typeof materialized.path !== "string") throw new Error("附件预览路径缺失");
+						const address = "dsh-resource://file/session/" + encodeURIComponent(sessionId) + "/" + materialized.path.split("/").map((part) => encodeURIComponent(part)).join("/");
+						const right = ctx.sidebarRight;
+						if (right?.openResource !== void 0) right.openResource(address);
+						else window.open(new URL("/dsh-task-bus/api/attachment-materialize?" + query, window.location.origin).toString(), "_blank", "noopener,noreferrer");
+					})().catch((cause) => {
+						console.error("[task-bus] file preview failed", cause);
+					});
+				};
+				document.addEventListener("click", onFileClick, true);
+				return () => {
+					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
+			});
+			ctx.effect(() => surface.slots.inject("shell.overlay", () => surface.slots.register({
+				name: "shell.overlay",
+				id: "task-bus.center"
+			}, Surface)), "task-bus: Task Center overlay");
+			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; }";
+				document.head.appendChild(style);
+				return () => {
+					style.remove();
+				};
+			}, "task-bus: replace file manager header button");
+			ctx.effect(() => surface.slots.inject("conversation.session.header.utilities", () => surface.slots.register({
+				name: "conversation.session.header.utilities",
+				id: "task-bus.history",
+				order: -4,
+				inject: ((sessionId) => ({
+					sessionId,
+					sessions: ctx.sessions,
+					t
+				}))
+			}, HistoryButton)), "task-bus: message history");
+		};
+		//#endregion
+		exports.apply = apply;
+		exports.inject = inject;
+		return module.exports;
+	}
+});
+//# sourceMappingURL=client.js.map