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

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

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,1869 @@
+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/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"
+		];
+		const ROUTE = "/dsh-task-bus/api";
+		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)"
+		};
+		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"
+		};
+		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 response = await fetch(ROUTE + path, { headers: { accept: "application/json" } });
+			const payload = await response.json();
+			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 CONNECTOR_STORAGE_KEY = "dsh.task-bus.dataops-connector.enabled";
+		const DataOpsConnectorCard = ({ approvalCount, connected, enabled, onEnable }) => {
+			const [detailOpen, setDetailOpen] = (0, react.useState)(false);
+			const status = !enabled ? "未启用" : connected ? "已连接" : "连接异常";
+			const tone = !enabled ? "neutral" : connected ? "success" : "danger";
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("article", {
+				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.jsxs)("svg", {
+									width: "18",
+									height: "18",
+									viewBox: "0 0 24 24",
+									fill: "none",
+									stroke: "currentColor",
+									strokeWidth: "1.8",
+									strokeLinecap: "round",
+									strokeLinejoin: "round",
+									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" })]
+								})
+							}),
+							/* @__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: "万相 AI 中台"
+								}), /* @__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,
+								children: status
+							})
+						]
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						style: {
+							fontSize: 11,
+							lineHeight: 1.55,
+							color: colors.muted
+						},
+						children: "接收万相 AI 中台的审批任务"
+					}),
+					detailOpen ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						style: {
+							borderTop: "1px solid " + colors.line,
+							paddingTop: 8,
+							display: "grid",
+							gap: 6
+						},
+						children: [
+							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								style: {
+									display: "grid",
+									gridTemplateColumns: "68px minmax(0,1fr)",
+									gap: 8,
+									fontSize: 10
+								},
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									style: { color: colors.muted },
+									children: "协议"
+								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									style: { color: colors.text },
+									children: "DataOps Task Center API"
+								})]
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								style: {
+									display: "grid",
+									gridTemplateColumns: "68px minmax(0,1fr)",
+									gap: 8,
+									fontSize: 10
+								},
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									style: { color: colors.muted },
+									children: "审批任务"
+								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									style: { color: colors.text },
+									children: approvalCount
+								})]
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								style: {
+									display: "grid",
+									gridTemplateColumns: "68px minmax(0,1fr)",
+									gap: 8,
+									fontSize: 10
+								},
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									style: { color: colors.muted },
+									children: "能力"
+								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									style: { color: colors.text },
+									children: "审批 / 通用任务 / AI 受理"
+								})]
+							})
+						]
+					}) : null,
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						style: {
+							display: "flex",
+							gap: 6,
+							marginTop: "auto"
+						},
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
+							size: "sm",
+							variant: "ghost",
+							onClick: () => setDetailOpen((value) => !value),
+							children: detailOpen ? "收起" : "详情"
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
+							size: "sm",
+							variant: enabled ? "outline" : "primary",
+							disabled: enabled,
+							onClick: onEnable,
+							children: enabled ? "已启用" : "启用"
+						})]
+					})
+				]
+			});
+		};
+		const TaskCenterButton = ({ openSession }) => {
+			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 [connectorEnabled, setConnectorEnabled] = (0, react.useState)(() => {
+				try {
+					return window.localStorage.getItem(CONNECTOR_STORAGE_KEY) === "true";
+				} catch {
+					return false;
+				}
+			});
+			const [pendingCount, setPendingCount] = (0, react.useState)(0);
+			(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 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 enableConnector = () => {
+				setConnectorEnabled(true);
+				try {
+					window.localStorage.setItem(CONNECTOR_STORAGE_KEY, "true");
+				} catch {}
+			};
+			(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)(() => tasks.filter((task) => {
+				if (tab === "connectors") return task.sourceType === "dataops_approval";
+				if (tab === "group") return task.sourceType === "task_bus" && task.source.type.includes("group");
+				if (tab === "mine") return task.status !== "completed" && task.status !== "cancelled";
+				if (tab === "personal") return task.sourceType === "task_bus" && !task.source.type.includes("group");
+				return true;
+			}), [tasks, tab]);
+			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: "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.jsx)("div", {
+									style: {
+										display: "grid",
+										gridTemplateColumns: "repeat(auto-fill, minmax(280px, 320px))",
+										gap: 10
+									},
+									children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DataOpsConnectorCard, {
+										approvalCount: tasks.filter((task) => task.sourceType === "dataops_approval").length,
+										connected: error === null,
+										enabled: connectorEnabled,
+										onEnable: enableConnector
+									})
+								}) : null,
+								loading ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+									style: {
+										padding: 18,
+										textAlign: "center",
+										color: colors.muted,
+										fontSize: 12
+									},
+									children: "正在加载…"
+								}) : null,
+								!loading && filtered.length === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+									style: {
+										padding: 18,
+										textAlign: "center",
+										color: colors.muted,
+										fontSize: 12
+									},
+									children: tab === "connectors" ? connectorEnabled ? "暂无来自该连接器的任务" : "启用连接器后在此显示任务" : "暂无任务"
+								}) : 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 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"
+			}, 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