dsh-edge 0.1.0

package/dist/plugins/@deepseek-ai/dsh-client-ui-workflow-run/client.js

@@ -0,0 +1,474 @@
+window.__ModuleLoader__.load({
+	id: "@deepseek-ai/dsh-client-ui-workflow-run",
+	factory: (require) => {
+		var module = { exports: {} };
+		var exports = module.exports;
+		Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+		let react_jsx_runtime = require("react/jsx-runtime");
+		let react = require("react");
+		let _deepseek_ai_dsh_client_ui_primitives = require("@deepseek-ai/dsh-client-ui-primitives");
+		let _deepseek_ai_dsh_client_runtime_client = require("@deepseek-ai/dsh-client-runtime/client");
+		//#region \0dsh-css:/private/var/folders/nm/n5smty9962gf5rhjc5855kt80000gn/T/dsh-edge-release-worktree.XXXXXX.RcJjogaGt4/repo/packages/client/ui-workflow-run/src/client/WorkflowRunPanel.module.css.mjs
+		const css = ".-OTyAG_root{width:100%;min-width:0}.-OTyAG_runHeader{box-sizing:border-box;background:var(--dsw-alias-bg-module-platform);border-radius:8px;align-items:center;gap:6px;width:100%;min-width:0;height:32px;padding:0 8px;display:flex}.-OTyAG_runHeader:focus-visible{outline:2px solid var(--dsw-alias-state-business-primary);outline-offset:-2px}.-OTyAG_runLeading{width:16px;height:16px;color:var(--dsw-alias-label-tertiary);flex:none;justify-content:center;align-items:center;margin-right:0;display:inline-flex}.-OTyAG_runTitle{max-width:42%;color:var(--dsw-alias-label-secondary);text-overflow:ellipsis;white-space:nowrap;flex:none;font-size:14px;font-weight:510;line-height:24px;overflow:hidden}.-OTyAG_runSummary{min-width:0;color:var(--dsw-alias-label-tertiary);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:12px;line-height:18px;overflow:hidden}.-OTyAG_statusTail{height:20px;color:var(--dsw-alias-label-secondary);white-space:nowrap;flex:none;align-items:center;gap:4px;font-size:11px;font-weight:510;line-height:16px;display:inline-flex;overflow:hidden}.-OTyAG_phaseHeader{box-sizing:border-box;align-items:center;gap:6px;width:100%;min-width:0;height:32px;display:flex}.-OTyAG_phaseHeader:focus-visible{outline:2px solid var(--dsw-alias-state-business-primary);outline-offset:-2px;border-radius:4px}.-OTyAG_phaseLeading{width:16px;height:16px;color:var(--dsw-alias-label-tertiary);flex:none;justify-content:center;align-items:center;margin-right:0;display:inline-flex}.-OTyAG_phaseTitle{min-width:0;max-width:42%;color:var(--dsw-alias-label-secondary);text-overflow:ellipsis;white-space:nowrap;flex:0 auto;font-size:14px;line-height:24px;overflow:hidden}.-OTyAG_phaseCount{min-width:0;color:var(--dsw-alias-label-tertiary);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:13px;line-height:20px;overflow:hidden}.-OTyAG_phaseStatus{width:132px;color:var(--dsw-alias-label-secondary);text-align:right;text-overflow:ellipsis;white-space:nowrap;flex:none;font-size:13px;line-height:20px;overflow:hidden}.-OTyAG_separator{background:var(--dsw-alias-label-tertiary);border-radius:50%;flex:none;width:2px;height:2px}.-OTyAG_phaseList{flex-direction:column;gap:4px;min-width:0;padding:4px 0 0 16px;display:flex}.-OTyAG_phase{min-width:0}.-OTyAG_members{flex-direction:column;gap:2px;min-width:0;padding:0 0 0 16px;display:flex}.-OTyAG_memberRow,.-OTyAG_memberButton{width:100%;min-width:0;min-height:24px;color:var(--dsw-alias-label-secondary);font:inherit;text-align:left;background:0 0;border:0;border-radius:4px;align-items:center;gap:12px;padding:0;display:flex}.-OTyAG_memberButton{cursor:pointer}.-OTyAG_memberButton .-OTyAG_memberLabel{color:var(--dsw-alias-state-business-primary);text-underline-position:from-font;text-decoration:underline}.-OTyAG_dotSlot{flex:none;justify-content:center;align-items:center;width:16px;height:24px;display:inline-flex;overflow:hidden}.-OTyAG_memberButton:focus-visible{outline:none}.-OTyAG_memberButton:focus-visible .-OTyAG_memberLabelWrap{outline:2px solid var(--dsw-alias-state-business-primary);outline-offset:-1px}.-OTyAG_memberLabelWrap{border-radius:4px;flex:1;align-items:center;min-width:0;height:24px;padding:0 2px;display:flex;overflow:hidden}.-OTyAG_memberLabel{min-width:0;color:var(--dsw-alias-label-secondary);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:14px;line-height:24px;overflow:hidden}.-OTyAG_memberStatus{width:64px;color:var(--dsw-alias-label-secondary);text-align:right;text-overflow:ellipsis;white-space:nowrap;flex:none;font-size:13px;line-height:20px;overflow:hidden}.-OTyAG_empty{color:var(--dsw-alias-label-tertiary);padding:0;font-size:13px;line-height:20px}@media (width<=560px){.-OTyAG_phaseList,.-OTyAG_members{padding-left:12px}}";
+		const tagId = "@deepseek-ai/dsh-client-ui-workflow-run/WorkflowRunPanel.module.css";
+		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId) + "]") === null) {
+			const tag = document.createElement("style");
+			tag.dataset.plugin = "@deepseek-ai/dsh-client-ui-workflow-run";
+			tag.dataset.pluginCss = tagId;
+			tag.textContent = css;
+			document.head.appendChild(tag);
+		}
+		var WorkflowRunPanel_module_css_default = {
+			"memberLabelWrap": "-OTyAG_memberLabelWrap",
+			"runSummary": "-OTyAG_runSummary",
+			"separator": "-OTyAG_separator",
+			"phaseHeader": "-OTyAG_phaseHeader",
+			"root": "-OTyAG_root",
+			"phaseCount": "-OTyAG_phaseCount",
+			"memberButton": "-OTyAG_memberButton",
+			"dotSlot": "-OTyAG_dotSlot",
+			"phaseLeading": "-OTyAG_phaseLeading",
+			"members": "-OTyAG_members",
+			"phaseTitle": "-OTyAG_phaseTitle",
+			"runLeading": "-OTyAG_runLeading",
+			"runTitle": "-OTyAG_runTitle",
+			"memberLabel": "-OTyAG_memberLabel",
+			"runHeader": "-OTyAG_runHeader",
+			"phaseList": "-OTyAG_phaseList",
+			"memberStatus": "-OTyAG_memberStatus",
+			"memberRow": "-OTyAG_memberRow",
+			"empty": "-OTyAG_empty",
+			"statusTail": "-OTyAG_statusTail",
+			"phaseStatus": "-OTyAG_phaseStatus",
+			"phase": "-OTyAG_phase"
+		};
+		//#endregion
+		//#region lib/types/client/WorkflowRunPanel.js
+		const STATUS_KEYS = {
+			running: "status.running",
+			completed: "status.completed",
+			failed: "status.failed",
+			cancelled: "status.cancelled",
+			interrupted: "status.interrupted"
+		};
+		function dotState(status) {
+			switch (status) {
+				case "running": return "ongoing";
+				case "completed": return "done";
+				case "failed": return "error";
+				case "cancelled":
+				case "interrupted": return "warning";
+				/* v8 ignore next -- WorkflowRunStatus is closed and every variant is handled above. */
+				default: return status;
+			}
+		}
+		function readablePhase(phase, t) {
+			if (phase === null) return t("phase.unassigned");
+			return phase === "" ? t("phase.empty") : phase;
+		}
+		function readableMember(label, t) {
+			return label === "" ? t("member.empty") : label;
+		}
+		function statusCount(status, count, t) {
+			return t(`statusCount.${status}`, { count });
+		}
+		function memberCount(count, t) {
+			return t(count === 1 ? "run.members.one" : "run.members.other", { count });
+		}
+		function phaseRequiresExpansion(phase) {
+			return phase.members.some((member) => member.status !== "completed");
+		}
+		/* v8 ignore next -- DisclosureRow requires the callback but cannot invoke it when expandable is false. */
+		const forcedOpenToggle = () => {};
+		function ManualDisclosure(props) {
+			const [open, setOpen] = (0, react.useState)(false);
+			return (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.DisclosureRow, {
+				...props,
+				open,
+				expandable: true,
+				onToggle: () => {
+					setOpen((value) => !value);
+				}
+			});
+		}
+		function StatusDisclosure({ cleanCycleKey, requiresExpansion, ...props }) {
+			if (!requiresExpansion) return (0, react_jsx_runtime.jsx)(ManualDisclosure, { ...props }, cleanCycleKey);
+			return (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.DisclosureRow, {
+				...props,
+				open: true,
+				expandable: false,
+				onToggle: forcedOpenToggle
+			});
+		}
+		function phaseStatusSummary(members, t) {
+			const counts = /* @__PURE__ */ new Map();
+			for (const member of members) counts.set(member.status, (counts.get(member.status) ?? 0) + 1);
+			const count = (status) => counts.get(status) ?? 0;
+			const active = [
+				"running",
+				"failed",
+				"cancelled",
+				"interrupted"
+			].filter((status) => count(status) > 0);
+			if (active.length === 0) return statusCount("completed", count("completed"), t);
+			return (active.includes("interrupted") && count("completed") > 0 ? ["completed", ...active] : active).map((status) => statusCount(status, count(status), t)).join(" · ");
+		}
+		function navigableMembers(sessions, phases, parentId) {
+			const ordinary = new Set(sessions.ids);
+			const result = [];
+			for (const phase of phases) for (const member of phase.members) {
+				const summary = sessions.byId[member.childId];
+				if (member.status === "running" && ordinary.has(member.childId) && summary?.origin === "subagent" && summary.parentId === parentId && summary.running) result.push(member.childId);
+			}
+			return result;
+		}
+		function RunHeader({ children, count, name, requiresExpansion, status, t }) {
+			return (0, react_jsx_runtime.jsx)(StatusDisclosure, {
+				icon: (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconChevronRightOutline14, {}),
+				title: t("run.title", { name }),
+				requiresExpansion,
+				expandOnRowClick: true,
+				previewChevron: false,
+				keepContentWhenOpen: true,
+				rowClassName: WorkflowRunPanel_module_css_default.runHeader,
+				leadingClassName: WorkflowRunPanel_module_css_default.runLeading,
+				titleClassName: WorkflowRunPanel_module_css_default.runTitle,
+				collapsedContent: (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
+					(0, react_jsx_runtime.jsx)("span", {
+						className: WorkflowRunPanel_module_css_default.separator,
+						"aria-hidden": true
+					}),
+					(0, react_jsx_runtime.jsx)("span", {
+						className: WorkflowRunPanel_module_css_default.runSummary,
+						children: memberCount(count, t)
+					}),
+					(0, react_jsx_runtime.jsxs)("span", {
+						className: WorkflowRunPanel_module_css_default.statusTail,
+						"data-status": status,
+						children: [(0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.StateDot, { state: dotState(status) }), (0, react_jsx_runtime.jsx)("span", { children: t(STATUS_KEYS[status]) })]
+					})
+				] }),
+				children
+			});
+		}
+		function MemberRow({ member, navigable, openSession, t }) {
+			const name = readableMember(member.label, t);
+			const content = (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
+				(0, react_jsx_runtime.jsx)("span", {
+					className: WorkflowRunPanel_module_css_default.dotSlot,
+					children: (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.StateDot, { state: dotState(member.status) })
+				}),
+				(0, react_jsx_runtime.jsx)("span", {
+					className: WorkflowRunPanel_module_css_default.memberLabelWrap,
+					"data-member-label-wrap": true,
+					children: (0, react_jsx_runtime.jsx)("span", {
+						className: WorkflowRunPanel_module_css_default.memberLabel,
+						"data-member-label": true,
+						children: name
+					})
+				}),
+				(0, react_jsx_runtime.jsx)("span", {
+					className: WorkflowRunPanel_module_css_default.memberStatus,
+					"data-member-status-text": true,
+					children: t(STATUS_KEYS[member.status])
+				})
+			] });
+			if (!navigable) return (0, react_jsx_runtime.jsx)("div", {
+				className: WorkflowRunPanel_module_css_default.memberRow,
+				"data-member-status": member.status,
+				children: content
+			});
+			return (0, react_jsx_runtime.jsx)("button", {
+				type: "button",
+				className: WorkflowRunPanel_module_css_default.memberButton,
+				"data-member-status": member.status,
+				"aria-label": t("member.open", { name }),
+				onClick: () => {
+					openSession(member.childId);
+				},
+				children: content
+			});
+		}
+		function PhaseSection({ phase, navigable, openSession, t }) {
+			return (0, react_jsx_runtime.jsx)(StatusDisclosure, {
+				icon: (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconChevronRightOutline14, {}),
+				title: readablePhase(phase.phase, t),
+				cleanCycleKey: phase.members.length,
+				requiresExpansion: phaseRequiresExpansion(phase),
+				expandOnRowClick: true,
+				previewChevron: false,
+				keepContentWhenOpen: true,
+				className: WorkflowRunPanel_module_css_default.phase,
+				rowClassName: WorkflowRunPanel_module_css_default.phaseHeader,
+				leadingClassName: WorkflowRunPanel_module_css_default.phaseLeading,
+				titleClassName: WorkflowRunPanel_module_css_default.phaseTitle,
+				collapsedContent: (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
+					(0, react_jsx_runtime.jsx)("span", {
+						className: WorkflowRunPanel_module_css_default.separator,
+						"aria-hidden": true
+					}),
+					(0, react_jsx_runtime.jsx)("span", {
+						className: WorkflowRunPanel_module_css_default.phaseCount,
+						"data-phase-count": true,
+						children: memberCount(phase.members.length, t)
+					}),
+					(0, react_jsx_runtime.jsx)("span", {
+						className: WorkflowRunPanel_module_css_default.phaseStatus,
+						"data-phase-status-text": true,
+						children: phaseStatusSummary(phase.members, t)
+					})
+				] }),
+				children: (0, react_jsx_runtime.jsx)("div", {
+					className: WorkflowRunPanel_module_css_default.members,
+					children: phase.members.map((member) => (0, react_jsx_runtime.jsx)(MemberRow, {
+						member,
+						navigable: navigable.includes(member.childId),
+						openSession,
+						t
+					}, member.seq))
+				})
+			});
+		}
+		/** Render one durable workflow run with status-driven run and phase disclosure. */
+		function WorkflowRunPanel({ node, sessionId, useSessions, openSession, t }) {
+			const totalMembers = node.data.phases.reduce((count, phase) => count + phase.members.length, 0);
+			const requiresExpansion = node.data.status !== "completed" || node.data.phases.some(phaseRequiresExpansion);
+			const navigable = useSessions((sessions) => navigableMembers(sessions, node.data.phases, sessionId), _deepseek_ai_dsh_client_runtime_client.shallowEqual);
+			return (0, react_jsx_runtime.jsx)("section", {
+				className: WorkflowRunPanel_module_css_default.root,
+				"data-workflow-run": true,
+				"data-run-status": node.data.status,
+				children: (0, react_jsx_runtime.jsx)(RunHeader, {
+					count: totalMembers,
+					name: node.data.name,
+					requiresExpansion,
+					status: node.data.status,
+					t,
+					children: (0, react_jsx_runtime.jsx)("div", {
+						className: WorkflowRunPanel_module_css_default.phaseList,
+						children: node.data.phases.length === 0 ? (0, react_jsx_runtime.jsx)("span", {
+							className: WorkflowRunPanel_module_css_default.empty,
+							children: t("run.empty")
+						}) : node.data.phases.map((phase) => (0, react_jsx_runtime.jsx)(PhaseSection, {
+							phase,
+							navigable,
+							openSession,
+							t
+						}, phase.key))
+					})
+				})
+			});
+		}
+		//#endregion
+		//#region lib/types/client/locales.js
+		/** `workflowRun` namespace dictionaries. */
+		/** Dictionary namespace owned by this plugin. */
+		const NS = "workflowRun";
+		/** Simplified Chinese dictionary (the key-set source of truth). */
+		const zh = {
+			"run.title": "{name}",
+			"run.members.one": "{count} 个成员",
+			"run.members.other": "{count} 个成员",
+			"run.empty": "没有启动成员",
+			"phase.unassigned": "未分阶段",
+			"phase.empty": "空阶段名",
+			"statusCount.running": "运行中 {count}",
+			"statusCount.completed": "已完成 {count}",
+			"statusCount.failed": "失败 {count}",
+			"statusCount.cancelled": "已取消 {count}",
+			"statusCount.interrupted": "已中断 {count}",
+			"member.empty": "空成员名",
+			"member.open": "打开 {name}",
+			"status.running": "运行中",
+			"status.completed": "已完成",
+			"status.failed": "失败",
+			"status.cancelled": "已取消",
+			"status.interrupted": "已中断"
+		};
+		/** English dictionary (same key set). */
+		const en = {
+			"run.title": "{name}",
+			"run.members.one": "{count} member",
+			"run.members.other": "{count} members",
+			"run.empty": "No members started",
+			"phase.unassigned": "Unphased",
+			"phase.empty": "Empty phase name",
+			"statusCount.running": "Running {count}",
+			"statusCount.completed": "Completed {count}",
+			"statusCount.failed": "Failed {count}",
+			"statusCount.cancelled": "Cancelled {count}",
+			"statusCount.interrupted": "Interrupted {count}",
+			"member.empty": "Empty member name",
+			"member.open": "Open {name}",
+			"status.running": "Running",
+			"status.completed": "Completed",
+			"status.failed": "Failed",
+			"status.cancelled": "Cancelled",
+			"status.interrupted": "Interrupted"
+		};
+		//#endregion
+		//#region lib/types/client/workflow-definition.js
+		/**
+		* Build a collision-free phase key preserving absent versus empty identity.
+		* @param phase - exact phase string, or null for an omitted field.
+		* @returns the stable renderer key for that phase identity.
+		*/
+		function workflowPhaseKey(phase) {
+			return phase === null ? "missing" : `value:${phase.length}:${phase}`;
+		}
+		function statusFromStopReason(stopReason) {
+			switch (stopReason) {
+				case "completed": return "completed";
+				case "cancelled": return "cancelled";
+				case "error": return "failed";
+				/* v8 ignore next -- WorkflowStopReason is closed and every variant is handled above. */
+				default: return stopReason;
+			}
+		}
+		function statusFromOutcome(outcome) {
+			switch (outcome) {
+				case "completed": return "completed";
+				case "cancelled": return "cancelled";
+				case "failed": return "failed";
+				/* v8 ignore next -- WorkflowAgentOutcome is closed and every variant is handled above. */
+				default: return outcome;
+			}
+		}
+		function locationClosed(location) {
+			if (location.kind === "step") return location.step.status === "closed" || location.turn.status === "closed";
+			return location.kind === "turn" && location.turn.status === "closed";
+		}
+		function projectWorkflow(context, location) {
+			const state = context.state;
+			const interrupted = state.stopReason === void 0 && locationClosed(location);
+			const phases = /* @__PURE__ */ new Map();
+			for (const member of state.members) {
+				const phase = member.phase === void 0 ? null : member.phase;
+				const key = workflowPhaseKey(phase);
+				let group = phases.get(key);
+				if (group === void 0) {
+					group = {
+						phase,
+						members: []
+					};
+					phases.set(key, group);
+				}
+				group.members.push({
+					seq: member.seq,
+					label: member.label,
+					childId: member.childId,
+					status: member.outcome === void 0 ? interrupted ? "interrupted" : "running" : statusFromOutcome(member.outcome)
+				});
+			}
+			const projectedPhases = [...phases].map(([key, phase]) => ({
+				key,
+				phase: phase.phase,
+				members: phase.members
+			}));
+			return {
+				name: state.name,
+				status: state.stopReason === void 0 ? interrupted ? "interrupted" : "running" : statusFromStopReason(state.stopReason),
+				phases: projectedPhases
+			};
+		}
+		function updateAgentStart(state, data) {
+			const member = {
+				seq: data.seq,
+				label: data.label,
+				...data.phase === void 0 ? {} : { phase: data.phase },
+				childId: data.childId
+			};
+			return {
+				...state,
+				members: [...state.members, member]
+			};
+		}
+		function updateAgentEnd(state, data) {
+			return {
+				...state,
+				members: state.members.map((member) => member.seq === data.seq ? {
+					...member,
+					outcome: data.outcome
+				} : member)
+			};
+		}
+		/** Durable workflow event family folded into one keyed Chat node. */
+		const workflowRunDefinition = {
+			kind: "workflow-run",
+			target: "chat",
+			match: (event) => {
+				if (event.type === "tool-workflow/run-start") return {
+					id: String(event.data.runId),
+					role: "start"
+				};
+				if (event.type === "tool-workflow/agent-start" || event.type === "tool-workflow/agent-end" || event.type === "tool-workflow/run-end") return {
+					id: String(event.data.runId),
+					role: "update"
+				};
+				return null;
+			},
+			start: (_context, match) => {
+				if (match.event.type !== "tool-workflow/run-start") throw new Error("workflow-run start requires tool-workflow/run-start");
+				return {
+					name: match.event.data.name,
+					members: []
+				};
+			},
+			update: (context, match) => {
+				if (match.event.type === "tool-workflow/agent-start") return updateAgentStart(context.state, match.event.data);
+				if (match.event.type === "tool-workflow/agent-end") return updateAgentEnd(context.state, match.event.data);
+				if (match.event.type === "tool-workflow/run-end") return {
+					...context.state,
+					stopReason: match.event.data.stopReason
+				};
+				return context.state;
+			},
+			buildViewNode: (context) => {
+				if (context.start === void 0) return null;
+				const data = projectWorkflow(context, context.start.location);
+				return {
+					key: context.key,
+					kind: "workflow-run",
+					id: context.id,
+					target: "chat",
+					anchorSeq: context.start.event.seq,
+					location: context.start.location,
+					visibility: "visible",
+					data
+				};
+			}
+		};
+		//#endregion
+		//#region lib/types/client/index.js
+		/** Browser plugin for durable workflow-run Conversation Nodes. */
+		/** Required services for Definition, keyed renderer, navigation, and copy. */
+		const inject = [
+			"conversationEvents",
+			"slots",
+			"sessions",
+			"locale"
+		];
+		/** Register the workflow Definition, dictionary, and keyed Chat renderer. */
+		function apply(ctx) {
+			ctx.conversationEvents.register(workflowRunDefinition);
+			ctx.effect(() => ctx.locale.register(NS, {
+				zh,
+				en
+			}), "ui-workflow-run: dictionaries");
+			ctx.slots.inject("conversation.chat.node", () => ctx.slots.register({
+				name: "conversation.chat.node",
+				key: "workflow-run",
+				locale: NS,
+				inject: () => ({ openSession: (id) => {
+					ctx.sessions.open(id);
+				} })
+			}, WorkflowRunPanel));
+		}
+		//#endregion
+		exports.apply = apply;
+		exports.inject = inject;
+		return module.exports;
+	}
+});
+
+//# sourceMappingURL=client.js.map