@rytass/bpm-core-react 0.4.1 → 0.6.0

package/dist/chunks/designer-mOMxJ0Py.js

@@ -0,0 +1,2576 @@
+"use client";
+import { r as e } from "./router-adapter-DftlFTOd.js";
+import { r as t } from "./routes-config-RBYQtUd0.js";
+import { a as n, n as r, o as i, r as a } from "./admin-pickers-DLlG_1du.js";
+import { t as o } from "./bpm-form-field-Cao0rMol.js";
+import { t as s } from "./FormBuilderView-D8DrQOXD.js";
+import { Fragment as c, useCallback as l, useEffect as u, useMemo as d, useRef as f, useState as p } from "react";
+import { AutoComplete as m, Button as h, Icon as ee, Input as g, Modal as _, PageHeader as te, Section as ne, SectionGroup as re, Select as v, Textarea as ie, Toggle as ae, Typography as y } from "@mezzanine-ui/react";
+import { Fragment as b, jsx as x, jsxs as S } from "react/jsx-runtime";
+import oe from "@mezzanine-ui/react/Drawer";
+import se from "@mezzanine-ui/react/ContentHeader";
+import { CheckedIcon as ce, DotGridIcon as le, EyeIcon as ue, FilterIcon as de, MailIcon as fe, SaveIcon as pe, TrashIcon as me, UserIcon as he } from "@mezzanine-ui/icons";
+import { DefaultChatTransport as ge, getToolName as _e, isToolUIPart as ve, lastAssistantMessageIsCompleteWithToolCalls as ye } from "ai";
+import { WORKFLOW_TOOLSET as be, applyWorkflowCommand as C, applyWorkflowMacroCommand as xe, executeWorkflowTool as Se, readWorkflowSnapshot as Ce } from "@rytass/bpm-core-shared";
+import { readFormBuilder as we } from "@rytass/bpm-core-client/form";
+import { readOrganizationDashboard as Te } from "@rytass/bpm-core-client/organization";
+import { Background as Ee, ConnectionMode as De, ControlButton as Oe, Controls as ke, Handle as Ae, MiniMap as je, Panel as Me, Position as w, ReactFlow as Ne, applyNodeChanges as Pe, getViewportForBounds as Fe } from "@xyflow/react";
+import * as Ie from "dagre";
+import { composeApprovalTemplateWithForm as Le, dryRunApprovalWorkflow as Re, forkApprovalTemplate as ze, publishApprovalTemplateVersion as Be, readTemplateDesigner as Ve, resolveMemberOptions as He, searchMemberOptions as Ue, searchPublishedFormVersionOptions as We, updateApprovalTemplateDraft as Ge } from "@rytass/bpm-core-client/template";
+import { useChat as Ke } from "@ai-sdk/react";
+//#region src/views/templates/designer/use-workflow-designer-controller.ts
+function qe({ directory: e, initialState: t, layout: n, onLayout: r }) {
+	let [i, a] = p(t), o = f(t), s = f(e);
+	s.current = e;
+	let c = l((e) => {
+		if (!e.changed && !e.error) return e;
+		let t = e.effects.layout ? n(e.state.definition) : e.state.definition, i = {
+			...e.state,
+			definition: t
+		};
+		return o.current = i, a(i), e.effects.layout && r?.(t), {
+			...e,
+			state: i
+		};
+	}, [n, r]), u = l((e) => c(C(o.current, e)), [c]), m = l((e) => c(xe(o.current, e)), [c]), h = l(async (e, t) => {
+		let n = await Se(o.current, e, t, { directory: s.current });
+		if (n.ok && (n.kind === "mutation" || n.kind === "macro")) {
+			let e = c(n.result);
+			return {
+				...n,
+				result: e,
+				snapshot: Ce(e.state)
+			};
+		}
+		return n;
+	}, [c]), ee = l((e) => {
+		let t = typeof e == "function" ? e(o.current) : e;
+		o.current = t, a(t);
+	}, []), g = l(() => o.current, []), _ = d(() => Ce(i), [i]);
+	return d(() => ({
+		dispatch: u,
+		dispatchMacro: m,
+		executeTool: h,
+		getState: g,
+		replaceState: ee,
+		snapshot: _,
+		state: i,
+		tools: be
+	}), [
+		u,
+		m,
+		h,
+		g,
+		ee,
+		_,
+		i
+	]);
+}
+//#endregion
+//#region src/views/templates/designer/use-workflow-chat.ts
+function Je({ controller: e, api: t = "/api/chat" }) {
+	let n = Ke({
+		transport: d(() => new ge({ api: t }), [t]),
+		sendAutomaticallyWhen: ye,
+		async onToolCall({ toolCall: t }) {
+			let r = await e.executeTool(t.toolName, t.input);
+			if (r.ok) {
+				n.addToolOutput({
+					output: r.kind === "query" ? r.data : r.snapshot,
+					tool: t.toolName,
+					toolCallId: t.toolCallId
+				});
+				return;
+			}
+			n.addToolOutput({
+				errorText: r.error,
+				state: "output-error",
+				tool: t.toolName,
+				toolCallId: t.toolCallId
+			});
+		}
+	});
+	return n;
+}
+//#endregion
+//#region src/views/templates/designer/chrome-workflow-chat.ts
+var Ye = 12;
+function Xe() {
+	let e = globalThis.LanguageModel;
+	return e && typeof e == "object" ? e : null;
+}
+var Ze = {
+	additionalProperties: !1,
+	properties: {
+		action: {
+			enum: ["tool", "message"],
+			type: "string"
+		},
+		input: { type: "object" },
+		text: { type: "string" },
+		tool: { type: "string" }
+	},
+	required: ["action"],
+	type: "object"
+};
+function Qe() {
+	return `你是「簽核流程設計器」頁面的離線 AI 助理。只能透過下列工具操作這個流程畫布，其他請求一律婉拒並引導回流程設計。
+
+每一步只輸出一個 JSON 決策物件：
+- 呼叫工具：{"action":"tool","tool":"<工具名>","input":{...}}
+- 回覆使用者（完成或詢問）：{"action":"message","text":"<繁體中文訊息>"}
+
+規則：先用 get_workflow_snapshot 了解現況再規劃；完成後用 validate_workflow 檢查並以 message 說明做了什麼。
+
+可用工具：
+${be.map((e) => `- ${e.name}(${JSON.stringify(e.inputSchema.properties ?? {})}): ${e.description}`).join("\n")}`;
+}
+function T({ controller: e }) {
+	let [t, n] = p(!1), [r, i] = p([]), [a, o] = p("ready"), s = f(0);
+	u(() => {
+		let e = Xe();
+		e && e.availability().then((e) => {
+			n(e !== "unavailable");
+		}).catch(() => n(!1));
+	}, []);
+	let c = l((e, t) => {
+		s.current += 1, i((n) => [...n, {
+			id: `chrome-${s.current}`,
+			parts: [{
+				text: t,
+				type: "text"
+			}],
+			role: e
+		}]);
+	}, []);
+	return {
+		available: t,
+		messages: r,
+		send: l((t) => {
+			let n = Xe();
+			!n || a !== "ready" || (c("user", t), o("submitted"), E({
+				appendMessage: c,
+				controller: e,
+				model: n,
+				userText: t
+			}).then(() => o("ready")).catch((e) => {
+				c("assistant", O(e)), o("error");
+			}));
+		}, [
+			c,
+			e,
+			a
+		]),
+		status: a
+	};
+}
+async function E({ appendMessage: e, controller: t, model: n, userText: r }) {
+	let i = await n.create({ initialPrompts: [{
+		content: Qe(),
+		role: "system"
+	}] });
+	try {
+		let n = `使用者需求：${r}\n目前流程：${JSON.stringify(t.snapshot)}`;
+		for (let r = 0; r < Ye; r += 1) {
+			let r = D(await i.prompt(n, { responseConstraint: Ze }));
+			if (!r || r.action === "message") {
+				e("assistant", r?.text ?? "我已完成可處理的部分。");
+				return;
+			}
+			if (!r.tool) {
+				e("assistant", "我已完成可處理的部分。");
+				return;
+			}
+			let a = await t.executeTool(r.tool, r.input ?? {});
+			if (a.ok) {
+				let t = a.kind === "query" ? a.data : a.snapshot;
+				e("assistant", `⚙ ${r.tool}`), n = `工具 ${r.tool} 已執行。最新流程：${JSON.stringify(t)}\n請決定下一步。`;
+			} else n = `工具 ${r.tool} 失敗：${a.error}\n請改用其他方式或回覆使用者。`;
+		}
+		e("assistant", "已達到單次操作步數上限，請告訴我下一步。");
+	} finally {
+		i.destroy();
+	}
+}
+function D(e) {
+	try {
+		let t = JSON.parse(e);
+		return typeof t == "object" && t && t.action !== void 0 ? t : null;
+	} catch {
+		return null;
+	}
+}
+function O(e) {
+	return e instanceof Error ? `離線模式發生錯誤：${e.message}` : "離線模式發生未知錯誤。";
+}
+//#endregion
+//#region src/views/templates/designer/workflow-chat-drawer.tsx
+var $e = {
+	display: "flex",
+	flexDirection: "column",
+	gap: 12,
+	height: "100%"
+}, k = {
+	display: "flex",
+	flex: 1,
+	flexDirection: "column",
+	gap: 12,
+	minHeight: 0,
+	overflowY: "auto"
+}, et = {
+	display: "flex",
+	gap: 8,
+	paddingBottom: 4
+}, tt = {
+	borderTop: "1px solid var(--mzn-color-border-neutral, #e5e7eb)",
+	display: "flex",
+	flexDirection: "column",
+	gap: 8,
+	paddingTop: 12
+}, nt = {
+	display: "flex",
+	justifyContent: "flex-end"
+}, rt = { width: "100%" }, A = "workflow-chat-input-field", it = `
+.${A}.mzn-text-field {
+  width: 100%;
+}
+`, at = {
+	color: "var(--mzn-color-text-secondary, #6b7280)",
+	fontSize: 12,
+	padding: "2px 0"
+}, ot = {
+	"input-available": "執行中…",
+	"input-streaming": "準備中…",
+	"output-available": "完成",
+	"output-error": "失敗"
+};
+function j(e) {
+	let t = e === "user";
+	return {
+		alignSelf: t ? "flex-end" : "flex-start",
+		background: t ? "var(--mzn-color-primary, #2563eb)" : "var(--mzn-color-surface, #f3f4f6)",
+		borderRadius: 10,
+		color: t ? "#fff" : "var(--mzn-color-text-primary, #111827)",
+		maxWidth: "85%",
+		padding: "8px 12px",
+		whiteSpace: "pre-wrap",
+		wordBreak: "break-word"
+	};
+}
+function st({ api: e, controller: t, onClose: n, open: r }) {
+	let i = Je({
+		api: e,
+		controller: t
+	}), a = T({ controller: t }), [o, s] = p("online"), [u, d] = p(""), f = o === "offline" ? {
+		messages: a.messages,
+		send: a.send,
+		status: a.status
+	} : {
+		messages: i.messages,
+		send: (e) => {
+			i.sendMessage({ text: e });
+		},
+		status: i.status
+	}, { messages: m, send: ee } = f, g = f.status === "submitted" || f.status === "streaming", _ = l(() => {
+		let e = u.trim();
+		!e || g || (d(""), ee(e));
+	}, [
+		g,
+		u,
+		ee
+	]), te = l((e) => {
+		e.nativeEvent.isComposing || e.key === "Enter" && !e.shiftKey && (e.preventDefault(), _());
+	}, [_]);
+	return /* @__PURE__ */ S(oe, {
+		headerTitle: "AI 流程助理",
+		isHeaderDisplay: !0,
+		onClose: n,
+		open: r,
+		size: "medium",
+		children: [/* @__PURE__ */ x("style", { children: it }), /* @__PURE__ */ S("div", {
+			style: $e,
+			children: [
+				a.available ? /* @__PURE__ */ S("div", {
+					style: et,
+					children: [/* @__PURE__ */ x(h, {
+						onClick: () => s("online"),
+						variant: o === "online" ? "base-primary" : "base-tertiary",
+						children: "線上"
+					}), /* @__PURE__ */ x(h, {
+						onClick: () => s("offline"),
+						variant: o === "offline" ? "base-primary" : "base-tertiary",
+						children: "離線（裝置內，實驗）"
+					})]
+				}) : null,
+				/* @__PURE__ */ S("div", {
+					role: "log",
+					style: k,
+					children: [
+						m.length === 0 ? /* @__PURE__ */ x(y, {
+							color: "text-neutral",
+							variant: "body",
+							children: "用一句話描述你想要的流程，例如：「建立三關簽核：部門主管 → 經理 → 財務，金額大於十萬走財務複核」。我會直接在畫布上幫你繪製。"
+						}) : null,
+						m.map((e) => /* @__PURE__ */ x(c, { children: ct(e) }, e.id)),
+						g ? /* @__PURE__ */ x(y, {
+							color: "text-neutral",
+							variant: "body",
+							children: "思考中…"
+						}) : null
+					]
+				}),
+				/* @__PURE__ */ S("div", {
+					style: tt,
+					children: [/* @__PURE__ */ x(ie, {
+						className: A,
+						disabled: g,
+						maxLength: 2e3,
+						onChange: (e) => d(e.target.value),
+						onKeyDown: te,
+						placeholder: "描述你想要的流程…（Enter 送出，Shift + Enter 換行）",
+						rows: 3,
+						style: rt,
+						value: u
+					}), /* @__PURE__ */ x("div", {
+						style: nt,
+						children: /* @__PURE__ */ x(h, {
+							disabled: g || u.trim().length === 0,
+							loading: g,
+							onClick: _,
+							type: "button",
+							variant: "base-primary",
+							children: "送出"
+						})
+					})]
+				})
+			]
+		})]
+	});
+}
+function ct(e) {
+	return e.parts.map((t, n) => t.type === "text" ? /* @__PURE__ */ x("div", {
+		style: j(e.role),
+		children: t.text
+	}, `${e.id}-${n}`) : t.type === "dynamic-tool" || ve(t) ? /* @__PURE__ */ x("div", {
+		style: at,
+		children: `⚙ ${_e(t)} · ${ot[t.state] ?? t.state}`
+	}, `${e.id}-${n}`) : null);
+}
+//#endregion
+//#region src/views/templates/designer/TemplateDesignerView.tsx
+var lt = {
+	display: "grid",
+	gap: 16
+}, ut = {
+	alignItems: "start",
+	display: "grid",
+	gap: 16,
+	gridTemplateColumns: "minmax(0, 1fr) 420px"
+}, dt = {
+	border: "1px solid var(--mzn-color-border-neutral)",
+	borderRadius: 6,
+	height: 620,
+	minWidth: 0,
+	overflow: "hidden"
+}, ft = {
+	alignItems: "center",
+	boxSizing: "border-box",
+	color: "var(--mzn-color-text-error)",
+	display: "flex",
+	height: 26,
+	justifyContent: "center",
+	lineHeight: 0,
+	padding: 0,
+	width: 26
+}, pt = {
+	alignItems: "center",
+	display: "flex",
+	height: "100%",
+	justifyContent: "center",
+	width: "100%"
+}, mt = "workflow-designer-side-panel", M = 96, ht = `
+.${mt} .mzn-form-field--stretch .mzn-form-field__label-area,
+.${mt} .mzn-form-field--horizontal .mzn-form-field__label-area {
+  flex: 0 0 ${M}px;
+  width: ${M}px;
+}
+
+.${mt} .mzn-form-field--stretch .mzn-form-field__data-entry,
+.${mt} .mzn-form-field--horizontal .mzn-form-field__data-entry {
+  min-width: 0;
+}
+`, gt = "#2563eb", N = "#64748b", _t = "var(--mzn-color-text-error, #dc2626)", vt = "drop-shadow(0 0 3px rgba(0, 87, 255, 0.85)) drop-shadow(0 0 9px rgba(0, 87, 255, 0.36))", yt = `
+.workflow-selection-delete-control.react-flow__controls-button {
+  align-items: center !important;
+  display: flex !important;
+  height: 26px !important;
+  justify-content: center !important;
+  padding: 0 !important;
+  width: 26px !important;
+}
+
+.workflow-selection-delete-control .mzn-icon {
+  align-items: center;
+  display: flex;
+  justify-content: center;
+}
+
+.workflow-selection-delete-control .mzn-icon svg {
+  height: 16px !important;
+  max-height: none !important;
+  max-width: none !important;
+  width: 16px !important;
+}
+
+.workflow-edge--selected .react-flow__edge-path,
+.react-flow__edge-path.workflow-edge--selected {
+  filter: ${vt};
+  opacity: 1 !important;
+  stroke: ${N} !important;
+  stroke-opacity: 1 !important;
+  stroke-width: 1.5px !important;
+}
+
+.workflow-edge--selected {
+  --xy-edge-stroke: ${N};
+  --xy-edge-stroke-selected: ${N};
+  --xy-edge-stroke-width: 1.5px;
+}
+
+`, bt = {
+	display: "grid",
+	gap: 12
+}, P = {
+	display: "grid",
+	gap: 12
+}, xt = {
+	border: "1px solid var(--mzn-color-border-neutral)",
+	borderRadius: 6,
+	display: "grid",
+	gap: 8,
+	maxHeight: 360,
+	overflow: "auto",
+	padding: 12
+}, St = {
+	borderBottom: "1px solid var(--mzn-color-border-neutral)",
+	display: "grid",
+	gap: 4,
+	padding: "0 0 8px"
+}, Ct = {
+	display: "flex",
+	flexWrap: "wrap",
+	gap: 8
+}, wt = {
+	alignItems: "center",
+	display: "flex",
+	gap: 8
+}, Tt = {
+	flex: "1 1 auto",
+	minWidth: 0
+}, Et = { flex: "0 0 auto" }, Dt = {
+	display: "grid",
+	gap: 8
+}, F = {
+	alignContent: "center",
+	background: "var(--mzn-color-bg-surface)",
+	border: "1px solid var(--mzn-color-border-neutral)",
+	borderRadius: 6,
+	boxShadow: "0 8px 20px rgba(15, 23, 42, 0.08)",
+	boxSizing: "border-box",
+	display: "grid",
+	gap: 4,
+	height: "100%",
+	minWidth: 132,
+	overflow: "visible",
+	padding: "10px 12px",
+	textAlign: "center",
+	width: "100%"
+}, Ot = "0 8px 20px rgba(15, 23, 42, 0.08), 0 0 0 1px var(--mzn-color-primary, #0057ff), 0 0 10px rgba(0, 87, 255, 0.3)", kt = 64, At = 160, I = 20, jt = 64, Mt = 180, L = {
+	...F,
+	display: "grid",
+	gap: 8,
+	padding: "10px 12px"
+}, Nt = {
+	...L,
+	background: "#eff6ff",
+	border: "1px solid #2563eb"
+}, R = {
+	...L,
+	background: "#f0fdfa",
+	border: "1px solid #0f766e"
+}, Pt = {
+	...F,
+	background: "#ffffff"
+}, z = {
+	...F,
+	background: "#ecfdf3",
+	border: "1px solid #2f855a"
+}, Ft = {
+	...F,
+	background: "#fff4ed",
+	border: "1px solid #c2410c"
+}, It = {
+	display: "block",
+	maxWidth: "100%",
+	minWidth: 0
+}, Lt = {
+	display: "grid",
+	gap: 2,
+	minWidth: 0
+}, Rt = "input", B = "output", zt = {
+	endEvent: "結束",
+	exclusiveGateway: "條件分流",
+	parallelGateway: "並行處理",
+	serviceTask: "系統",
+	startEvent: "開始",
+	userTask: "簽核"
+}, Bt = [{
+	icon: he,
+	label: "簽核節點",
+	type: "userTask"
+}, {
+	icon: fe,
+	label: "知會節點",
+	type: "serviceTask"
+}], Vt = [{
+	icon: de,
+	label: "條件分流",
+	type: "exclusiveGateway"
+}], Ht = [{
+	id: "AND",
+	name: "全部前置完成"
+}, {
+	id: "OR",
+	name: "任一前置完成"
+}], Ut = [{
+	id: "RESTART",
+	name: "重新送出後從開始重跑"
+}, {
+	id: "FROM_RETURN_POINT",
+	name: "重新送出後回到退回節點"
+}], Wt = [
+	{
+		id: "DIRECT",
+		name: "指定會員"
+	},
+	{
+		id: "ORG_MANAGER",
+		name: "發起人主管"
+	},
+	{
+		id: "ORG_UNIT_MANAGER",
+		name: "指定組織主管"
+	},
+	{
+		id: "ORG_UNIT_MEMBER",
+		name: "組織任一人"
+	},
+	{
+		id: "ORG_UNIT_POSITION",
+		name: "組織特定職位"
+	},
+	{
+		id: "POSITION",
+		name: "指定職位"
+	}
+], Gt = [
+	{
+		id: "1",
+		name: "直屬主管",
+		value: 1
+	},
+	{
+		id: "2",
+		name: "第二層主管",
+		value: 2
+	},
+	{
+		id: "3",
+		name: "第三層主管",
+		value: 3
+	}
+], Kt = [{
+	id: "NONE",
+	name: "停止流程並提示"
+}, {
+	id: "DIRECT",
+	name: "固定改派"
+}], qt = [
+	{
+		id: "EQUALS",
+		name: "等於"
+	},
+	{
+		id: "NOT_EQUALS",
+		name: "不等於"
+	},
+	{
+		id: "GREATER_THAN",
+		name: "大於"
+	},
+	{
+		id: "GREATER_THAN_OR_EQUALS",
+		name: "大於等於"
+	},
+	{
+		id: "LESS_THAN",
+		name: "小於"
+	},
+	{
+		id: "LESS_THAN_OR_EQUALS",
+		name: "小於等於"
+	},
+	{
+		id: "IS_FILLED",
+		name: "已填寫"
+	},
+	{
+		id: "IS_EMPTY",
+		name: "未填寫"
+	}
+], Jt = [
+	"EQUALS",
+	"GREATER_THAN",
+	"GREATER_THAN_OR_EQUALS",
+	"LESS_THAN",
+	"LESS_THAN_OR_EQUALS",
+	"NOT_EQUALS"
+], Yt = [
+	{
+		id: "NONE",
+		name: "未設定"
+	},
+	{
+		id: "ALL",
+		name: "所有人"
+	},
+	{
+		id: "ORG_UNIT",
+		name: "指定組織"
+	},
+	{
+		id: "ORG_UNIT_POSITION",
+		name: "指定組織職位"
+	}
+], Xt = {
+	id: "CUSTOM",
+	name: "既有自訂規則"
+}, Zt = "member-001", Qt = {
+	display: "flex",
+	flexDirection: "column",
+	height: "100%"
+}, $t = {
+	flex: 1,
+	minHeight: 0,
+	overflowY: "auto"
+}, en = {
+	borderTop: "1px solid var(--mzn-color-border-neutral)",
+	display: "flex",
+	gap: 8,
+	paddingTop: 12
+}, tn = {
+	fields: [],
+	schemaVersion: 1
+}, nn = {
+	layout: [],
+	schemaVersion: 1
+}, rn = {
+	endEvent: V,
+	exclusiveGateway: V,
+	parallelGateway: V,
+	serviceTask: V,
+	startEvent: V,
+	userTask: V
+};
+function an(e, t) {
+	return typeof e == "function" ? e(t) : e;
+}
+function on({ aiAssistantAvailable: n = !0, embedded: i = !1, formSchemaOverride: c, initialInitiatorPolicyCel: le, initialWorkflowDefinition: de, onInitiatorPolicyChange: fe, onWorkflowChange: he, showAiAssistant: ge = !1, showDryRun: _e = !0, templateId: ve }) {
+	let ye = e(), be = t(), [C, xe] = p(null), [Se, Ce] = p(null), [Ae, Me] = p(""), [w, Fe] = p(null), [Ie, Ke] = p(null), Je = f(null), [Ye, Xe] = p(void 0), Ze = f([]), Qe = f([]), T = qe({
+		directory: d(() => ({
+			listOrgUnits: async () => Ze.current.map((e) => ({
+				id: e.id,
+				name: e.name
+			})),
+			listPositions: async () => Qe.current.map((e) => ({
+				id: e.id,
+				name: e.name
+			})),
+			searchMembers: async (e) => $n(await Ue(e)).map((e) => ({
+				email: e.email,
+				id: e.memberId,
+				name: e.name
+			}))
+		}), []),
+		initialState: {
+			definition: i && de != null ? de : bn(),
+			editingEdgeId: null,
+			formDefinitionVersionId: null,
+			formSchema: null,
+			initiatorPolicyCel: i && le !== void 0 ? le : null,
+			selectedEdgeIds: [],
+			selectedNodeId: i && de != null ? de.nodes[0]?.id ?? "start" : "start"
+		},
+		layout: Sn,
+		onLayout: (e) => {
+			let t = vr(e, Je.current);
+			t && Xe(t);
+		}
+	}), E = T.state.definition, D = T.state.formDefinitionVersionId, O = T.state.initiatorPolicyCel, $e = T.state.selectedNodeId, k = T.state.selectedEdgeIds, et = T.state.editingEdgeId, tt = (e) => T.replaceState((t) => ({
+		...t,
+		definition: an(e, t.definition)
+	})), nt = (e) => T.replaceState((t) => ({
+		...t,
+		formDefinitionVersionId: an(e, t.formDefinitionVersionId)
+	})), rt = (e) => T.replaceState((t) => ({
+		...t,
+		initiatorPolicyCel: an(e, t.initiatorPolicyCel)
+	})), A = (e) => T.replaceState((t) => ({
+		...t,
+		selectedNodeId: an(e, t.selectedNodeId)
+	})), it = (e) => T.replaceState((t) => ({
+		...t,
+		selectedEdgeIds: an(e, t.selectedEdgeIds)
+	})), at = (e) => T.replaceState((t) => ({
+		...t,
+		editingEdgeId: an(e, t.editingEdgeId)
+	})), [ot, j] = p(null), [ct, M] = p(!0), [gt, N] = p(!1), [vt, F] = p(!1), [Ot, kt] = p([]), At = d(() => JSON.stringify({
+		formDefinitionVersionId: D,
+		initiatorPolicyCel: O,
+		workflowDefinition: E
+	}), [
+		D,
+		O,
+		E
+	]), I = !!Ae && At !== Ae, [jt, Mt] = p(!1), [L, Nt] = p([]), [R, Pt] = p([]), [z, Ft] = p([]), [It, Lt] = p([]);
+	Ze.current = R, Qe.current = z;
+	let [Rt, B] = p(!1), [qt, Jt] = p(!1), [on, V] = p("{}"), [cn, ln] = p(null), [un, dn] = p(null), [H, pn] = p(!1), [mn, hn] = p(!1), [U, vn] = p(null), [yn, Mn] = p(!1), [Fn, Ln] = p(!1), Hn = I || yn ? "保存並發布" : Se ? "發布草稿" : "已發布";
+	u(() => {
+		i ? Or() : Ar();
+	}, [i, ve]), u(() => {
+		function e(e) {
+			I && (e.preventDefault(), e.returnValue = "");
+		}
+		return window.addEventListener("beforeunload", e), () => {
+			window.removeEventListener("beforeunload", e);
+		};
+	}, [I]), u(() => {
+		Nr(E);
+	}, [E, L]), u(() => {
+		tt((e) => _n(e));
+	}, [E.edges, E.nodes]);
+	function Un() {
+		I && !window.confirm("目前有尚未儲存的流程草稿，確定要離開嗎？") || ye.push(be.templates());
+	}
+	let G = d(() => E.nodes.find((e) => e.id === $e) ?? null, [$e, E.nodes]), qn = G ? Vn(G) : !1, Yn = k.length > 0 || qn, K = l(() => {
+		T.getState().selectedEdgeIds.forEach((e) => T.dispatch({
+			edgeId: e,
+			type: "deleteEdge"
+		})), G && Vn(G) && T.dispatch({
+			nodeId: G.id,
+			type: "deleteNode"
+		});
+	}, [T, G]);
+	u(() => {
+		if (!Yn) return;
+		function e(e) {
+			e.key !== "Delete" && e.key !== "Backspace" || Wn(e.target) || (e.preventDefault(), K());
+		}
+		return window.addEventListener("keydown", e), () => {
+			window.removeEventListener("keydown", e);
+		};
+	}, [Yn, K]);
+	let ar = d(() => E.edges.find((e) => e.id === et) ?? null, [et, E.edges]), sr = d(() => k.length === 1 ? E.edges.find((e) => e.id === k[0]) ?? null : null, [k, E.edges]), cr = d(() => k.map((e) => E.edges.find((t) => t.id === e) ?? null).filter((e) => !!e), [k, E.edges]), q = d(() => Ie ?? Nn(O, w), [
+		O,
+		Ie,
+		w
+	]), lr = d(() => E.nodes.map((e) => fn(e, L, R, z, e.id === $e, q)), [
+		q,
+		L,
+		R,
+		z,
+		$e,
+		E.nodes
+	]), dr = d(() => E.edges.map((e) => gn(e, E.nodes, k.includes(e.id))), [
+		k,
+		E.edges,
+		E.nodes
+	]), J = d(() => W(Ot, D) ?? W(Gn(C?.formVersions ?? []), D), [
+		D,
+		Ot,
+		C?.formVersions
+	]), mr = d(() => Qn(Ot, J), [Ot, J]), hr = J?.schema ?? null, gr = i ? c ?? null : hr;
+	u(() => {
+		T.getState().formSchema !== gr && T.replaceState((e) => ({
+			...e,
+			formSchema: gr
+		}));
+	}, [T, gr]);
+	let _r = d(() => yr(E), [E]), Y = d(() => br(E), [E]), X = d(() => Pn(q), [q]);
+	u(() => {
+		i && he?.(E);
+	}, [i, E]), u(() => {
+		i && fe?.(O);
+	}, [i, O]);
+	async function Or() {
+		M(!0), j(null);
+		try {
+			let e = await Te();
+			Pt(e.orgUnits), Ft(e.positions), Lt(e.memberships);
+		} catch (e) {
+			j(Z(e));
+		} finally {
+			M(!1);
+		}
+	}
+	async function Ar() {
+		M(!0), j(null);
+		try {
+			let [e, t] = await Promise.all([Ve(ve), Te()]), n = e.versions.find((e) => e.status === "DRAFT") ?? null, r = n ?? e.versions[0] ?? null;
+			xe(e), Ce(n), Pt(t.orgUnits), Ft(t.positions), Lt(t.memberships), kt(Gn(e.formVersions));
+			let i = r?.workflowDefinition ?? bn(), a = r?.formDefinitionVersionId ?? e.formVersions[0]?.id ?? null, o = r?.initiatorPolicyCel ?? null;
+			tt(i), nt(a), rt(o), Me(JSON.stringify({
+				formDefinitionVersionId: a,
+				initiatorPolicyCel: o,
+				workflowDefinition: i
+			})), Fe(r && !e.template.currentVersionId && !r.initiatorPolicyCel && xn(r.workflowDefinition) ? "NONE" : null), Ke(null), A(r?.workflowDefinition.nodes[0]?.id ?? "start"), it([]), at(null), vn(null), Mn(!1);
+		} catch (e) {
+			j(Z(e));
+		} finally {
+			M(!1);
+		}
+	}
+	async function Mr(e) {
+		F(!0), j(null);
+		try {
+			kt(Qn(Gn(await We(e)), J));
+		} catch (e) {
+			j(Z(e));
+		} finally {
+			F(!1);
+		}
+	}
+	async function Q(e) {
+		Mt(!0), j(null);
+		try {
+			let t = await Ue(e);
+			Nt((e) => fr(e, $n(t)));
+		} catch (e) {
+			j(Z(e));
+		} finally {
+			Mt(!1);
+		}
+	}
+	async function Nr(e) {
+		let t = pr(e).filter((e) => !L.some((t) => t.memberId === e));
+		if (t.length !== 0) try {
+			let e = await He(t);
+			Nt((t) => fr(t, $n(e)));
+		} catch {
+			Nt((e) => fr(e, t.map(er)));
+		}
+	}
+	async function Pr(e) {
+		N(!0), j(null);
+		try {
+			let t = yr(E), n = Pn(q);
+			if (t || n) {
+				let e = t ?? n ?? "流程設定未完成";
+				throw j(e), Error(e);
+			}
+			if (yn && U !== null) await Le({
+				category: C?.template.category ?? null,
+				categoryId: C?.template.categoryId ?? null,
+				formDefinitionId: J?.formDefinitionId ?? null,
+				formDescription: null,
+				formName: J?.formName ?? C?.template.name ?? "表單",
+				initiatorPolicyCel: O,
+				notificationConfig: null,
+				publish: e,
+				schema: U.schema,
+				slaDefaults: null,
+				templateDescription: null,
+				templateId: ve ?? null,
+				templateName: C?.template.name ?? "模板",
+				uiSchema: U.uiSchema,
+				workflowDefinition: E
+			}), Mn(!1), vn(null), await Ar();
+			else {
+				let t = await Ge({
+					formDefinitionVersionId: D,
+					initiatorPolicyCel: O,
+					versionId: (Se ?? await ze(ve)).id,
+					workflowDefinition: E
+				});
+				Ce(t), e && await Be(t.id), await Ar();
+			}
+		} catch (e) {
+			throw j(Z(e)), e;
+		} finally {
+			N(!1);
+		}
+	}
+	async function Fr() {
+		await Pr(!1);
+	}
+	async function Ir() {
+		await Pr(!0);
+	}
+	function Lr() {
+		V(JSON.stringify(Kn(J), null, 2)), ln(null), dn(null), B(!0);
+	}
+	function Rr() {
+		qt || B(!1);
+	}
+	async function zr() {
+		Jt(!0), dn(null), ln(null);
+		try {
+			ln(await Re({
+				formData: Jn(on),
+				initiatorMemberId: Zt,
+				initiatorMetadataSnapshot: or(Zt, It),
+				workflowDefinition: E
+			}));
+		} catch (e) {
+			dn(Z(e));
+		} finally {
+			Jt(!1);
+		}
+	}
+	async function Br() {
+		if (hn(!0), U !== null) return;
+		let e = J?.formDefinitionId ?? null;
+		if (!e) {
+			vn({
+				schema: tn,
+				uiSchema: nn
+			});
+			return;
+		}
+		Ln(!0);
+		try {
+			let t = await we(e), n = t.versions.find((e) => e.status === "DRAFT") ?? t.versions.find((e) => e.id === t.definition.currentVersionId) ?? t.versions[0] ?? null;
+			vn({
+				schema: n?.schema ?? tn,
+				uiSchema: n?.uiSchema ?? nn
+			});
+		} catch (e) {
+			j(Z(e));
+		} finally {
+			Ln(!1);
+		}
+	}
+	function Vr(e) {
+		let t = Pe(e, lr);
+		tt((e) => ({
+			...e,
+			nodes: e.nodes.map((e) => {
+				let n = t.find((t) => t.id === e.id);
+				return n ? {
+					...e,
+					position: n.position
+				} : e;
+			})
+		}));
+	}
+	function Hr(e) {
+		!zn(e, E.nodes) || !e.source || !e.target || T.dispatch({
+			source: e.source,
+			target: e.target,
+			type: "connectEdge"
+		});
+	}
+	function Ur(e, t) {
+		e.stopPropagation(), it((n) => e.shiftKey || e.metaKey || e.ctrlKey ? Bn(n, t.id) : [t.id]), A(null);
+	}
+	function Wr() {
+		at(null);
+	}
+	function Gr(e) {
+		T.dispatch({
+			nodeType: e,
+			type: "addNode"
+		});
+	}
+	function Kr(e) {
+		G && T.dispatch({
+			label: e,
+			nodeId: G.id,
+			type: "renameNode"
+		});
+	}
+	function $(e) {
+		!G || G.type !== "userTask" || T.dispatch({
+			approverResolver: e,
+			nodeId: G.id,
+			type: "setUserTaskApprover"
+		});
+	}
+	function qr(e) {
+		!G || G.type !== "userTask" || T.dispatch({
+			nodeId: G.id,
+			resubmitStrategy: e,
+			type: "setUserTaskReturnResubmitStrategy"
+		});
+	}
+	function Jr(e) {
+		!G || G.type !== "serviceTask" || T.dispatch({
+			action: e,
+			nodeId: G.id,
+			type: "setServiceAction"
+		});
+	}
+	function Yr(e) {
+		Ke(e.mode === "ALL" || e.mode === "CUSTOM" ? null : e), Fe(e.mode === "ALL" || e.mode === "CUSTOM" ? null : e.mode), rt(In(e, R));
+	}
+	function Xr(e) {
+		!G || G.type === "startEvent" || T.dispatch({
+			nodeId: G.id,
+			triggerMode: e,
+			type: "setNodeTriggerMode"
+		});
+	}
+	function Zr(e, t) {
+		T.dispatch({
+			edgeId: e,
+			isDefault: t,
+			type: "setEdgeDefault"
+		});
+	}
+	function Qr({ edgeId: e, fieldKey: t, operator: n, value: r }) {
+		T.dispatch({
+			edgeId: e,
+			fieldKey: t,
+			operator: n,
+			type: "setEdgeCondition",
+			value: r
+		});
+	}
+	function $r() {
+		T.dispatch({ type: "autoLayout" });
+	}
+	return /* @__PURE__ */ S(b, { children: [
+		/* @__PURE__ */ x("style", { children: ht }),
+		i ? null : /* @__PURE__ */ x(te, { children: /* @__PURE__ */ S(se, {
+			description: `${Se ? `草稿 v${Se.version}` : "尚未建立草稿"} ·${C?.template.currentVersionId ? " 已發布版本" : " 尚未發布"}`,
+			onBackClick: Un,
+			title: C?.template.name ?? "流程設計器",
+			children: [
+				ge ? /* @__PURE__ */ x(h, {
+					disabled: !n,
+					onClick: () => pn((e) => !e),
+					variant: H ? "base-primary" : "base-secondary",
+					children: n ? "AI 助理" : "AI 助理（未設定）"
+				}) : null,
+				/* @__PURE__ */ x(h, {
+					"aria-label": "儲存草稿",
+					disabled: gt || !!_r || !!X,
+					icon: pe,
+					iconType: "icon-only",
+					onClick: () => void Fr(),
+					variant: "base-secondary",
+					children: "儲存草稿"
+				}),
+				_e ? /* @__PURE__ */ x(h, {
+					disabled: ct || !!_r || !!X,
+					icon: ue,
+					iconType: "leading",
+					onClick: Lr,
+					variant: "base-secondary",
+					children: "試跑流程"
+				}) : null,
+				/* @__PURE__ */ x(h, {
+					disabled: gt || !Se && !I && !yn || !!_r || !!X,
+					icon: ce,
+					iconType: "leading",
+					onClick: () => void Ir(),
+					variant: "base-primary",
+					children: Hn
+				})
+			]
+		}) }),
+		/* @__PURE__ */ x(re, { children: /* @__PURE__ */ x(ne, { children: /* @__PURE__ */ S("div", {
+			style: lt,
+			children: [
+				ot ? /* @__PURE__ */ x(y, {
+					color: "text-error",
+					variant: "body",
+					children: ot
+				}) : null,
+				_r ? /* @__PURE__ */ x(y, {
+					color: "text-error",
+					variant: "body",
+					children: _r
+				}) : null,
+				X ? /* @__PURE__ */ x(y, {
+					color: "text-error",
+					variant: "body",
+					children: X
+				}) : null,
+				i ? null : /* @__PURE__ */ x("div", {
+					style: P,
+					children: /* @__PURE__ */ x(o, {
+						hintText: Y ? "已設定條件分流條件。請先移除所有條件，才能更換綁定表單版本。" : void 0,
+						label: "綁定表單版本",
+						name: "formDefinitionVersionId",
+						required: !0,
+						children: /* @__PURE__ */ S("div", {
+							style: wt,
+							children: [/* @__PURE__ */ x("div", {
+								style: Tt,
+								children: /* @__PURE__ */ x(m, {
+									asyncData: !0,
+									disabled: ct || Y,
+									disabledOptionsFilter: !0,
+									emptyText: "沒有符合的已發布表單版本",
+									isForceClearable: !!D && !Y,
+									loading: vt,
+									loadingText: "搜尋表單版本中...",
+									mode: "single",
+									onChange: (e) => {
+										Y || nt(e?.id ?? null);
+									},
+									onClear: () => {
+										Y || nt(null);
+									},
+									onSearch: Mr,
+									onVisibilityChange: (e) => {
+										e && !Y && Mr("");
+									},
+									options: [...mr],
+									placeholder: "選擇已發布表單版本",
+									searchDebounceTime: 300,
+									value: J
+								})
+							}), /* @__PURE__ */ x(h, {
+								disabled: ct,
+								onClick: () => {
+									Br();
+								},
+								style: Et,
+								variant: "base-secondary",
+								children: "編輯表單"
+							})]
+						})
+					})
+				}),
+				/* @__PURE__ */ S("div", {
+					style: ut,
+					children: [/* @__PURE__ */ x("div", {
+						ref: Je,
+						style: dt,
+						children: /* @__PURE__ */ S(Ne, {
+							connectionMode: De.Strict,
+							edges: dr,
+							fitView: !0,
+							isValidConnection: (e) => zn(e, E.nodes),
+							nodeTypes: rn,
+							nodes: lr,
+							deleteKeyCode: null,
+							multiSelectionKeyCode: [
+								"Shift",
+								"Meta",
+								"Control"
+							],
+							onConnect: Hr,
+							onEdgeClick: Ur,
+							onNodeClick: (e, t) => {
+								A(t.id), it([]);
+							},
+							onNodesChange: Vr,
+							onPaneClick: () => {
+								A(null), it([]);
+							},
+							onViewportChange: Xe,
+							viewport: Ye,
+							children: [
+								/* @__PURE__ */ x(Ee, {}),
+								/* @__PURE__ */ x("style", { children: yt }),
+								/* @__PURE__ */ x(ke, { children: Yn ? /* @__PURE__ */ x(Oe, {
+									"aria-label": "刪除選取項目",
+									className: "workflow-selection-delete-control",
+									onClick: K,
+									style: ft,
+									title: "刪除選取項目",
+									children: /* @__PURE__ */ x("span", {
+										style: pt,
+										children: /* @__PURE__ */ x(ee, {
+											color: "error",
+											icon: me,
+											size: 16
+										})
+									})
+								}) : null }),
+								/* @__PURE__ */ x(sn, { onApplyAutoLayout: $r }),
+								/* @__PURE__ */ x(je, {})
+							]
+						})
+					}), /* @__PURE__ */ S("div", {
+						className: mt,
+						style: bt,
+						children: [
+							/* @__PURE__ */ x(y, {
+								component: "h2",
+								variant: "h3",
+								children: "流程工具"
+							}),
+							/* @__PURE__ */ S("div", {
+								style: Dt,
+								children: [/* @__PURE__ */ x(y, {
+									color: "text-neutral",
+									variant: "caption",
+									children: "動作節點"
+								}), /* @__PURE__ */ x("div", {
+									style: Ct,
+									children: Bt.map((e) => /* @__PURE__ */ x(h, {
+										icon: e.icon,
+										iconType: "leading",
+										onClick: () => Gr(e.type),
+										size: "sub",
+										variant: "base-secondary",
+										children: e.label
+									}, e.type))
+								})]
+							}),
+							/* @__PURE__ */ S("div", {
+								style: Dt,
+								children: [/* @__PURE__ */ x(y, {
+									color: "text-neutral",
+									variant: "caption",
+									children: "流程控制"
+								}), /* @__PURE__ */ x("div", {
+									style: Ct,
+									children: Vt.map((e) => /* @__PURE__ */ x(h, {
+										icon: e.icon,
+										iconType: "leading",
+										onClick: () => Gr(e.type),
+										size: "sub",
+										variant: "base-secondary",
+										children: e.label
+									}, e.type))
+								})]
+							}),
+							cr.length > 1 ? oi(cr) : null,
+							cr.length === 1 && sr ? si(sr) : null,
+							cr.length === 0 && G ? ti(G) : null
+						]
+					})]
+				})
+			]
+		}) }) }),
+		ci(ar),
+		!i && _e ? ei() : null,
+		!i && ge && n ? /* @__PURE__ */ x(st, {
+			controller: T,
+			onClose: () => pn(!1),
+			open: H
+		}) : null,
+		i ? null : /* @__PURE__ */ x(oe, {
+			headerTitle: "編輯表單",
+			isHeaderDisplay: !0,
+			onClose: () => hn(!1),
+			open: mn,
+			size: "wide",
+			children: /* @__PURE__ */ S("div", {
+				style: Qt,
+				children: [/* @__PURE__ */ x("div", {
+					style: $t,
+					children: Fn ? /* @__PURE__ */ x(y, {
+						color: "text-neutral",
+						variant: "body",
+						children: "載入中…"
+					}) : /* @__PURE__ */ x(s, {
+						onChange: (e) => {
+							vn(e);
+						},
+						value: U ?? {
+							schema: tn,
+							uiSchema: nn
+						}
+					})
+				}), /* @__PURE__ */ S("div", {
+					style: en,
+					children: [/* @__PURE__ */ x(h, {
+						disabled: Fn,
+						onClick: () => {
+							U !== null && (Mn(!0), T.replaceState((e) => ({
+								...e,
+								formSchema: U.schema
+							}))), hn(!1);
+						},
+						variant: "base-primary",
+						children: "套用"
+					}), /* @__PURE__ */ x(h, {
+						onClick: () => hn(!1),
+						variant: "base-secondary",
+						children: "取消"
+					})]
+				})]
+			})
+		})
+	] });
+	function ei() {
+		return /* @__PURE__ */ x(_, {
+			cancelText: "關閉",
+			confirmText: "執行試跑",
+			loading: qt,
+			modalType: "standard",
+			onCancel: Rr,
+			onClose: Rr,
+			onConfirm: () => void zr(),
+			open: Rt,
+			showModalFooter: !0,
+			showModalHeader: !0,
+			size: "wide",
+			supportingText: `使用 ${Zt} 與範例表單資料模擬目前畫布流程，不會建立案件。`,
+			title: "試跑流程",
+			children: /* @__PURE__ */ S("div", {
+				style: P,
+				children: [
+					/* @__PURE__ */ x(o, {
+						label: "表單資料 JSON",
+						name: "dryRunFormDataJson",
+						required: !0,
+						children: /* @__PURE__ */ x(ie, {
+							onChange: (e) => V(e.target.value),
+							resize: "vertical",
+							rows: 8,
+							value: on
+						})
+					}),
+					un ? /* @__PURE__ */ x(y, {
+						color: "text-error",
+						variant: "body",
+						children: un
+					}) : null,
+					cn ? /* @__PURE__ */ S("div", {
+						style: xt,
+						children: [
+							/* @__PURE__ */ x(y, {
+								color: cn.valid ? "text-success" : "text-error",
+								variant: "label-primary-highlight",
+								children: cn.valid ? "試跑通過" : "試跑失敗"
+							}),
+							cn.errors.map((e) => /* @__PURE__ */ x(y, {
+								color: "text-error",
+								variant: "body",
+								children: e
+							}, e)),
+							cn.steps.map((e) => /* @__PURE__ */ S("div", {
+								style: St,
+								children: [
+									/* @__PURE__ */ S(y, {
+										variant: "label-primary-highlight",
+										children: [
+											e.nodeLabel,
+											" · ",
+											Xn(e.status)
+										]
+									}),
+									/* @__PURE__ */ S(y, {
+										color: "text-neutral",
+										variant: "caption",
+										children: [
+											Zn(e.nodeType),
+											e.assigneeMemberId ? ` · 處理者：${e.assigneeMemberId}` : "",
+											e.edgeLabel ? ` · 來源線段：${e.edgeLabel}` : ""
+										]
+									}),
+									e.edgeReason ? /* @__PURE__ */ x(y, {
+										color: "text-neutral",
+										variant: "caption",
+										children: e.edgeReason
+									}) : null,
+									e.entryCondition ? /* @__PURE__ */ S(y, {
+										color: "text-neutral",
+										variant: "caption",
+										children: [
+											"進入條件：",
+											e.entryConditionMatched ? "符合" : "不符合",
+											" ·",
+											" ",
+											e.entryCondition
+										]
+									}) : null,
+									/* @__PURE__ */ x(y, {
+										color: "text-neutral",
+										variant: "body",
+										children: e.message
+									})
+								]
+							}, e.id))
+						]
+					}) : null
+				]
+			})
+		});
+	}
+	function ti(e) {
+		return /* @__PURE__ */ S("div", {
+			style: P,
+			children: [
+				/* @__PURE__ */ x(y, {
+					component: "h2",
+					variant: "h3",
+					children: "節點屬性"
+				}),
+				/* @__PURE__ */ S(y, {
+					color: "text-neutral",
+					variant: "body",
+					children: [
+						zt[e.type],
+						" · ",
+						e.id
+					]
+				}),
+				/* @__PURE__ */ x(o, {
+					label: "顯示名稱",
+					name: "nodeLabel",
+					required: !0,
+					children: /* @__PURE__ */ x(g, {
+						onChange: (e) => Kr(e.target.value),
+						value: e.data.label,
+						variant: "base"
+					})
+				}),
+				e.type === "startEvent" ? ni() : null,
+				e.type === "startEvent" ? null : ri(e),
+				e.type === "userTask" ? ii(e) : null,
+				e.type === "serviceTask" ? ai(e) : null
+			]
+		});
+	}
+	function ni() {
+		let e = q.mode === "CUSTOM" ? [...Yt, Xt] : [...Yt], t = q.mode === "ORG_UNIT" || q.mode === "ORG_UNIT_POSITION" ? rr(R, q.orgUnitId ?? "") : null, n = q.mode === "ORG_UNIT_POSITION" ? ir(z, q.positionId ?? "") : null, i = q.mode === "ORG_UNIT_POSITION" ? ur({
+			includeDescendants: !!q.includeDescendants,
+			memberships: It,
+			orgUnitId: q.orgUnitId ?? "",
+			orgUnits: R,
+			positions: z
+		}) : [];
+		return /* @__PURE__ */ S(b, { children: [
+			/* @__PURE__ */ x(o, {
+				hintText: q.mode === "CUSTOM" ? "這是舊版表達式規則；切換成標準選項後會改由 UI 管理。" : void 0,
+				label: "發起權限",
+				name: "initiatorPolicyMode",
+				required: !0,
+				children: /* @__PURE__ */ x(v, {
+					clearable: !1,
+					onChange: (e) => {
+						if (e?.id === "CUSTOM") {
+							Fe(null), Ke(null);
+							return;
+						}
+						let t = jn(e?.id ?? null), n = Rn(t);
+						Fe(t === "ALL" ? null : t), Ke(t === "ALL" ? null : n), rt(In(n, R));
+					},
+					options: e,
+					placeholder: "選擇誰可以發起",
+					value: W(e, q.mode)
+				})
+			}),
+			q.mode === "ORG_UNIT" || q.mode === "ORG_UNIT_POSITION" ? /* @__PURE__ */ x(o, {
+				label: "組織",
+				name: "initiatorOrgUnitId",
+				required: !0,
+				children: /* @__PURE__ */ x(r, {
+					name: "initiatorOrgUnitId",
+					onChange: (e) => Yr({
+						...q,
+						orgUnitId: e?.id ?? "",
+						positionId: "",
+						value: e?.id ?? ""
+					}),
+					orgUnits: R,
+					placeholder: "選擇組織",
+					value: t
+				})
+			}) : null,
+			q.mode === "ORG_UNIT" || q.mode === "ORG_UNIT_POSITION" ? /* @__PURE__ */ x(o, {
+				label: "包含下層",
+				name: "initiatorIncludeDescendants",
+				children: /* @__PURE__ */ x(ae, {
+					checked: !!q.includeDescendants,
+					onChange: (e) => Yr({
+						...q,
+						includeDescendants: e.target.checked,
+						...q.mode === "ORG_UNIT_POSITION" ? { positionId: "" } : {}
+					})
+				})
+			}) : null,
+			q.mode === "ORG_UNIT_POSITION" ? /* @__PURE__ */ x(o, {
+				label: "職位",
+				name: "initiatorPositionId",
+				required: !0,
+				children: /* @__PURE__ */ x(a, {
+					disabled: !q.orgUnitId?.trim(),
+					name: "initiatorPositionId",
+					onChange: (e) => Yr({
+						...q,
+						positionId: e?.id ?? ""
+					}),
+					placeholder: q.orgUnitId?.trim() ? "選擇職位" : "請先選擇組織",
+					positions: i,
+					value: n
+				})
+			}) : null
+		] });
+	}
+	function ri(e) {
+		let t = E.edges.filter((t) => t.target === e.id).length, n = t < 2, r = n ? "AND" : e.data.triggerMode ?? "AND";
+		return /* @__PURE__ */ x(o, {
+			hintText: n ? "需要至少兩條前置連線，才可切換為任一前置完成。" : t > 1 ? `${t} 條前置連線會依此規則觸發。` : "只有一條前置連線時，兩種設定效果相同。",
+			label: "前置條件",
+			name: "triggerMode",
+			required: !0,
+			children: /* @__PURE__ */ x(v, {
+				clearable: !1,
+				onChange: (e) => n ? void 0 : Xr(Cn(e?.id ?? null)),
+				options: [...Ht],
+				readOnly: n,
+				value: W(Ht, r)
+			})
+		});
+	}
+	function ii(e) {
+		let t = e.data.approverResolver, n = Tn(t.type), i = t.type === "DIRECT" ? nr(t.memberIds, L) : null, s = t.type === "ORG_UNIT_MANAGER" || t.type === "ORG_UNIT_MEMBER" || t.type === "ORG_UNIT_POSITION" ? rr(R, t.orgUnitId) : null, c = t.type === "POSITION" || t.type === "ORG_UNIT_POSITION" ? ir(z, t.positionId) : null, l = t.type === "ORG_UNIT_POSITION" ? ur({
+			includeDescendants: !!t.includeDescendants,
+			memberships: It,
+			orgUnitId: t.orgUnitId,
+			orgUnits: R,
+			positions: z
+		}) : [], u = t.type === "ORG_MANAGER" ? kn(t.levelsUp) : Gt[0], d = t.type === "ORG_MANAGER" || t.type === "ORG_UNIT_MANAGER" ? t.fallback ?? { type: "NONE" } : { type: "NONE" }, f = d.type === "DIRECT" ? tr(L, d.memberId) : null, p = e.data.returnBehavior.resubmitStrategy ?? "RESTART";
+		return /* @__PURE__ */ S(b, { children: [
+			/* @__PURE__ */ x(o, {
+				label: "簽核來源",
+				name: "approverResolverType",
+				required: !0,
+				children: /* @__PURE__ */ x(v, {
+					clearable: !1,
+					onChange: (e) => $(En(e?.id ?? null)),
+					options: [...Wt],
+					value: W(Wt, n)
+				})
+			}),
+			t.type === "DIRECT" ? /* @__PURE__ */ x(o, {
+				label: "簽核者",
+				name: "memberId",
+				required: !0,
+				children: /* @__PURE__ */ x(m, {
+					asyncData: !0,
+					disabledOptionsFilter: !0,
+					emptyText: "沒有符合的成員",
+					inputProps: {
+						autoCapitalize: "none",
+						autoCorrect: "off",
+						name: "workflow-approver-search",
+						spellCheck: !1
+					},
+					loading: jt,
+					loadingText: "搜尋成員中...",
+					mode: "single",
+					onChange: (e) => $({
+						memberIds: e?.id ? [e.id] : [],
+						type: "DIRECT"
+					}),
+					onSearch: Q,
+					onVisibilityChange: (e) => {
+						e && Q("");
+					},
+					options: [...L],
+					placeholder: "搜尋姓名或信箱",
+					searchDebounceTime: 300,
+					value: i
+				})
+			}) : null,
+			t.type === "ORG_MANAGER" ? /* @__PURE__ */ x(o, {
+				hintText: "依發起人的有效會員歸屬與主管解析規則決定簽核人。",
+				label: "主管層級",
+				name: "managerLevelsUp",
+				required: !0,
+				children: /* @__PURE__ */ x(v, {
+					clearable: !1,
+					onChange: (e) => $({
+						baseFromInitiator: !0,
+						levelsUp: An(e?.id ?? null).value,
+						type: "ORG_MANAGER"
+					}),
+					options: [...Gt],
+					value: u
+				})
+			}) : null,
+			t.type === "ORG_UNIT_MANAGER" || t.type === "ORG_UNIT_MEMBER" || t.type === "ORG_UNIT_POSITION" ? /* @__PURE__ */ x(o, {
+				hintText: t.type === "ORG_UNIT_MANAGER" ? "依指定組織或其上層的主管解析規則決定簽核人。" : "依指定組織目前有效會員歸屬建立候選簽核人。",
+				label: "組織",
+				name: "orgUnitId",
+				required: !0,
+				children: /* @__PURE__ */ x(r, {
+					name: "orgUnitId",
+					onChange: (e) => $(t.type === "ORG_UNIT_MEMBER" ? {
+						includeDescendants: t.includeDescendants,
+						orgUnitId: e?.id ?? "",
+						type: "ORG_UNIT_MEMBER"
+					} : t.type === "ORG_UNIT_POSITION" ? {
+						includeDescendants: t.includeDescendants,
+						orgUnitId: e?.id ?? "",
+						positionId: "",
+						type: "ORG_UNIT_POSITION"
+					} : {
+						fallback: t.fallback,
+						orgUnitId: e?.id ?? "",
+						type: "ORG_UNIT_MANAGER"
+					}),
+					orgUnits: R,
+					placeholder: "選擇組織",
+					value: s
+				})
+			}) : null,
+			t.type === "ORG_MANAGER" || t.type === "ORG_UNIT_MANAGER" ? /* @__PURE__ */ S(b, { children: [/* @__PURE__ */ x(o, {
+				hintText: "預設會停止流程並提示；若設定固定人，找不到主管時會改派給該會員。",
+				label: "無主管時",
+				name: "approverFallbackMode",
+				required: !0,
+				children: /* @__PURE__ */ x(v, {
+					clearable: !1,
+					onChange: (e) => $(On(t, Dn(e?.id ?? null) === "DIRECT" ? {
+						memberId: "",
+						type: "DIRECT"
+					} : { type: "NONE" })),
+					options: [...Kt],
+					value: W(Kt, d.type)
+				})
+			}), d.type === "DIRECT" ? /* @__PURE__ */ S(b, { children: [/* @__PURE__ */ x(o, {
+				label: "改派人員",
+				name: "approverFallbackMemberId",
+				required: !0,
+				children: /* @__PURE__ */ x(m, {
+					asyncData: !0,
+					disabledOptionsFilter: !0,
+					emptyText: "沒有符合的成員",
+					inputProps: {
+						autoCapitalize: "none",
+						autoCorrect: "off",
+						name: "workflow-approver-fallback-search",
+						spellCheck: !1
+					},
+					loading: jt,
+					loadingText: "搜尋成員中...",
+					mode: "single",
+					onChange: (e) => $(On(t, {
+						allowInitiatorSelfApproval: d.allowInitiatorSelfApproval,
+						memberId: e?.id ?? "",
+						type: "DIRECT"
+					})),
+					onSearch: Q,
+					onVisibilityChange: (e) => {
+						e && Q("");
+					},
+					options: [...L],
+					placeholder: "搜尋姓名或信箱",
+					searchDebounceTime: 300,
+					value: f
+				})
+			}), /* @__PURE__ */ x(o, {
+				hintText: "預設禁止申請人簽自己的案件；只有此流程允許自簽時才開啟。",
+				label: "允許自簽",
+				name: "allowInitiatorSelfApproval",
+				children: /* @__PURE__ */ x(ae, {
+					checked: !!d.allowInitiatorSelfApproval,
+					onChange: (e) => $(On(t, {
+						allowInitiatorSelfApproval: e.target.checked,
+						memberId: d.memberId,
+						type: "DIRECT"
+					}))
+				})
+			})] }) : null] }) : null,
+			t.type === "ORG_UNIT_MEMBER" || t.type === "ORG_UNIT_POSITION" ? /* @__PURE__ */ x(o, {
+				label: "包含下層",
+				name: "includeDescendants",
+				children: /* @__PURE__ */ x(ae, {
+					checked: !!t.includeDescendants,
+					onChange: (e) => $({
+						...t,
+						includeDescendants: e.target.checked,
+						...t.type === "ORG_UNIT_POSITION" ? { positionId: "" } : {}
+					})
+				})
+			}) : null,
+			t.type === "POSITION" ? /* @__PURE__ */ x(o, {
+				hintText: "指派給目前有效歸屬中擁有此職位的會員；主要歸屬優先。",
+				label: "職位",
+				name: "positionId",
+				required: !0,
+				children: /* @__PURE__ */ x(a, {
+					name: "positionId",
+					onChange: (e) => $({
+						positionId: e?.id ?? "",
+						type: "POSITION"
+					}),
+					placeholder: "選擇職位",
+					positions: z,
+					value: c
+				})
+			}) : null,
+			t.type === "ORG_UNIT_POSITION" ? /* @__PURE__ */ x(o, {
+				hintText: "只納入指定組織範圍內擁有此職位的有效會員。",
+				label: "職位",
+				name: "orgUnitPositionId",
+				required: !0,
+				children: /* @__PURE__ */ x(a, {
+					disabled: !t.orgUnitId.trim(),
+					name: "orgUnitPositionId",
+					onChange: (e) => $({
+						includeDescendants: t.includeDescendants,
+						orgUnitId: t.orgUnitId,
+						positionId: e?.id ?? "",
+						type: "ORG_UNIT_POSITION"
+					}),
+					placeholder: t.orgUnitId.trim() ? "選擇職位" : "請先選擇組織",
+					positions: l,
+					value: c
+				})
+			}) : null,
+			e.data.returnBehavior.allowReturn ? /* @__PURE__ */ x(o, {
+				hintText: "退回發起人後，重新送出時要從流程開始重跑，或直接回到退回的簽核節點。",
+				label: "重送策略",
+				name: "returnResubmitStrategy",
+				required: !0,
+				children: /* @__PURE__ */ x(v, {
+					clearable: !1,
+					onChange: (e) => qr(wn(e?.id ?? null)),
+					options: [...Ut],
+					value: W(Ut, p)
+				})
+			}) : null
+		] });
+	}
+	function ai(e) {
+		let t = jr(e.data.action).map((e) => tr(L, e));
+		return /* @__PURE__ */ x(o, {
+			label: "知會對象",
+			name: "notifyMemberIds",
+			required: !0,
+			children: /* @__PURE__ */ x(m, {
+				asyncData: !0,
+				disabledOptionsFilter: !0,
+				emptyText: "沒有符合的成員",
+				loading: jt,
+				loadingText: "搜尋成員中...",
+				mode: "multiple",
+				onChange: (e) => Jr({
+					channels: ["IN_APP"],
+					recipients: {
+						memberIds: e.map((e) => e.id),
+						type: "DIRECT"
+					},
+					type: "NOTIFY"
+				}),
+				onSearch: Q,
+				onVisibilityChange: (e) => {
+					e && Q("");
+				},
+				options: [...L],
+				overflowStrategy: "wrap",
+				placeholder: "搜尋姓名或信箱",
+				searchDebounceTime: 300,
+				value: [...t]
+			})
+		});
+	}
+	function oi(e) {
+		return /* @__PURE__ */ S("div", {
+			style: P,
+			children: [/* @__PURE__ */ x(y, {
+				component: "h2",
+				variant: "h3",
+				children: "已選取線段"
+			}), /* @__PURE__ */ S(y, {
+				color: "text-neutral",
+				variant: "body",
+				children: [
+					"已選取 ",
+					e.length,
+					" 條線段，可使用 Delete 或控制面板刪除。"
+				]
+			})]
+		});
+	}
+	function si(e) {
+		let t = kr(e, E.nodes);
+		return /* @__PURE__ */ S("div", {
+			style: P,
+			children: [
+				/* @__PURE__ */ x(y, {
+					component: "h2",
+					variant: "h3",
+					children: t ? "條件設定" : "線段屬性"
+				}),
+				/* @__PURE__ */ S(y, {
+					color: "text-neutral",
+					variant: "body",
+					children: [
+						e.source,
+						" → ",
+						e.target
+					]
+				}),
+				t ? li(e) : /* @__PURE__ */ x(y, {
+					color: "text-neutral",
+					variant: "body",
+					children: "這條線會直接把流程送到下一個節點。"
+				})
+			]
+		});
+	}
+	function ci(e) {
+		return !e || !kr(e, E.nodes) ? null : /* @__PURE__ */ x(_, {
+			cancelText: "取消",
+			confirmButtonProps: { disabled: !e.data.isDefault && !e.data.condition },
+			confirmText: "完成",
+			modalType: "standard",
+			onCancel: Wr,
+			onClose: Wr,
+			onConfirm: Wr,
+			open: !!et,
+			showModalFooter: !0,
+			showModalHeader: !0,
+			size: "regular",
+			supportingText: "條件分流的輸出連線需要指定條件，條件會直接顯示在線上。",
+			title: "條件設定",
+			children: li(e)
+		});
+	}
+	function li(e) {
+		let t = Dr(e, E.nodes), n = xr(J?.schema ?? null), r = Sr(J?.schema ?? null, e.data.conditionFieldKey ?? null), i = Cr(r), a = Tr(r), s = W(i, e.data.conditionOperator ?? null);
+		return /* @__PURE__ */ S("div", {
+			style: P,
+			children: [
+				/* @__PURE__ */ S(y, {
+					color: "text-neutral",
+					variant: "body",
+					children: [
+						"畫布上的這條線目前會顯示「",
+						/* @__PURE__ */ x("span", {
+							style: { color: !e.data.isDefault && !e.data.condition ? _t : void 0 },
+							children: t ?? "請設定條件"
+						}),
+						"」。"
+					]
+				}),
+				/* @__PURE__ */ x(ae, {
+					checked: !!e.data.isDefault,
+					label: "其他情況走這條",
+					onChange: (t) => Zr(e.id, t.target.checked)
+				}),
+				e.data.isDefault ? /* @__PURE__ */ x(y, {
+					color: "text-neutral",
+					variant: "body",
+					children: "其他條件都不符合時，流程會走這條線。"
+				}) : /* @__PURE__ */ S(b, { children: [
+					J ? null : /* @__PURE__ */ x(y, {
+						color: "text-neutral",
+						variant: "body",
+						children: "請先綁定表單版本，才能選擇條件欄位。"
+					}),
+					/* @__PURE__ */ x(o, {
+						label: "條件欄位",
+						name: "edgeConditionField",
+						required: !0,
+						children: /* @__PURE__ */ x(v, {
+							clearable: !1,
+							onChange: (t) => Qr({
+								edgeId: e.id,
+								fieldKey: t?.id ?? null,
+								operator: null,
+								value: null
+							}),
+							options: [...n],
+							placeholder: "選擇條件欄位",
+							value: W(n, e.data.conditionFieldKey ?? null)
+						})
+					}),
+					/* @__PURE__ */ x(o, {
+						label: "條件判斷",
+						name: "edgeConditionOperator",
+						required: !0,
+						children: /* @__PURE__ */ x(v, {
+							clearable: !1,
+							onChange: (t) => Qr({
+								edgeId: e.id,
+								operator: wr(t?.id ?? null),
+								value: null
+							}),
+							options: [...i],
+							placeholder: "選擇判斷方式",
+							value: s
+						})
+					}),
+					s && Er(s.id) ? /* @__PURE__ */ x(o, {
+						label: "條件值",
+						name: "edgeConditionValue",
+						required: !0,
+						children: a.length > 0 ? /* @__PURE__ */ x(v, {
+							clearable: !1,
+							onChange: (t) => Qr({
+								edgeId: e.id,
+								value: t?.id ?? null
+							}),
+							options: [...a],
+							placeholder: "選擇條件值",
+							value: W(a, e.data.conditionValue ?? null)
+						}) : /* @__PURE__ */ x(g, {
+							onChange: (t) => Qr({
+								edgeId: e.id,
+								value: t.target.value
+							}),
+							placeholder: "輸入要比對的值",
+							value: e.data.conditionValue ?? "",
+							variant: "base"
+						})
+					}) : null
+				] })
+			]
+		});
+	}
+}
+function sn({ onApplyAutoLayout: e }) {
+	function t() {
+		e();
+	}
+	return /* @__PURE__ */ x(Me, {
+		position: "top-right",
+		children: /* @__PURE__ */ x(h, {
+			icon: le,
+			iconType: "leading",
+			onClick: t,
+			size: "sub",
+			variant: "base-secondary",
+			children: "自動排版"
+		})
+	});
+}
+function V({ data: e, selected: t, type: n }) {
+	let r = e.approverLines ?? [e.approverSummary ?? e.label], i = cn(e);
+	return /* @__PURE__ */ S("div", {
+		style: ln(n, t),
+		children: [
+			dn(e),
+			/* @__PURE__ */ x("div", {
+				style: Lt,
+				children: r.map((e, t) => /* @__PURE__ */ x(y, {
+					component: "span",
+					ellipsis: !0,
+					style: It,
+					title: e,
+					variant: "label-primary",
+					children: e
+				}, `${e}_${t}`))
+			}),
+			/* @__PURE__ */ x(y, {
+				color: "text-neutral",
+				component: "span",
+				ellipsis: !0,
+				style: It,
+				title: i,
+				variant: "caption",
+				children: i
+			})
+		]
+	});
+}
+function cn(e) {
+	return e.nodeKind === "startEvent" ? e.initiatorPolicySummary ?? "所有人" : e.approverSummary || e.approverLines ? e.label : e.nodeKind === "exclusiveGateway" ? "條件在線上" : e.nodeKind === "parallelGateway" ? "多條路徑同時進行" : zt[e.nodeKind];
+}
+function ln(e, t) {
+	let n = un(e);
+	return t ? {
+		...n,
+		border: "1px solid var(--mzn-color-primary, #0057ff)",
+		boxShadow: Ot
+	} : n;
+}
+function un(e) {
+	return e === "exclusiveGateway" ? Nt : e === "parallelGateway" ? R : e === "startEvent" ? z : e === "endEvent" ? Ft : e === "userTask" ? Pt : F;
+}
+function dn(e) {
+	return !e.hasInput && e.hasOutput ? /* @__PURE__ */ x(Ae, {
+		id: B,
+		position: w.Right,
+		type: "source"
+	}) : e.hasInput && !e.hasOutput ? /* @__PURE__ */ x(Ae, {
+		id: Rt,
+		position: w.Left,
+		type: "target"
+	}) : !e.hasInput && !e.hasOutput ? null : [/* @__PURE__ */ x(Ae, {
+		id: Rt,
+		position: w.Left,
+		type: "target"
+	}, "target"), /* @__PURE__ */ x(Ae, {
+		id: B,
+		position: w.Right,
+		type: "source"
+	}, "source")];
+}
+function fn(e, t, n, r, i, a) {
+	let o = H(e);
+	return {
+		data: {
+			approverLines: hr(e, t),
+			approverSummary: J(e, t, n, r),
+			hasInput: Hn(e),
+			hasOutput: Un(e),
+			initiatorPolicySummary: e.type === "startEvent" ? Ln(a, n, r) : null,
+			label: e.data.label,
+			nodeKind: e.type
+		},
+		height: o.height,
+		handles: pn(e),
+		id: e.id,
+		initialHeight: o.height,
+		initialWidth: o.width,
+		position: e.position,
+		selected: i,
+		sourcePosition: w.Right,
+		targetPosition: w.Left,
+		type: e.type,
+		width: o.width
+	};
+}
+function H(e) {
+	return e.type === "exclusiveGateway" || e.type === "parallelGateway" ? {
+		height: jt,
+		width: Mt
+	} : e.type === "serviceTask" ? {
+		height: kt + (Math.max(1, jr(e.data.action).length) - 1) * I,
+		width: At
+	} : {
+		height: kt,
+		width: At
+	};
+}
+function pn(e) {
+	let t = H(e);
+	return [...Hn(e) ? [mn(t)] : [], ...Un(e) ? [hn(t)] : []];
+}
+function mn({ height: e }) {
+	let t = e / 2 - 9 / 2;
+	return {
+		height: 9,
+		id: Rt,
+		position: w.Left,
+		type: "target",
+		width: 9,
+		x: -9 / 2,
+		y: t
+	};
+}
+function hn({ height: e, width: t }) {
+	let n = e / 2 - 9 / 2;
+	return {
+		height: 9,
+		id: B,
+		position: w.Right,
+		type: "source",
+		width: 9,
+		x: t - 9 / 2,
+		y: n
+	};
+}
+function gn(e, t, n) {
+	let r = Dr(e, t), i = kr(e, t), a = i && !e.data.isDefault && !e.data.condition, o = a ? _t : i ? gt : "#475569", s = a ? "#fef2f2" : i ? "#eff6ff" : "#ffffff", c = a ? _t : i ? gt : N;
+	return {
+		className: n ? "workflow-edge--selected" : void 0,
+		data: e.data,
+		id: e.id,
+		label: r,
+		labelBgBorderRadius: 6,
+		labelBgPadding: [8, 4],
+		labelBgStyle: {
+			fill: s,
+			stroke: c,
+			strokeWidth: 1
+		},
+		labelShowBg: !!r,
+		labelStyle: {
+			fill: o,
+			fontSize: 12,
+			fontWeight: 600
+		},
+		selected: n,
+		source: e.source,
+		sourceHandle: e.sourceHandle,
+		style: {
+			filter: n ? vt : void 0,
+			opacity: 1,
+			stroke: N,
+			strokeOpacity: 1,
+			strokeWidth: 1.5
+		},
+		target: e.target,
+		targetHandle: e.targetHandle,
+		type: e.type ?? "smoothstep"
+	};
+}
+function U(e, t) {
+	return e.type === "startEvent" ? e : (e.type === "endEvent" || e.type === "userTask" || e.type === "serviceTask" || e.type, {
+		...e,
+		data: {
+			...e.data,
+			triggerMode: t
+		}
+	});
+}
+function _n(e) {
+	return yn(vn(e));
+}
+function vn(e) {
+	let t = new Set(e.nodes.filter((e) => G(e)).map((e) => e.id)), n = e.edges.filter((e) => !t.has(e.source));
+	return n.length === e.edges.length ? e : {
+		...e,
+		edges: n
+	};
+}
+function yn(e) {
+	let t = e.edges.reduce((e, t) => ({
+		...e,
+		[t.target]: (e[t.target] ?? 0) + 1
+	}), {}), n = e.nodes.map((e) => e.type === "startEvent" ? e : (t[e.id] ?? 0) < 2 && e.data.triggerMode !== "AND" ? U(e, "AND") : e);
+	return n.some((t, n) => t !== e.nodes[n]) ? {
+		...e,
+		nodes: n
+	} : e;
+}
+function bn() {
+	return {
+		edges: [],
+		meta: { schemaVersion: 1 },
+		nodes: [{
+			data: { label: "開始" },
+			id: "start",
+			position: {
+				x: 80,
+				y: 160
+			},
+			type: "startEvent"
+		}, {
+			data: {
+				endState: "APPROVED",
+				label: "完成",
+				triggerMode: "AND"
+			},
+			id: "end",
+			position: {
+				x: 560,
+				y: 160
+			},
+			type: "endEvent"
+		}]
+	};
+}
+function xn(e) {
+	return e.edges.length === 0 && e.nodes.length === 2 && e.nodes.some((e) => e.type === "startEvent") && e.nodes.some((e) => e.type === "endEvent");
+}
+function Sn(e) {
+	let t = new Ie.graphlib.Graph();
+	return t.setDefaultEdgeLabel(() => ({})), t.setGraph({
+		rankdir: "LR",
+		ranksep: 120
+	}), e.nodes.forEach((e) => {
+		t.setNode(e.id, H(e));
+	}), e.edges.forEach((e) => {
+		t.setEdge(e.source, e.target);
+	}), Ie.layout(t), {
+		...e,
+		nodes: e.nodes.map((e) => {
+			let n = t.node(e.id);
+			return n ? {
+				...e,
+				position: {
+					x: n.x - H(e).width / 2,
+					y: n.y - H(e).height / 2
+				}
+			} : e;
+		})
+	};
+}
+function W(e, t) {
+	return t ? e.find((e) => e.id === t) ?? null : null;
+}
+function Cn(e) {
+	return e === "OR" ? "OR" : "AND";
+}
+function wn(e) {
+	return e === "FROM_RETURN_POINT" ? "FROM_RETURN_POINT" : "RESTART";
+}
+function Tn(e) {
+	return e === "ORG_MANAGER" || e === "ORG_UNIT_MANAGER" || e === "ORG_UNIT_MEMBER" || e === "ORG_UNIT_POSITION" || e === "POSITION" ? e : "DIRECT";
+}
+function En(e) {
+	let t = Tn(e ?? "DIRECT");
+	return t === "ORG_MANAGER" ? {
+		baseFromInitiator: !0,
+		levelsUp: 1,
+		type: "ORG_MANAGER"
+	} : t === "ORG_UNIT_MANAGER" ? {
+		orgUnitId: "",
+		type: "ORG_UNIT_MANAGER"
+	} : t === "ORG_UNIT_MEMBER" ? {
+		includeDescendants: !1,
+		orgUnitId: "",
+		type: "ORG_UNIT_MEMBER"
+	} : t === "ORG_UNIT_POSITION" ? {
+		includeDescendants: !1,
+		orgUnitId: "",
+		positionId: "",
+		type: "ORG_UNIT_POSITION"
+	} : t === "POSITION" ? {
+		positionId: "",
+		type: "POSITION"
+	} : {
+		memberIds: [],
+		type: "DIRECT"
+	};
+}
+function Dn(e) {
+	return e === "DIRECT" ? "DIRECT" : "NONE";
+}
+function On(e, t) {
+	return e.type === "ORG_MANAGER" || e.type === "ORG_UNIT_MANAGER" ? {
+		...e,
+		fallback: t
+	} : e;
+}
+function kn(e) {
+	return Gt.find((t) => t.value === e) ?? Gt[0];
+}
+function An(e) {
+	return Gt.find((t) => t.id === e) ?? Gt[0];
+}
+function jn(e) {
+	return e === "ORG_UNIT" || e === "ORG_UNIT_POSITION" || e === "NONE" ? e : "ALL";
+}
+function Mn(e) {
+	let t = e?.trim();
+	if (!t) return {
+		mode: "ALL",
+		value: ""
+	};
+	let n = Fn(t, /"([^"]+)" in subject\.orgUnitIds/gu), r = Fn(t, /"([^"]+)" in subject\.positionIds/gu);
+	return n.length > 0 && r.length > 0 ? {
+		includeDescendants: n.length > 1,
+		mode: "ORG_UNIT_POSITION",
+		orgUnitId: n[0],
+		positionId: r[0],
+		value: n[0] ?? ""
+	} : n.length > 0 ? {
+		includeDescendants: n.length > 1,
+		mode: "ORG_UNIT",
+		orgUnitId: n[0],
+		value: n[0] ?? ""
+	} : {
+		mode: "CUSTOM",
+		value: t
+	};
+}
+function Nn(e, t) {
+	let n = Mn(e);
+	return !t || t === "ALL" || t === "NONE" ? t === "ALL" || t === "NONE" ? {
+		mode: t,
+		value: ""
+	} : n : n.mode === t ? n : Rn(t);
+}
+function Pn(e) {
+	return e.mode === "NONE" ? "發起權限需要選擇誰可以發起。" : (e.mode === "ORG_UNIT" || e.mode === "ORG_UNIT_POSITION") && !e.orgUnitId?.trim() ? "指定組織發起時，需要選擇組織。" : e.mode === "ORG_UNIT_POSITION" && !e.positionId?.trim() ? "指定組織職位發起時，需要選擇職位。" : null;
+}
+function Fn(e, t) {
+	return [...e.matchAll(t)].map((e) => e[1]).filter((e) => !!e);
+}
+function In(e, t) {
+	if (e.mode === "ALL" || e.mode === "NONE") return null;
+	let n = e.orgUnitId?.trim() ?? "";
+	if (!n) return null;
+	let r = dr(t, n, !!e.includeDescendants).map((e) => `${JSON.stringify(e)} in subject.orgUnitIds`).join(" || ");
+	if (e.mode === "ORG_UNIT") return r ? `(${r})` : null;
+	let i = e.positionId?.trim() ?? "";
+	return i && r ? `(${r}) && ${JSON.stringify(i)} in subject.positionIds` : null;
+}
+function Ln(e, t, n) {
+	return e.mode === "NONE" ? "未設定" : e.mode === "ORG_UNIT" ? e.orgUnitId ? `組織：${K(t, e.orgUnitId)}` : "指定組織" : e.mode === "ORG_UNIT_POSITION" ? e.orgUnitId && e.positionId ? `組織職位：${K(t, e.orgUnitId)} / ${ar(n, e.positionId)}` : "指定組織職位" : e.mode === "CUSTOM" ? "既有自訂規則" : "所有人";
+}
+function Rn(e) {
+	return {
+		includeDescendants: !0,
+		mode: e,
+		orgUnitId: "",
+		positionId: "",
+		value: ""
+	};
+}
+function zn(e, t) {
+	let n = e.source ? t.find((t) => t.id === e.source) ?? null : null, r = e.target ? t.find((t) => t.id === e.target) ?? null : null;
+	return !!n && !!r && e.source !== e.target && e.sourceHandle === B && e.targetHandle === Rt && !!(n && Un(n)) && !!(r && Hn(r));
+}
+function Bn(e, t) {
+	return e.includes(t) ? e.filter((e) => e !== t) : [...e, t];
+}
+function Vn(e) {
+	return e.type !== "startEvent" && e.type !== "endEvent";
+}
+function Hn(e) {
+	return e.type !== "startEvent";
+}
+function Un(e) {
+	return e.type !== "endEvent" && !G(e);
+}
+function G(e) {
+	return e.type === "serviceTask" && e.data.action.type === "NOTIFY";
+}
+function Wn(e) {
+	return e instanceof HTMLElement ? e.isContentEditable || e.tagName === "INPUT" || e.tagName === "TEXTAREA" || e.tagName === "SELECT" || !!e.closest("[contenteditable=\"true\"]") : !1;
+}
+function Gn(e) {
+	return e.map((e) => ({
+		formDefinitionId: e.formDefinitionId,
+		formName: e.formName,
+		id: e.id,
+		name: `${e.formName} ｜ v${e.version}`,
+		schema: e.schema
+	}));
+}
+function Kn(e) {
+	return (e?.schema.fields ?? []).reduce((e, t) => ({
+		...e,
+		[t.fieldKey]: qn(t)
+	}), {});
+}
+function qn(e) {
+	return e.type === "number" ? 1e3 : e.type === "boolean" ? !0 : e.type === "select" ? e.options[0]?.value ?? "" : e.type === "checkbox" ? e.options[0] ? [e.options[0].value] : [] : e.type === "date" ? "2026-05-08" : e.type === "datetime" ? "2026-05-08T09:00:00+08:00" : e.placeholder ?? e.label;
+}
+function Jn(e) {
+	let t = JSON.parse(e);
+	if (!Yn(t)) throw Error("表單資料 JSON 必須是物件。");
+	return t;
+}
+function Yn(e) {
+	return typeof e == "object" && !!e && !Array.isArray(e);
+}
+function Xn(e) {
+	return e === "COMPLETED" ? "完成" : e === "PASSED" ? "通過" : e === "SKIPPED" ? "略過" : e === "STOPPED" ? "已停止" : e === "WAITING" ? "將等待簽核" : e;
+}
+function Zn(e) {
+	return e in zt ? zt[e] : e;
+}
+function Qn(e, t) {
+	return t && !e.some((e) => e.id === t.id) ? [t, ...e] : e;
+}
+function $n(e) {
+	return e.map((e) => ({
+		displayName: e.name,
+		email: e.email,
+		id: e.memberId,
+		memberId: e.memberId,
+		name: _r(e.name, e.email)
+	}));
+}
+function er(e) {
+	return {
+		displayName: "未知會員",
+		email: "",
+		id: e,
+		memberId: e,
+		name: "未知會員"
+	};
+}
+function tr(e, t) {
+	return e.find((e) => e.memberId === t) ?? er(t);
+}
+function nr(e, t) {
+	let n = e[0];
+	return n ? tr(t, n) : null;
+}
+function rr(e, t) {
+	let r = e.find((e) => e.id === t);
+	return r ? n(r) : null;
+}
+function ir(e, t) {
+	let n = e.find((e) => e.id === t);
+	return n ? i(n) : null;
+}
+function K(e, t) {
+	return rr(e, t)?.name ?? "未指定組織";
+}
+function ar(e, t) {
+	return ir(e, t)?.name ?? "未指定職位";
+}
+function or(e, t) {
+	let n = sr(), r = t.filter((t) => t.memberId === e && cr(t, n)), i = r.reduce((e, t) => e && q(e, t) <= 0 ? e : t, null);
+	return {
+		customFields: {},
+		managerMemberId: "member-002",
+		memberId: e,
+		orgCode: "HQ",
+		orgUnitIds: lr(r.map((e) => e.orgUnitId)),
+		positionId: i?.positionId ?? null,
+		positionIds: lr(r.map((e) => e.positionId)),
+		primaryOrgUnitId: i?.orgUnitId ?? null,
+		roles: ["manager"]
+	};
+}
+function sr() {
+	return (/* @__PURE__ */ new Date()).toISOString().slice(0, 10);
+}
+function cr(e, t) {
+	return e.effectiveFrom <= t && (!e.effectiveTo || e.effectiveTo >= t);
+}
+function q(e, t) {
+	return e.isPrimary === t.isPrimary ? t.effectiveFrom.localeCompare(e.effectiveFrom) : e.isPrimary ? -1 : 1;
+}
+function lr(e) {
+	return e.reduce((e, t) => t && !e.includes(t) ? [...e, t] : e, []);
+}
+function ur({ includeDescendants: e, memberships: t, orgUnitId: n, orgUnits: r, positions: i }) {
+	let a = new Set(dr(r, n, e)), o = new Set(t.filter((e) => a.has(e.orgUnitId)).map((e) => e.positionId).filter((e) => !!e));
+	return i.filter((e) => o.has(e.id));
+}
+function dr(e, t, n) {
+	let r = e.find((e) => e.id === t);
+	return r ? n ? e.filter((e) => e.id === r.id || e.path.startsWith(`${r.path}.`)).map((e) => e.id) : [r.id] : t.trim() ? [t] : [];
+}
+function fr(e, t) {
+	let n = new Set(e.map((e) => e.memberId)), r = t.filter((e) => !n.has(e.memberId));
+	return [...e, ...r];
+}
+function pr(e) {
+	return [...new Set(e.nodes.flatMap((e) => e.type === "userTask" ? e.data.approverResolver.type === "DIRECT" ? e.data.approverResolver.memberIds : [] : e.type === "serviceTask" ? jr(e.data.action) : []))];
+}
+function J(e, t, n, r) {
+	return e.type === "userTask" ? mr(e.data.approverResolver, t, n, r) : null;
+}
+function mr(e, t, n, r) {
+	return e.type === "DIRECT" ? gr(e.memberIds, t, "未指定簽核者") : e.type === "ORG_MANAGER" ? kn(e.levelsUp).name : e.type === "ORG_UNIT_MANAGER" ? `組織主管：${K(n, e.orgUnitId)}` : e.type === "ORG_UNIT_MEMBER" ? `組織任一人：${K(n, e.orgUnitId)}` : e.type === "ORG_UNIT_POSITION" ? `組織職位：${K(n, e.orgUnitId)} / ${ar(r, e.positionId)}` : e.type === "POSITION" ? `職位：${ar(r, e.positionId)}` : e.type === "DYNAMIC_FORM" ? `表單欄位：${e.formPath || "未設定"}` : "自訂表達式";
+}
+function hr(e, t) {
+	if (e.type !== "serviceTask") return null;
+	let n = jr(e.data.action);
+	return n.length === 0 ? ["未指定知會對象"] : n.map((e) => tr(t, e).name);
+}
+function gr(e, t, n) {
+	let r = e.map((e) => tr(t, e).name);
+	return r.length === 0 ? n : r.length <= 2 ? r.join("、") : `${r.slice(0, 2).join("、")} 等 ${r.length} 人`;
+}
+function _r(e, t) {
+	return `${e} (${t})`;
+}
+function vr(e, t) {
+	let n = t?.getBoundingClientRect();
+	if (!n || e.nodes.length === 0) return null;
+	let r = e.nodes.reduce((e, t) => {
+		let n = H(t);
+		return {
+			maxX: Math.max(e.maxX, t.position.x + n.width),
+			maxY: Math.max(e.maxY, t.position.y + n.height),
+			minX: Math.min(e.minX, t.position.x),
+			minY: Math.min(e.minY, t.position.y)
+		};
+	}, {
+		maxX: -Infinity,
+		maxY: -Infinity,
+		minX: Infinity,
+		minY: Infinity
+	});
+	return Fe({
+		height: r.maxY - r.minY,
+		width: r.maxX - r.minX,
+		x: r.minX,
+		y: r.minY
+	}, n.width, n.height, .1, 1, .2);
+}
+function yr(e) {
+	let t = e.nodes.find((e) => e.type === "userTask" && !!Y(e.data.approverResolver)), n = e.nodes.find((e) => e.type === "serviceTask" && e.data.action.type === "NOTIFY" && jr(e.data.action).length === 0), r = e.edges.find((t) => kr(t, e.nodes) && !t.data.isDefault && !t.data.condition);
+	return t && t.type === "userTask" ? Y(t.data.approverResolver) : n ? "知會節點需要至少一位知會對象。" : r ? "條件分流的每條輸出連線都需要先設定條件。" : null;
+}
+function Y(e) {
+	return e.type === "DIRECT" && e.memberIds.length === 0 ? "簽核節點需要指定簽核會員。" : e.type === "ORG_MANAGER" && e.levelsUp < 1 ? "簽核節點需要指定有效的主管層級。" : e.type === "ORG_UNIT_MANAGER" && !e.orgUnitId.trim() || e.type === "ORG_UNIT_MEMBER" && !e.orgUnitId.trim() ? "簽核節點需要指定組織。" : e.type === "ORG_UNIT_POSITION" && (!e.orgUnitId.trim() || !e.positionId.trim()) ? "簽核節點需要指定組織與職位。" : (e.type === "ORG_MANAGER" || e.type === "ORG_UNIT_MANAGER") && e.fallback?.type === "DIRECT" && !e.fallback.memberId.trim() ? "簽核節點需要指定改派固定人。" : e.type === "POSITION" && !e.positionId.trim() ? "簽核節點需要指定職位。" : null;
+}
+function br(e) {
+	return e.edges.some((t) => kr(t, e.nodes) && !!(t.data.condition || t.data.conditionFieldKey || t.data.conditionOperator || t.data.conditionValue));
+}
+function xr(e) {
+	return e?.fields.map((e) => ({
+		fieldType: e.type,
+		id: e.fieldKey,
+		name: `${e.label} (${e.fieldKey})`
+	})) ?? [];
+}
+function Sr(e, t) {
+	return t ? e?.fields.find((e) => e.fieldKey === t) ?? null : null;
+}
+function Cr(e) {
+	if (!e) return [];
+	let t = X(e);
+	return qt.filter((e) => t.includes(e.id));
+}
+function wr(e) {
+	return qt.some((t) => t.id === e) ? e : null;
+}
+function X(e) {
+	return e.type === "file_upload" ? ["IS_FILLED", "IS_EMPTY"] : e.type === "boolean" ? [
+		"EQUALS",
+		"NOT_EQUALS",
+		"IS_FILLED",
+		"IS_EMPTY"
+	] : e.type === "date" || e.type === "datetime" || e.type === "money" || e.type === "number" ? [
+		"EQUALS",
+		"NOT_EQUALS",
+		"GREATER_THAN",
+		"GREATER_THAN_OR_EQUALS",
+		"LESS_THAN",
+		"LESS_THAN_OR_EQUALS",
+		"IS_FILLED",
+		"IS_EMPTY"
+	] : [
+		"EQUALS",
+		"NOT_EQUALS",
+		"IS_FILLED",
+		"IS_EMPTY"
+	];
+}
+function Tr(e) {
+	return e ? e.type === "boolean" ? [{
+		id: "true",
+		name: "是"
+	}, {
+		id: "false",
+		name: "否"
+	}] : e.type === "checkbox" || e.type === "radio" || e.type === "select" ? e.options.map((e) => ({
+		id: e.value,
+		name: e.label
+	})) : [] : [];
+}
+function Er(e) {
+	return Jt.includes(e);
+}
+function Dr(e, t) {
+	if (e.data.label) return e.data.label;
+	if (kr(e, t)) return Or(e);
+	if (Ar(e, t)) return "同時進行";
+}
+function Or(e) {
+	return e.data.isDefault ? "其他情況" : "請設定條件";
+}
+function kr(e, t) {
+	return t.some((t) => t.id === e.source && t.type === "exclusiveGateway");
+}
+function Ar(e, t) {
+	return t.some((t) => t.id === e.source && t.type === "parallelGateway");
+}
+function jr(e) {
+	return e.type === "NOTIFY" && e.recipients.type === "DIRECT" ? e.recipients.memberIds : [];
+}
+function Z(e) {
+	return e instanceof Error ? e.message : "發生未知錯誤";
+}
+//#endregion
+export { on as t };
+
+//# sourceMappingURL=designer-mOMxJ0Py.js.map