@rytass/bpm-core-react 0.7.7 → 0.9.0

package/dist/chunks/{detail-fg8MTwuH.js → detail-DAak2OXS.js}

@@ -2,20 +2,20 @@
 import { n as e } from "./auth-provider-B5oPmvk2.js";
 import { t } from "./format-date-time-CB-LxzqT.js";
 import { t as n } from "./bpm-form-field-Cao0rMol.js";
-import { t as r } from "./FormRendererView-DrHsuSVo.js";
+import { n as r, t as i } from "./FormRendererView-C5POZbWz.js";
 import '../style.css';import '../detail.css';/* empty css               */
-import { Fragment as i, forwardRef as a, useCallback as o, useEffect as s, useImperativeHandle as c, useMemo as l, useRef as u, useState as d } from "react";
-import { AutoComplete as f, Button as p, Input as m, Modal as h, PageHeader as g, Section as _, SectionGroup as ee, Select as v, Stepper as y, Table as te, Textarea as ne, Tooltip as b, Typography as x } from "@mezzanine-ui/react";
+import { Fragment as a, forwardRef as o, useCallback as s, useEffect as c, useImperativeHandle as l, useMemo as u, useRef as d, useState as f } from "react";
+import { AutoComplete as p, Button as m, Input as ee, Modal as h, PageHeader as te, Section as g, SectionGroup as _, Select as ne, Stepper as v, Table as re, Textarea as y, Tooltip as b, Typography as x } from "@mezzanine-ui/react";
 import { Fragment as S, jsx as C, jsxs as w } from "react/jsx-runtime";
-import { cancelAdhocDirective as re, cancelApprovalInstance as ie, configureAdhocCompletionNotification as ae, configureAdhocStageNotification as oe, decideTask as se, listAdhocDirectives as ce, listAttachments as le, listTaskDecisions as ue, readApprovalInstance as de, readAttachmentDownloadUrl as fe, readAttachmentPreviewUrl as pe, readInstanceSignatures as me, requestAdhocCountersign as he, requestAdhocPreApproval as ge, resolveMemberProfiles as _e, resubmitApprovalInstance as ve, searchMembers as ye, uploadAttachment as be } from "@rytass/bpm-core-client/workflow";
+import { cancelAdhocDirective as T, cancelApprovalInstance as ie, configureAdhocCompletionNotification as ae, configureAdhocStageNotification as oe, decideTask as se, listAdhocDirectives as ce, listAttachments as le, listTaskDecisions as ue, readApprovalInstance as de, readAttachmentDownloadUrl as fe, readAttachmentPreviewUrl as pe, readInstanceSignatures as me, requestAdhocCountersign as he, requestAdhocPreApproval as ge, resolveMemberProfiles as _e, resubmitApprovalInstance as ve, searchMembers as ye, uploadAttachment as be } from "@rytass/bpm-core-client/workflow";
 import xe from "@mezzanine-ui/react/ContentHeader";
-import { CheckedIcon as Se, ChevronLeftIcon as T, ChevronRightIcon as E, DangerousOutlineIcon as Ce, DownloadIcon as D, FileSearchIcon as we, NotificationUnreadIcon as Te, PlusIcon as Ee, RefreshCcwIcon as De, ShareIcon as Oe, UserIcon as ke, ZoomInIcon as O, ZoomOutIcon as Ae } from "@mezzanine-ui/icons";
-import { focusFormRendererField as je, validateFormRendererValues as Me } from "@rytass/bpm-core-client/form";
-import { Background as Ne, Controls as Pe, Handle as Fe, Position as k, ReactFlow as A } from "@xyflow/react";
-import * as Ie from "dagre";
-import { Document as Le, Page as Re } from "react-pdf";
-import { stepClasses as j } from "@mezzanine-ui/core/stepper";
-var M = {
+import { CheckedIcon as Se, ChevronLeftIcon as Ce, ChevronRightIcon as E, DangerousOutlineIcon as we, DownloadIcon as Te, FileSearchIcon as D, NotificationUnreadIcon as Ee, PlusIcon as De, RefreshCcwIcon as Oe, ShareIcon as ke, UserIcon as Ae, ZoomInIcon as je, ZoomOutIcon as Me } from "@mezzanine-ui/icons";
+import { focusFormRendererField as Ne, readFormDataSourceErrorMessage as Pe, validateFormRendererValues as Fe } from "@rytass/bpm-core-client/form";
+import { Background as Ie, Controls as Le, Handle as Re, Position as O, ReactFlow as ze } from "@xyflow/react";
+import * as Be from "dagre";
+import { Document as k, Page as Ve } from "react-pdf";
+import { stepClasses as A } from "@mezzanine-ui/core/stepper";
+var j = {
 	root: "bpm_root_ehm7w",
 	toolbar: "bpm_toolbar_R-tis",
 	pageControls: "bpm_pageControls_jM-rC",
@@ -24,58 +24,58 @@ var M = {
 	viewport: "bpm_viewport_DQXms",
 	page: "bpm_page_Cv5Rg",
 	state: "bpm_state_bpgp3"
-}, N = 760, ze = 920, Be = 320, Ve = 32, P = .75, He = 1.75, Ue = .25;
-function F({ filename: e, fileUrl: t, onDownload: n }) {
-	let r = u(null), [i, a] = d(null), [c, f] = d(1), [m, h] = d(1), [g, _] = d(N);
-	s(() => {
+}, M = 760, N = 920, P = 320, He = 32, F = .75, Ue = 1.75, I = .25;
+function We({ filename: e, fileUrl: t, onDownload: n }) {
+	let r = d(null), [i, a] = f(null), [o, l] = f(1), [p, ee] = f(1), [h, te] = f(M);
+	c(() => {
 		let e = r.current;
 		if (!e || typeof ResizeObserver > "u") return;
 		let t = new ResizeObserver((e) => {
 			let t = e[0]?.contentRect.width;
-			t && _(t);
+			t && te(t);
 		});
 		return t.observe(e), () => t.disconnect();
-	}, []), s(() => {
-		a(null), f(1), h(1);
+	}, []), c(() => {
+		a(null), l(1), ee(1);
 	}, [t]);
-	let ee = l(() => {
-		let e = Math.max(Be, g - Ve);
-		return Math.round(Math.min(ze, e) * m);
-	}, [m, g]), v = o((e) => {
-		a(e.numPages), f(1);
-	}, []), y = c > 1, te = i !== null && c < i, ne = m > P, b = m < He, S = i === null ? `第 ${c} 頁` : `第 ${c} / ${i} 頁`, re = `${Math.round(m * 100)}%`;
+	let g = u(() => {
+		let e = Math.max(P, h - He);
+		return Math.round(Math.min(N, e) * p);
+	}, [p, h]), _ = s((e) => {
+		a(e.numPages), l(1);
+	}, []), ne = o > 1, v = i !== null && o < i, re = p > F, y = p < Ue, b = i === null ? `第 ${o} 頁` : `第 ${o} / ${i} 頁`, S = `${Math.round(p * 100)}%`;
 	return /* @__PURE__ */ w("section", {
 		"aria-label": `${e} PDF 預覽`,
-		className: M.root,
+		className: j.root,
 		children: [/* @__PURE__ */ w("div", {
-			className: M.toolbar,
+			className: j.toolbar,
 			children: [
 				/* @__PURE__ */ w("div", {
-					className: M.pageControls,
+					className: j.pageControls,
 					"aria-label": "頁面切換",
 					children: [
-						/* @__PURE__ */ C(p, {
+						/* @__PURE__ */ C(m, {
 							"aria-label": "上一頁",
-							disabled: !y,
-							icon: T,
+							disabled: !ne,
+							icon: Ce,
 							onClick: () => {
-								f((e) => Math.max(1, e - 1));
+								l((e) => Math.max(1, e - 1));
 							},
 							size: "minor",
 							variant: "base-secondary"
 						}),
 						/* @__PURE__ */ C(x, {
-							className: M.counter,
+							className: j.counter,
 							component: "span",
 							variant: "body",
-							children: S
+							children: b
 						}),
-						/* @__PURE__ */ C(p, {
+						/* @__PURE__ */ C(m, {
 							"aria-label": "下一頁",
-							disabled: !te,
+							disabled: !v,
 							icon: E,
 							onClick: () => {
-								f((e) => i === null ? e : Math.min(i, e + 1));
+								l((e) => i === null ? e : Math.min(i, e + 1));
 							},
 							size: "minor",
 							variant: "base-secondary"
@@ -83,39 +83,39 @@ function F({ filename: e, fileUrl: t, onDownload: n }) {
 					]
 				}),
 				/* @__PURE__ */ w("div", {
-					className: M.zoomControls,
+					className: j.zoomControls,
 					"aria-label": "縮放",
 					children: [
-						/* @__PURE__ */ C(p, {
+						/* @__PURE__ */ C(m, {
 							"aria-label": "縮小",
-							disabled: !ne,
-							icon: Ae,
+							disabled: !re,
+							icon: Me,
 							onClick: () => {
-								h((e) => Math.max(P, e - Ue));
+								ee((e) => Math.max(F, e - I));
 							},
 							size: "minor",
 							variant: "base-secondary"
 						}),
 						/* @__PURE__ */ C(x, {
-							className: M.counter,
+							className: j.counter,
 							component: "span",
 							variant: "body",
-							children: re
+							children: S
 						}),
-						/* @__PURE__ */ C(p, {
+						/* @__PURE__ */ C(m, {
 							"aria-label": "放大",
-							disabled: !b,
-							icon: O,
+							disabled: !y,
+							icon: je,
 							onClick: () => {
-								h((e) => Math.min(He, e + Ue));
+								ee((e) => Math.min(Ue, e + I));
 							},
 							size: "minor",
 							variant: "base-secondary"
 						})
 					]
 				}),
-				n ? /* @__PURE__ */ C(p, {
-					icon: D,
+				n ? /* @__PURE__ */ C(m, {
+					icon: Te,
 					iconType: "leading",
 					onClick: n,
 					size: "minor",
@@ -124,29 +124,29 @@ function F({ filename: e, fileUrl: t, onDownload: n }) {
 				}) : null
 			]
 		}), /* @__PURE__ */ C("div", {
-			className: M.viewport,
+			className: j.viewport,
 			ref: r,
-			children: /* @__PURE__ */ C(Le, {
-				error: /* @__PURE__ */ C(I, { message: "PDF 無法載入。" }),
+			children: /* @__PURE__ */ C(k, {
+				error: /* @__PURE__ */ C(L, { message: "PDF 無法載入。" }),
 				file: t,
-				loading: /* @__PURE__ */ C(I, { message: "正在載入 PDF..." }),
-				noData: /* @__PURE__ */ C(I, { message: "沒有可預覽的 PDF。" }),
-				onLoadSuccess: v,
-				children: /* @__PURE__ */ C(Re, {
-					className: M.page,
-					loading: /* @__PURE__ */ C(I, { message: "正在載入頁面..." }),
-					pageNumber: c,
+				loading: /* @__PURE__ */ C(L, { message: "正在載入 PDF..." }),
+				noData: /* @__PURE__ */ C(L, { message: "沒有可預覽的 PDF。" }),
+				onLoadSuccess: _,
+				children: /* @__PURE__ */ C(Ve, {
+					className: j.page,
+					loading: /* @__PURE__ */ C(L, { message: "正在載入頁面..." }),
+					pageNumber: o,
 					renderAnnotationLayer: !0,
 					renderTextLayer: !0,
-					width: ee
+					width: g
 				})
 			})
 		})]
 	});
 }
-function I({ message: e }) {
+function L({ message: e }) {
 	return /* @__PURE__ */ C("div", {
-		className: M.state,
+		className: j.state,
 		children: /* @__PURE__ */ C(x, {
 			color: "text-neutral",
 			variant: "body",
@@ -156,77 +156,77 @@ function I({ message: e }) {
 }
 //#endregion
 //#region src/views/instances/detail/sections/shared.ts
-function L(e) {
-	let t = z(e, "from"), n = z(e, "to"), r = z(e, "reason");
+function R(e) {
+	let t = B(e, "from"), n = B(e, "to"), r = B(e, "reason");
 	return !t || !n || !r ? null : {
 		from: t,
 		reason: r,
-		ruleId: z(e, "ruleId"),
+		ruleId: B(e, "ruleId"),
 		to: n
 	};
 }
-function R(e) {
+function z(e) {
 	try {
 		let t = JSON.parse(e);
-		return Array.isArray(t) ? t.map((e) => We(e) ? L(e) : null).filter((e) => e !== null) : [];
+		return Array.isArray(t) ? t.map((e) => W(e) ? R(e) : null).filter((e) => e !== null) : [];
 	} catch {
 		return [];
 	}
 }
-function z(e, t) {
+function B(e, t) {
 	let n = e[t];
 	return typeof n == "string" ? n : null;
 }
-function B(e, t) {
+function V(e, t) {
 	let n = e[t];
 	return Array.isArray(n) ? n.filter((e) => typeof e == "string") : [];
 }
-function V(e, t) {
+function H(e, t) {
 	let n = e[t];
 	return typeof n == "number" ? n : null;
 }
-function H(e) {
+function U(e) {
 	return typeof e == "string" && e.trim().length > 0;
 }
-function We(e) {
+function W(e) {
 	return typeof e == "object" && !!e;
 }
 function Ge(e) {
 	return e.status === "PENDING" || e.status === "IN_PROGRESS";
 }
-function U(e) {
-	return e instanceof Error ? e.message : "發生未知錯誤";
+function G(e) {
+	return Pe(e) || (e instanceof Error ? e.message : "發生未知錯誤");
 }
-function W(e) {
+function Ke(e) {
 	return !Number.isFinite(e) || e <= 0 ? "-" : e < 1024 ? `${e} B` : e < 1024 * 1024 ? `${(e / 1024).toFixed(1)} KB` : `${(e / 1024 / 1024).toFixed(1)} MB`;
 }
-function G(e) {
+function qe(e) {
 	return e.length > 16 ? `${e.slice(0, 12)}...` : e;
 }
-function Ke(e) {
+function Je(e) {
 	return e === "APPROVED" ? "已同意" : e === "CANCELLED" ? "已取消" : e === "DRAFT" ? "草稿" : e === "EXPIRED" ? "已逾期" : e === "REJECTED" ? "已拒絕" : e === "RETURNED" ? "已退回" : e === "RUNNING" ? "進行中" : e;
 }
-function qe(e) {
+function K(e) {
 	return e === "PENDING" ? "待處理" : e === "IN_PROGRESS" ? "處理中" : e === "COMPLETED" ? "已完成" : e === "CANCELLED" ? "已取消" : e === "TRANSFERRED" ? "已轉派" : e;
 }
-function Je(e) {
+function Ye(e) {
 	return e === "APPROVED" ? "同意" : e === "REJECTED" ? "拒絕" : e === "RETURNED" ? "退回" : e === "TRANSFERRED" ? "轉派" : e;
 }
-function Ye(e) {
+function q(e) {
 	return e === "startEvent" ? "開始" : e === "endEvent" ? "完成" : e === "userTask" ? "簽核節點" : e === "serviceTask" ? "知會節點" : e === "exclusiveGateway" ? "條件分流" : "平行處理";
 }
-function K(e, t) {
+function J(e, t) {
 	return t?.nodes.find((t) => t.id === e)?.data.label ?? e;
 }
-function q(e, t) {
+function Y(e, t) {
 	if (!e) return "-";
 	let n = t.get(e);
 	return n ? `${n.name}（${n.email}）` : e;
 }
 function Xe(e, t = /* @__PURE__ */ new Map()) {
-	let n = R(e.delegationChainJson);
-	if (!e.assigneeMemberId) return e.candidateMemberIds.length ? `候選 ${e.candidateMemberIds.map((e) => q(e, t)).join("、")}` : "未指定";
-	let r = q(e.assigneeMemberId, t), i = q(e.originalAssigneeMemberId, t);
+	let n = z(e.delegationChainJson);
+	if (!e.assigneeMemberId) return e.candidateMemberIds.length ? `候選 ${e.candidateMemberIds.map((e) => Y(e, t)).join("、")}` : "未指定";
+	let r = Y(e.assigneeMemberId, t), i = Y(e.originalAssigneeMemberId, t);
 	return n.length === 0 || e.originalAssigneeMemberId === e.assigneeMemberId ? r : `${r}（原：${i}）`;
 }
 function Ze(e, t) {
@@ -236,12 +236,12 @@ function Qe(e, t) {
 	if (t.type !== "userTask" || !t.data.returnBehavior.allowReturn) return [];
 	if (t.data.returnBehavior.allowedTargets === "ANY") return e.nodes.filter((e) => e.id !== t.id).map((e) => ({
 		id: e.id,
-		name: `${e.data.label}（${Ye(e.type)}）`
+		name: `${e.data.label}（${q(e.type)}）`
 	}));
 	let n = t.data.returnBehavior.allowedTargets === "INITIATOR" ? e.nodes.find((e) => e.type === "startEvent")?.id : e.edges.find((e) => e.target === t.id)?.source, r = e.nodes.find((e) => e.id === n);
 	return r ? [{
 		id: r.id,
-		name: `${r.data.label}（${Ye(r.type)}）`
+		name: `${r.data.label}（${q(r.type)}）`
 	}] : [];
 }
 function $e(e) {
@@ -251,8 +251,8 @@ function $e(e) {
 		name: `${e.name} · ${e.email}`
 	};
 }
-function J(e) {
-	if (!We(e)) return null;
+function et(e) {
+	if (!W(e)) return null;
 	let t = e.email, n = e.id, r = e.name;
 	return typeof n == "string" && typeof r == "string" ? {
 		email: typeof t == "string" ? t : null,
@@ -260,7 +260,7 @@ function J(e) {
 		name: r
 	} : null;
 }
-function et(e, t) {
+function tt(e, t) {
 	let n = e.trim().toLocaleLowerCase();
 	if (!n) return null;
 	let r = t.filter((e) => [
@@ -270,19 +270,19 @@ function et(e, t) {
 	].some((e) => e.toLocaleLowerCase().includes(n)));
 	return r.length === 1 ? r[0] ?? null : null;
 }
-function Y(e) {
-	return H(e) ? {
+function X(e) {
+	return U(e) ? {
 		text: e,
 		type: "text"
 	} : null;
 }
-function tt(e) {
-	return H(e) ? {
+function nt(e) {
+	return U(e) ? {
 		text: e,
 		type: "dangerText"
 	} : null;
 }
-function X(e, t, n, r) {
+function rt(e, t, n, r) {
 	let i = t ? n.get(t) : null;
 	return {
 		email: i?.email ?? null,
@@ -295,95 +295,96 @@ function X(e, t, n, r) {
 function Z(e) {
 	return !!e;
 }
-function nt(e) {
+function it(e) {
 	let t = e.findIndex((e) => e.id.startsWith("pending-task-") || e.id.startsWith("future-node-"));
 	return t === -1 ? e.length : t;
 }
-function rt(e) {
+function at(e) {
 	return e.eventType === "INSTANCE_STARTED" || e.eventType === "TASK_DECIDED" || e.eventType === "SLA_TRIGGERED";
 }
-function it(e) {
+function ot(e) {
 	return e === "APPROVED" ? "已同意" : e === "REJECTED" ? "已拒絕" : e === "RETURNED" ? "已退回" : e === "TRANSFERRED" ? "已轉派" : "簽核已決議";
 }
-function at(e, t) {
-	return e === "INSTANCE_STARTED" ? "案件已發起" : e === "TOKEN_CREATED" ? "流程路徑已建立" : e === "ENGINE_PROCESS_REQUESTED" ? "流程引擎已處理" : e === "TOKEN_ADVANCED" ? "流程已前進" : e === "TASK_CREATED" ? "待簽任務已建立" : e === "TASK_DECIDED" ? it(z(t, "action")) : e === "SLA_TRIGGERED" ? "時限提醒已觸發" : e;
+function st(e, t) {
+	return e === "INSTANCE_STARTED" ? "案件已發起" : e === "TOKEN_CREATED" ? "流程路徑已建立" : e === "ENGINE_PROCESS_REQUESTED" ? "流程引擎已處理" : e === "TOKEN_ADVANCED" ? "流程已前進" : e === "TASK_CREATED" ? "待簽任務已建立" : e === "TASK_DECIDED" ? ot(B(t, "action")) : e === "SLA_TRIGGERED" ? "時限提醒已觸發" : e;
 }
-function ot(e) {
+function ct(e) {
 	try {
 		let t = JSON.parse(e.payloadJson);
-		return We(t) ? t : {};
+		return W(t) ? t : {};
 	} catch {
 		return {};
 	}
 }
-function Q(e, t) {
-	return e.eventType === "SLA_TRIGGERED" || z(t, "action") === "REJECTED" || z(t, "instanceState") === "REJECTED";
+function lt(e, t) {
+	return e.eventType === "SLA_TRIGGERED" || B(t, "action") === "REJECTED" || B(t, "instanceState") === "REJECTED";
 }
-function st(e) {
+function ut(e) {
 	return t(e);
 }
-function ct(e, t, n, r) {
+function dt(e, t, n, r) {
 	if (e.eventType === "TASK_CREATED") {
-		let e = z(t, "assigneeMemberId"), n = z(t, "originalAssigneeMemberId");
+		let e = B(t, "assigneeMemberId"), n = B(t, "originalAssigneeMemberId");
 		if (!e) {
-			let e = B(t, "candidateMemberIds");
-			return e.length ? `候選簽核人：${e.map((e) => q(e, r)).join("、")}` : null;
+			let e = V(t, "candidateMemberIds");
+			return e.length ? `候選簽核人：${e.map((e) => Y(e, r)).join("、")}` : null;
 		}
-		let i = q(e, r), a = q(n, r);
+		let i = Y(e, r), a = Y(n, r);
 		return n && n !== e ? `待簽人：${i}（原簽核人：${a}）` : `待簽人：${i}`;
 	}
 	if (e.eventType === "TASK_DECIDED") {
-		let e = z(t, "action"), n = z(t, "comment"), i = e ? `決議：${Je(e)}` : null, a = z(t, "transferToMemberId");
-		return e === "REJECTED" && n ? [i, `拒絕原因：${n}`].filter(H).join(" · ") : e === "TRANSFERRED" ? [i, `轉派給：${q(a, r)}`].filter(H).join(" · ") : i;
+		let e = B(t, "action"), n = B(t, "comment"), i = e ? `決議：${Ye(e)}` : null, a = B(t, "transferToMemberId");
+		return e === "REJECTED" && n ? [i, `拒絕原因：${n}`].filter(U).join(" · ") : e === "APPROVED" && n ? [i, `同意說明：${n}`].filter(U).join(" · ") : e === "TRANSFERRED" ? [i, `轉派給：${Y(a, r)}`].filter(U).join(" · ") : i;
 	}
 	if (e.eventType === "TOKEN_ADVANCED") {
-		let e = z(t, "action");
-		if (e) return `流程結果：${Je(e)}`;
-		let r = V(t, "arrivedCount"), i = V(t, "requiredCount");
+		let e = B(t, "action");
+		if (e) return `流程結果：${Ye(e)}`;
+		let r = H(t, "arrivedCount"), i = H(t, "requiredCount");
 		if (r !== null && i !== null) return `等待匯合：${r}/${i}`;
-		let a = z(t, "fromNodeId"), o = z(t, "toNodeId");
-		if (a && o) return `由 ${K(a, n)} 前進至 ${K(o, n)}`;
+		let a = B(t, "fromNodeId"), o = B(t, "toNodeId");
+		if (a && o) return `由 ${J(a, n)} 前進至 ${J(o, n)}`;
 	}
 	if (e.eventType === "ENGINE_PROCESS_REQUESTED") {
-		let e = z(t, "state");
-		return e ? `案件狀態：${Ke(e)}` : null;
+		let e = B(t, "state");
+		return e ? `案件狀態：${Je(e)}` : null;
 	}
 	return null;
 }
-function lt(e, t, n, r, i, a, o) {
-	if (e.eventType !== "TASK_DECIDED") return [Y(ct(e, t, n, o))].filter(Z);
-	let s = e.taskId ? r.get(e.taskId) : null, c = z(t, "action") ?? s?.action ?? null, l = z(t, "comment") ?? s?.comment ?? null, u = z(t, "transferToMemberId") ?? s?.transferToMemberId ?? null, d = z(t, "signatureId") ?? s?.signatureId ?? null, f = d ? i.get(d) : null;
+function ft(e, t, n, r, i, a, o) {
+	if (e.eventType !== "TASK_DECIDED") return [X(dt(e, t, n, o))].filter(Z);
+	let s = e.taskId ? r.get(e.taskId) : null, c = B(t, "action") ?? s?.action ?? null, l = B(t, "comment") ?? s?.comment ?? null, u = B(t, "transferToMemberId") ?? s?.transferToMemberId ?? null, d = B(t, "signatureId") ?? s?.signatureId ?? null, f = d ? i.get(d) : null;
 	return [
-		Y(c ? `決議：${Je(c)}` : null),
-		c === "REJECTED" ? tt(`拒絕原因：${l ?? "-"}`) : null,
-		c === "RETURNED" ? Y(`退回說明：${l ?? "-"}`) : null,
-		c === "TRANSFERRED" ? Y(`轉派給：${q(u, o)}`) : null,
-		c === "TRANSFERRED" ? Y(`轉派說明：${l ?? "-"}`) : null,
-		f ? Y(a?.valid ? `簽章：已驗證（${G(f.signedPayloadHash)}）` : `簽章：待檢查（${G(f.signedPayloadHash)}）`) : null
+		X(c ? `決議：${Ye(c)}` : null),
+		c === "REJECTED" ? nt(`拒絕原因：${l ?? "-"}`) : null,
+		c === "APPROVED" && l ? X(`同意說明：${l}`) : null,
+		c === "RETURNED" ? X(`退回說明：${l ?? "-"}`) : null,
+		c === "TRANSFERRED" ? X(`轉派給：${Y(u, o)}`) : null,
+		c === "TRANSFERRED" ? X(`轉派說明：${l ?? "-"}`) : null,
+		f ? X(a?.valid ? `簽章：已驗證（${qe(f.signedPayloadHash)}）` : `簽章：待檢查（${qe(f.signedPayloadHash)}）`) : null
 	].filter(Z);
 }
-function $(e, t, n, r, i) {
+function pt(e, t, n, r, i) {
 	if (e.type === "startEvent" || i.has(e.id)) return !1;
 	if (r === "REJECTED") return !0;
-	let a = vt(e, t, n, r);
+	let a = bt(e, t, n, r);
 	return a.tone === "neutral" || a.tone === "waiting";
 }
-function ut(e, t, n, r, i) {
+function Q(e, t, n, r, i) {
 	if (r !== "RUNNING" && r !== "REJECTED") return [];
-	let a = e.nodes.filter((e) => $(e, t, n, r, i)), o = dt(e, a, t, n, i), s = new Map(e.nodes.map((e, t) => [e.id, t]));
+	let a = e.nodes.filter((e) => pt(e, t, n, r, i)), o = mt(e, a, t, n, i), s = new Map(e.nodes.map((e, t) => [e.id, t]));
 	return a.filter((e) => o.has(e.id)).sort((e, t) => {
 		let n = o.get(e.id) ?? 0, r = o.get(t.id) ?? 0;
 		return n === r ? e.position.x === t.position.x ? e.position.y === t.position.y ? (s.get(e.id) ?? 0) - (s.get(t.id) ?? 0) : e.position.y - t.position.y : e.position.x - t.position.x : n - r;
 	});
 }
-function dt(e, t, n, r, i) {
+function mt(e, t, n, r, i) {
 	let a = new Set(t.map((e) => e.id)), o = e.edges.reduce((e, t) => {
 		let n = [...e.get(t.source) ?? [], t.target];
 		return new Map(e).set(t.source, n);
 	}, /* @__PURE__ */ new Map());
-	return ft(e, n, r, i).reduce((e, t) => ht(e, pt(t, o, a)), /* @__PURE__ */ new Map());
+	return ht(e, n, r, i).reduce((e, t) => vt(e, gt(t, o, a)), /* @__PURE__ */ new Map());
 }
-function ft(e, t, n, r) {
+function ht(e, t, n, r) {
 	let i = n.filter((e) => e.status === "ACTIVE" || e.status === "WAITING").map((e) => e.currentNodeId), a = t.filter(Ge).map((e) => e.nodeId), o = e.nodes.filter((e) => r.has(e.id)).map((e) => e.id), s = [...new Set([
 		...i,
 		...a,
@@ -391,57 +392,57 @@ function ft(e, t, n, r) {
 	])], c = e.nodes.filter((e) => e.type === "startEvent").map((e) => e.id);
 	return s.length > 0 ? s : c;
 }
-function pt(e, t, n) {
-	return mt([{
+function gt(e, t, n) {
+	return _t([{
 		distance: 0,
 		nodeId: e
 	}], t, n);
 }
-function mt(e, t, n, r = /* @__PURE__ */ new Set(), i = /* @__PURE__ */ new Map()) {
+function _t(e, t, n, r = /* @__PURE__ */ new Set(), i = /* @__PURE__ */ new Map()) {
 	let [a, ...o] = e;
 	if (!a) return i;
-	if (r.has(a.nodeId)) return mt(o, t, n, r, i);
+	if (r.has(a.nodeId)) return _t(o, t, n, r, i);
 	let s = new Set(r).add(a.nodeId), c = n.has(a.nodeId) ? new Map(i).set(a.nodeId, Math.min(i.get(a.nodeId) ?? a.distance, a.distance)) : i;
-	return mt([...o, ...(t.get(a.nodeId) ?? []).map((e) => ({
+	return _t([...o, ...(t.get(a.nodeId) ?? []).map((e) => ({
 		distance: a.distance + 1,
 		nodeId: e
 	}))], t, n, s, c);
 }
-function ht(e, t) {
+function vt(e, t) {
 	return [...t.entries()].reduce((e, [t, n]) => new Map(e).set(t, Math.min(e.get(t) ?? n, n)), e);
 }
-function gt(e) {
+function yt(e) {
 	return e.type === "userTask" ? `未來簽核：${e.data.label}` : e.type === "serviceTask" ? `未來知會：${e.data.label}` : e.type === "exclusiveGateway" ? `未來分流：${e.data.label}` : e.type === "parallelGateway" ? `未來匯合：${e.data.label}` : e.type === "endEvent" ? `流程完成：${e.data.label}` : `未來節點：${e.data.label}`;
 }
-function _t(e, t, n, r, i, a, o, s, c) {
-	let l = e.filter(rt).map((e) => {
-		let t = ot(e), n = e.nodeId ? K(e.nodeId, r) : null;
+function $(e, t, n, r, i, a, o, s, c) {
+	let l = e.filter(at).map((e) => {
+		let t = ct(e), n = e.nodeId ? J(e.nodeId, r) : null;
 		return {
 			descriptionParts: [
-				Y(n ? `節點：${n}` : "節點：全流程"),
-				X("操作者", e.actorMemberId, a, "系統"),
-				Y(`時間：${st(e.createdAt)}`),
-				...lt(e, t, r, o, s, c, a)
+				X(n ? `節點：${n}` : "節點：全流程"),
+				rt("操作者", e.actorMemberId, a, "系統"),
+				X(`時間：${ut(e.createdAt)}`),
+				...ft(e, t, r, o, s, c, a)
 			].filter(Z),
-			error: Q(e, t),
+			error: lt(e, t),
 			id: e.id,
-			title: at(e.eventType, t)
+			title: st(e.eventType, t)
 		};
 	}), u = t.filter(Ge).map((e) => ({
 		descriptionParts: [
-			Y(`節點：${K(e.nodeId, r)}`),
-			X("處理者", e.assigneeMemberId, a, "未指定"),
-			Y(`建立時間：${st(e.createdAt)}`)
+			X(`節點：${J(e.nodeId, r)}`),
+			rt("處理者", e.assigneeMemberId, a, "未指定"),
+			X(`建立時間：${ut(e.createdAt)}`)
 		].filter(Z),
 		error: !1,
 		id: `pending-task-${e.id}`,
 		title: e.status === "IN_PROGRESS" ? "簽核處理中" : "等待簽核處理"
-	})), d = new Set([...e.filter(rt).map((e) => e.nodeId), ...t.map((e) => e.nodeId)].filter(H)), f = r ? ut(r, t, n, i, d).map((e) => ({
-		descriptionParts: [Y(`${Ye(e.type)} · 尚未抵達`)].filter(Z),
+	})), d = new Set([...e.filter(at).map((e) => e.nodeId), ...t.map((e) => e.nodeId)].filter(U)), f = r ? Q(r, t, n, i, d).map((e) => ({
+		descriptionParts: [X(`${q(e.type)} · 尚未抵達`)].filter(Z),
 		error: !1,
 		forcePending: !0,
 		id: `future-node-${e.id}`,
-		title: gt(e)
+		title: yt(e)
 	})) : [];
 	return [
 		...l,
@@ -449,7 +450,7 @@ function _t(e, t, n, r, i, a, o, s, c) {
 		...f
 	];
 }
-function vt(e, t, n, r) {
+function bt(e, t, n, r) {
 	let i = t.filter((t) => t.nodeId === e.id), a = i.find((e) => e.status === "PENDING" || e.status === "IN_PROGRESS"), o = i.find((e) => e.status === "CANCELLED"), s = i.find((e) => e.status === "COMPLETED"), c = n.filter((t) => t.currentNodeId === e.id), l = c.find((e) => e.status === "ACTIVE"), u = c.find((e) => e.status === "WAITING");
 	return a ? {
 		secondaryLabel: `處理者 ${Xe(a)}`,
@@ -480,39 +481,39 @@ function vt(e, t, n, r) {
 		statusLabel: r === "REJECTED" ? "已拒絕" : "已完成",
 		tone: r === "REJECTED" ? "cancelled" : "completed"
 	} : {
-		secondaryLabel: Ye(e.type),
+		secondaryLabel: q(e.type),
 		statusLabel: "未抵達",
 		tone: "neutral"
 	};
 }
 //#endregion
 //#region src/views/instances/detail/sections/container-helpers.ts
-async function yt({ activityLogs: e, adhocDirectives: t = [], tasks: n }) {
+async function xt({ activityLogs: e, adhocDirectives: t = [], tasks: n }) {
 	let r = [...new Set([
 		...e.map((e) => e.actorMemberId),
 		...n.map((e) => e.assigneeMemberId),
 		...n.map((e) => e.originalAssigneeMemberId),
 		...n.flatMap((e) => e.candidateMemberIds),
-		...n.flatMap((e) => R(e.delegationChainJson).flatMap((e) => [e.from, e.to])),
-		...t.flatMap((e) => [e.createdByMemberId, ...bt(e.targetValueJson)])
-	].filter(H))];
+		...n.flatMap((e) => z(e.delegationChainJson).flatMap((e) => [e.from, e.to])),
+		...t.flatMap((e) => [e.createdByMemberId, ...St(e.targetValueJson)])
+	].filter(U))];
 	try {
 		return await _e(r);
 	} catch {
 		return [];
 	}
 }
-function bt(e) {
+function St(e) {
 	try {
 		return (JSON.parse(e).memberIds ?? []).filter((e) => typeof e == "string");
 	} catch {
 		return [];
 	}
 }
-async function xt(e) {
+async function Ct(e) {
 	return (await Promise.all(e.map((e) => ue(e.id)))).flat();
 }
-function St(e) {
+function wt(e) {
 	return e.reduce((e, t) => {
 		let n = e.get(t.taskId), r = !n || new Date(t.decidedAt).getTime() > new Date(n.decidedAt).getTime() ? t : n;
 		return new Map(e).set(t.taskId, r);
@@ -520,17 +521,17 @@ function St(e) {
 }
 //#endregion
 //#region src/views/instances/detail/sections/InstanceFormSection.tsx
-var Ct = {
+var Tt = {
 	display: "grid",
 	gap: 16
-}, wt = {
+}, Et = {
 	display: "flex",
 	flexWrap: "wrap",
 	gap: 8
 };
-function Tt({ canResubmitInstance: e, deciding: t, error: n, instance: i, loading: a, onResubmitFormChange: o, onResubmitInstance: s, onUploadAttachment: c, resubmitFormData: l, resubmitFormErrors: u }) {
+function Dt({ canResubmitInstance: e, deciding: t, error: n, instance: r, loading: a, onDataSourceStateChange: o, onResubmitFormChange: s, onResubmitInstance: c, onUploadAttachment: l, resubmitFormData: u, resubmitFormErrors: d }) {
 	return /* @__PURE__ */ w("div", {
-		style: Ct,
+		style: Tt,
 		children: [
 			n ? /* @__PURE__ */ C(x, {
 				color: "text-error",
@@ -542,23 +543,31 @@ function Tt({ canResubmitInstance: e, deciding: t, error: n, instance: i, loadin
 				variant: "body",
 				children: "載入中..."
 			}) : null,
-			i?.formDefinitionSnapshot.schema && i.formDefinitionSnapshot.uiSchema ? /* @__PURE__ */ w(S, { children: [/* @__PURE__ */ C(r, {
-				errors: u,
+			r?.formDefinitionSnapshot.schema && r.formDefinitionSnapshot.uiSchema ? /* @__PURE__ */ w(S, { children: [/* @__PURE__ */ C(i, {
+				dataSourceContext: e ? {
+					instanceId: r.id,
+					kind: "runtime",
+					templateId: r.templateId
+				} : void 0,
+				dataSourceInitialValues: r.formData,
+				errors: d,
 				onChange: (e) => {
-					o(e);
+					s(e);
 				},
-				onUploadAttachment: e ? c : void 0,
+				onDataSourceStateChange: o,
+				onUploadAttachment: e ? l : void 0,
+				optionSnapshots: r.formDataOptionSnapshot,
 				readonly: !e,
-				schema: i.formDefinitionSnapshot.schema,
-				uiSchema: i.formDefinitionSnapshot.uiSchema,
-				value: e ? l : i.formData
+				schema: r.formDefinitionSnapshot.schema,
+				uiSchema: r.formDefinitionSnapshot.uiSchema,
+				value: e ? u : r.formData
 			}), e ? /* @__PURE__ */ C("div", {
-				style: wt,
-				children: /* @__PURE__ */ C(p, {
+				style: Et,
+				children: /* @__PURE__ */ C(m, {
 					disabled: t,
-					icon: De,
+					icon: Oe,
 					iconType: "leading",
-					onClick: s,
+					onClick: c,
 					variant: "base-primary",
 					children: "重新送出"
 				})
@@ -572,20 +581,20 @@ function Tt({ canResubmitInstance: e, deciding: t, error: n, instance: i, loadin
 }
 //#endregion
 //#region src/views/instances/detail/sections/InstanceAttachmentsSection.tsx
-var Et = {
+var Ot = {
 	display: "grid",
 	gap: 16
 };
-function Dt({ attachments: e, onDownload: n, onPreview: r }) {
-	let i = l(() => e.map((e) => ({
+function kt({ attachments: e, onDownload: n, onPreview: r }) {
+	let i = u(() => e.map((e) => ({
 		attachment: e,
 		createdAt: e.createdAt,
 		filename: e.filename,
 		id: e.id,
 		key: e.id,
 		mimeType: e.mimeType,
-		sizeLabel: W(Number(e.sizeBytes))
-	})), [e]), a = l(() => [
+		sizeLabel: Ke(Number(e.sizeBytes))
+	})), [e]), a = u(() => [
 		{
 			dataIndex: "filename",
 			key: "filename",
@@ -614,16 +623,16 @@ function Dt({ attachments: e, onDownload: n, onPreview: r }) {
 			title: "上傳時間",
 			width: 220
 		}
-	], []), o = l(() => ({
+	], []), o = u(() => ({
 		render: (e) => [...e.mimeType === "application/pdf" ? [{
-			icon: we,
+			icon: D,
 			iconType: "leading",
 			name: "預覽",
 			onClick: () => {
 				r(e.attachment);
 			}
 		}] : [], {
-			icon: D,
+			icon: Te,
 			iconType: "leading",
 			name: "下載",
 			onClick: () => {
@@ -634,12 +643,12 @@ function Dt({ attachments: e, onDownload: n, onPreview: r }) {
 		width: 160
 	}), [n, r]);
 	return /* @__PURE__ */ w("div", {
-		style: Et,
+		style: Ot,
 		children: [/* @__PURE__ */ C(x, {
 			component: "h2",
 			variant: "h3",
 			children: "附件"
-		}), i.length > 0 ? /* @__PURE__ */ C(te, {
+		}), i.length > 0 ? /* @__PURE__ */ C(re, {
 			actions: o,
 			columns: a,
 			dataSource: i,
@@ -653,55 +662,55 @@ function Dt({ attachments: e, onDownload: n, onPreview: r }) {
 }
 //#endregion
 //#region src/views/instances/detail/sections/InstanceTasksSection.tsx
-var Ot = {
+var At = {
 	display: "grid",
 	gap: 12,
 	width: "100%"
-}, kt = {
+}, jt = {
 	minWidth: "100%",
 	width: "100%"
-}, At = {
+}, Mt = {
 	display: "grid",
 	gap: 12,
 	width: "100%"
-}, jt = { marginTop: 12 }, Mt = { marginTop: 24 };
-function Nt(e) {
+}, Nt = { marginTop: 12 }, Pt = { marginTop: 24 };
+function Ft(e) {
 	e && (e.style.width = "100%");
 }
-var Pt = {
+var It = {
 	COMPLETION_NOTIFY: "結案通知",
 	COUNTERSIGN: "臨時會簽",
 	PRE_APPROVAL: "臨時加簽",
 	STAGE_NOTIFY: "階段完成通知"
-}, Ft = {
+}, Lt = {
 	COMPLETION_NOTIFY: "本張單到達結案狀態（核准 / 拒絕 / 取消）後，通知指定對象。",
 	COUNTERSIGN: "指定對象會併入下一層簽核，下一層需所有人都完成才會繼續。",
 	PRE_APPROVAL: "指定對象需先完成加簽，本階段才會往下一層繼續。",
 	STAGE_NOTIFY: "本階段完成後（不論通過與否）通知指定對象。"
-}, It = [{
+}, Rt = [{
 	id: "REJECT_INSTANCE",
 	name: "加簽拒絕時整單駁回"
 }, {
 	id: "RETURN_TO_ORIGIN",
 	name: "加簽拒絕時退回給我重新處理"
-}], Lt = [{
+}], zt = [{
 	id: "MEMBER",
 	name: "指定成員"
 }, {
 	id: "WEBHOOK",
 	name: "Webhook"
-}], Rt = a(function({ adhocDirectives: e, currentMemberId: r, instance: i, memberProfilesById: a, onChanged: o, tasks: s }, u) {
-	let [g, _] = d(!1), [ee, y] = d(null), [b, ie] = d(""), [ce, le] = d(null), [ue, de] = d(!1), [fe, pe] = d(""), [me, _e] = d(!1), [ve, be] = d(null), [xe, Se] = d(""), [T, E] = d(null), [Ce, D] = d(!1), [we, Te] = d([]), [Ee, De] = d(!1), [Oe, ke] = d(""), [O, Ae] = d(null), [je, Me] = d(!1), [Ne, Pe] = d([]), [Fe, k] = d(!1), [A, Ie] = d("COUNTERSIGN"), [Le, Re] = d("REJECT_INSTANCE"), [j, M] = d(!1), [N, ze] = d("MEMBER"), [Be, Ve] = d(""), P = b.trim(), He = fe.trim(), Ue = xe.trim(), F = l(() => s.find((e) => Ze(e, r) && (e.status === "PENDING" || e.status === "IN_PROGRESS")) ?? null, [r, s]), I = l(() => F && i ? i.workflowSnapshot.nodes.find((e) => e.id === F.nodeId) ?? null : null, [F, i]), L = l(() => I && i ? Qe(i.workflowSnapshot, I) : [], [I, i]), R = I?.type === "userTask" && I.data.returnBehavior.allowReturn, z = I?.type === "userTask" && I.data.allowAddSigner, B = l(() => e.filter((e) => e.status === "PENDING"), [e]), V = L.find((e) => e.id === ve) ?? L[0] ?? null, H = l(() => s.map((e) => ({
+}], Bt = o(function({ adhocDirectives: e, currentMemberId: r, instance: i, memberProfilesById: a, onChanged: o, tasks: s }, c) {
+	let [d, te] = f(!1), [g, _] = f(null), [v, b] = f(""), [ie, ce] = f(!1), [le, ue] = f(""), [de, fe] = f(null), [pe, me] = f(!1), [_e, ve] = f(""), [be, xe] = f(!1), [Se, Ce] = f(null), [E, we] = f(""), [Te, D] = f(null), [Ee, De] = f(!1), [Oe, ke] = f([]), [Ae, je] = f(!1), [Me, Ne] = f(""), [Pe, Fe] = f(null), [Ie, Le] = f(!1), [Re, O] = f([]), [ze, Be] = f(!1), [k, Ve] = f("COUNTERSIGN"), [A, j] = f("REJECT_INSTANCE"), [M, N] = f(!1), [P, He] = f("MEMBER"), [F, Ue] = f(""), I = le.trim(), We = _e.trim(), L = E.trim(), R = u(() => s.find((e) => Ze(e, r) && (e.status === "PENDING" || e.status === "IN_PROGRESS")) ?? null, [r, s]), z = u(() => R && i ? i.workflowSnapshot.nodes.find((e) => e.id === R.nodeId) ?? null : null, [R, i]), B = u(() => z && i ? Qe(i.workflowSnapshot, z) : [], [z, i]), V = z?.type === "userTask" && z.data.returnBehavior.allowReturn, H = z?.type === "userTask" && z.data.allowReject !== !1, U = z?.type === "userTask" && z.data.allowTransfer !== !1, W = z?.type === "userTask" && z.data.returnBehavior.requireComment === !0, Ge = z?.type === "userTask" && z.data.allowAddSigner, Ke = u(() => e.filter((e) => e.status === "PENDING"), [e]), qe = B.find((e) => e.id === Se) ?? B[0] ?? null, Je = u(() => s.map((e) => ({
 		...e,
 		assigneeLabel: Xe(e, a),
 		key: e.id,
-		nodeLabel: `${K(e.nodeId, i?.workflowSnapshot ?? null)}${e.isAdhoc ? e.adhocType === "COUNTERSIGN" ? "（臨時會簽）" : "（臨時加簽）" : ""}`,
-		statusLabel: qe(e.status)
+		nodeLabel: `${J(e.nodeId, i?.workflowSnapshot ?? null)}${e.isAdhoc ? e.adhocType === "COUNTERSIGN" ? "（臨時會簽）" : "（臨時加簽）" : ""}`,
+		statusLabel: K(e.status)
 	})), [
 		i,
 		a,
 		s
-	]), We = l(() => [
+	]), Ye = u(() => [
 		{
 			dataIndex: "nodeLabel",
 			key: "nodeLabel",
@@ -734,13 +743,13 @@ var Pt = {
 			title: "建立時間",
 			width: 220
 		}
-	], []), Ge = l(() => B.map((e) => ({
+	], []), q = u(() => Ke.map((e) => ({
 		...e,
-		createdByLabel: q(e.createdByMemberId, a),
+		createdByLabel: Y(e.createdByMemberId, a),
 		key: e.id,
-		targetLabel: zt(e, a),
-		typeLabel: Pt[e.type]
-	})), [a, B]), W = l(() => [
+		targetLabel: Vt(e, a),
+		typeLabel: It[e.type]
+	})), [a, Ke]), X = u(() => [
 		{
 			dataIndex: "typeLabel",
 			key: "typeLabel",
@@ -779,9 +788,9 @@ var Pt = {
 		},
 		{
 			key: "actions",
-			render: (e) => e.createdByMemberId === r ? /* @__PURE__ */ C(p, {
-				disabled: j,
-				onClick: () => void lt(e.id),
+			render: (e) => e.createdByMemberId === r ? /* @__PURE__ */ C(m, {
+				disabled: M,
+				onClick: () => void yt(e.id),
 				size: "minor",
 				variant: "destructive-secondary",
 				children: "撤回"
@@ -789,110 +798,131 @@ var Pt = {
 			title: "操作",
 			width: 100
 		}
-	], [j, r]);
-	async function G({ action: e, comment: t, returnToNodeId: n = null, transferToMemberId: i = null }) {
-		if (!(!r || !F)) {
-			_(!0), y(null);
-			try {
-				await se({
-					action: e,
-					comment: t,
-					decidedByMemberId: r,
-					returnToNodeId: n,
-					taskId: F.id,
-					transferToMemberId: i
-				}), de(!1), _e(!1), De(!1), ie(""), pe(""), Se(""), E(null), be(null), le(null), await o();
-			} catch (e) {
-				y(U(e));
-			} finally {
-				_(!1);
-			}
+	], [M, r]);
+	async function nt({ action: e, comment: t, returnToNodeId: n = null, transferToMemberId: i = null }) {
+		if (!r || !R || e === "REJECTED" && !H || e === "TRANSFERRED" && !U) return !1;
+		te(!0), _(null);
+		try {
+			await se({
+				action: e,
+				comment: t,
+				decidedByMemberId: r,
+				returnToNodeId: n,
+				taskId: R.id,
+				transferToMemberId: i
+			}), me(!1), xe(!1), je(!1), ue(""), ve(""), we(""), D(null), Ce(null), fe(null);
+		} catch (e) {
+			return _(G(e)), te(!1), !1;
+		}
+		try {
+			await o();
+		} catch (e) {
+			_(G(e));
+		} finally {
+			te(!1);
 		}
+		return !0;
 	}
-	function Ke() {
-		ie(""), le(null), de(!0);
+	function rt() {
+		!r || !R || (_(null), b(""), ce(!0));
 	}
-	function Je() {
-		g || (de(!1), ie(""), le(null));
+	function Z() {
+		d || (ce(!1), b(""));
 	}
-	function Ye() {
-		pe(""), be(L[0]?.id ?? null), _e(!0);
+	async function it() {
+		d || await nt({
+			action: "APPROVED",
+			comment: v.trim() || null
+		}) && (ce(!1), b(""));
+	}
+	function at() {
+		H && (ue(""), fe(null), me(!0));
+	}
+	function ot() {
+		d || (me(!1), ue(""), fe(null));
 	}
-	function Y() {
-		g || (_e(!1), pe(""), be(null));
+	function st() {
+		ve(""), Ce(B[0]?.id ?? null), xe(!0);
 	}
-	function tt() {
-		Se(""), E(null), De(!0), Z("");
+	function ct() {
+		d || (xe(!1), ve(""), Ce(null));
 	}
-	function X() {
-		g || (De(!1), Se(""), E(null));
+	function lt() {
+		U && (we(""), D(null), je(!0), dt(""));
 	}
-	async function Z(e) {
-		D(!0);
+	function ut() {
+		d || (je(!1), we(""), D(null));
+	}
+	async function dt(e) {
+		De(!0);
 		try {
-			Te((await ye(e)).filter((e) => e.memberId !== r).map($e));
+			ke((await ye(e)).filter((e) => e.memberId !== r).map($e));
 		} catch (e) {
-			y(U(e));
+			_(G(e));
 		} finally {
-			D(!1);
+			De(!1);
 		}
 	}
-	async function nt() {
-		if (!P) {
-			le("請輸入拒絕原因");
-			return;
+	async function ft() {
+		if (H) {
+			if (!I) {
+				fe("請輸入拒絕原因");
+				return;
+			}
+			await nt({
+				action: "REJECTED",
+				comment: I
+			});
 		}
-		await G({
-			action: "REJECTED",
-			comment: P
-		});
 	}
-	async function rt() {
-		if (!T) {
-			y("請選擇轉派對象");
-			return;
+	async function pt() {
+		if (U) {
+			if (!Te) {
+				_("請選擇轉派對象");
+				return;
+			}
+			await nt({
+				action: "TRANSFERRED",
+				comment: L || null,
+				transferToMemberId: Te.id
+			});
 		}
-		await G({
-			action: "TRANSFERRED",
-			comment: Ue || null,
-			transferToMemberId: T.id
-		});
 	}
-	async function it() {
-		await G({
+	async function Q() {
+		await nt({
 			action: "RETURNED",
-			comment: He || null,
-			returnToNodeId: V?.id ?? null
+			comment: We || null,
+			returnToNodeId: qe?.id ?? null
 		});
 	}
-	function at() {
-		ke(""), Ae(null), Re("REJECT_INSTANCE"), ze("MEMBER"), Ve("");
+	function mt() {
+		Ne(""), Fe(null), j("REJECT_INSTANCE"), He("MEMBER"), Ue("");
 	}
-	function ot(e) {
-		Ie(e), at(), k(!0), st("");
+	function ht(e) {
+		Ve(e), mt(), Be(!0), _t("");
 	}
-	function Q() {
-		j || (k(!1), at());
+	function gt() {
+		M || (Be(!1), mt());
 	}
-	async function st(e) {
-		Me(!0);
+	async function _t(e) {
+		Le(!0);
 		try {
-			Pe((await ye(e)).map($e));
+			O((await ye(e)).map($e));
 		} catch (e) {
-			y(U(e));
+			_(G(e));
 		} finally {
-			Me(!1);
+			Le(!1);
 		}
 	}
-	async function ct() {
-		if (!F) return;
-		let e = (A === "STAGE_NOTIFY" || A === "COMPLETION_NOTIFY") && N === "WEBHOOK", t = Be.trim(), n = O;
+	async function vt() {
+		if (!R) return;
+		let e = (k === "STAGE_NOTIFY" || k === "COMPLETION_NOTIFY") && P === "WEBHOOK", t = F.trim(), n = Pe;
 		if (e && !t) {
-			y("請輸入 Webhook URL");
+			_("請輸入 Webhook URL");
 			return;
 		}
 		if (!e && !n) {
-			y("請選擇對象成員");
+			_("請選擇對象成員");
 			return;
 		}
 		let r = e || !n ? {
@@ -901,162 +931,199 @@ var Pt = {
 		} : {
 			kind: "MEMBER",
 			memberIds: [n.id]
-		}, i = Oe.trim() || null;
-		M(!0), y(null);
+		}, i = Me.trim() || null;
+		N(!0), _(null);
 		try {
-			A === "COUNTERSIGN" ? await he({
+			k === "COUNTERSIGN" ? await he({
 				comment: i,
 				target: r,
-				taskId: F.id
-			}) : A === "PRE_APPROVAL" ? await ge({
+				taskId: R.id
+			}) : k === "PRE_APPROVAL" ? await ge({
 				comment: i,
-				onReject: Le,
+				onReject: A,
 				target: r,
-				taskId: F.id
-			}) : A === "STAGE_NOTIFY" ? await oe({
+				taskId: R.id
+			}) : k === "STAGE_NOTIFY" ? await oe({
 				target: r,
-				taskId: F.id
+				taskId: R.id
 			}) : await ae({
 				target: r,
-				taskId: F.id
-			}), k(!1), at(), await o();
+				taskId: R.id
+			}), Be(!1), mt(), await o();
 		} catch (e) {
-			y(U(e));
+			_(G(e));
 		} finally {
-			M(!1);
+			N(!1);
 		}
 	}
-	async function lt(e) {
-		M(!0), y(null);
+	async function yt(e) {
+		N(!0), _(null);
 		try {
-			await re(e), await o();
+			await T(e), await o();
 		} catch (e) {
-			y(U(e));
+			_(G(e));
 		} finally {
-			M(!1);
+			N(!1);
 		}
 	}
-	c(u, () => ({
-		canAddSignerCurrentTask: z,
-		canReturnCurrentTask: R,
-		deciding: g,
-		handleApprove: () => {
-			G({
-				action: "APPROVED",
-				comment: null
-			});
-		},
-		hasCurrentTask: F !== null,
-		openAdhocModal: ot,
-		openRejectModal: Ke,
-		openReturnModal: Ye,
-		openTransferModal: tt
+	l(c, () => ({
+		canAddSignerCurrentTask: Ge,
+		canRejectCurrentTask: H,
+		canReturnCurrentTask: V,
+		canTransferCurrentTask: U,
+		deciding: d,
+		handleApprove: rt,
+		hasCurrentTask: R !== null,
+		openAdhocModal: ht,
+		openRejectModal: at,
+		openReturnModal: st,
+		openTransferModal: lt
 	}), [
-		z,
+		Ge,
+		H,
+		V,
+		U,
+		r,
 		R,
-		F,
-		g
+		d
 	]);
-	let $ = A === "STAGE_NOTIFY" || A === "COMPLETION_NOTIFY", ut = $ && N === "WEBHOOK" ? !Be.trim() : !O, dt = It.find((e) => e.id === Le) ?? It[0], ft = Lt.find((e) => e.id === N) ?? Lt[0];
+	let $ = k === "STAGE_NOTIFY" || k === "COMPLETION_NOTIFY", bt = $ && P === "WEBHOOK" ? !F.trim() : !Pe, xt = Rt.find((e) => e.id === A) ?? Rt[0], St = zt.find((e) => e.id === P) ?? zt[0];
 	return /* @__PURE__ */ w(S, { children: [
 		/* @__PURE__ */ C(x, {
 			component: "h2",
 			variant: "h3",
 			children: "任務"
 		}),
-		ee ? /* @__PURE__ */ C(x, {
+		g ? /* @__PURE__ */ C(x, {
 			color: "text-error",
 			variant: "body",
-			children: ee
+			children: g
 		}) : null,
 		/* @__PURE__ */ C("div", {
-			style: jt,
-			children: /* @__PURE__ */ C(te, {
-				columns: We,
-				dataSource: H,
+			style: Nt,
+			children: /* @__PURE__ */ C(re, {
+				columns: Ye,
+				dataSource: Je,
 				fullWidth: !0
 			})
 		}),
-		B.length > 0 ? /* @__PURE__ */ w(S, { children: [/* @__PURE__ */ C(x, {
+		Ke.length > 0 ? /* @__PURE__ */ w(S, { children: [/* @__PURE__ */ C(x, {
 			component: "h3",
-			style: Mt,
+			style: Pt,
 			variant: "h3",
 			children: "待生效的臨時設定"
 		}), /* @__PURE__ */ C("div", {
-			style: jt,
-			children: /* @__PURE__ */ C(te, {
-				columns: W,
-				dataSource: Ge,
+			style: Nt,
+			children: /* @__PURE__ */ C(re, {
+				columns: X,
+				dataSource: q,
 				fullWidth: !0
 			})
 		})] }) : null,
+		/* @__PURE__ */ w(h, {
+			cancelText: "取消",
+			confirmText: "送出同意",
+			loading: d,
+			modalType: "standard",
+			onCancel: Z,
+			onClose: Z,
+			onConfirm: () => void it(),
+			open: ie,
+			showModalFooter: !0,
+			showModalHeader: !0,
+			size: "regular",
+			supportingText: "可以留下同意的說明，內容會記錄在簽核歷程；不填也可以直接送出。",
+			title: "簽核意見",
+			children: [g ? /* @__PURE__ */ C(x, {
+				color: "text-error",
+				role: "alert",
+				variant: "body",
+				children: g
+			}) : null, /* @__PURE__ */ C("div", {
+				style: At,
+				children: /* @__PURE__ */ C(n, {
+					label: "簽核意見",
+					name: "approveComment",
+					children: /* @__PURE__ */ C(y, {
+						autoFocus: !0,
+						onChange: (e) => b(e.target.value),
+						placeholder: "選填，例如補充核准的條件或提醒事項",
+						ref: Ft,
+						resize: "vertical",
+						rows: 4,
+						style: jt,
+						value: v
+					})
+				})
+			})]
+		}),
 		/* @__PURE__ */ C(h, {
 			cancelText: "取消",
 			confirmButtonProps: {
-				disabled: !P,
+				disabled: !I,
 				variant: "destructive-primary"
 			},
 			confirmText: "送出拒絕",
-			loading: g,
+			loading: d,
 			modalStatusType: "error",
 			modalType: "standard",
-			onCancel: Je,
-			onClose: Je,
-			onConfirm: () => void nt(),
-			open: ue,
+			onCancel: ot,
+			onClose: ot,
+			onConfirm: () => void ft(),
+			open: pe,
 			showModalFooter: !0,
 			showModalHeader: !0,
 			size: "regular",
 			supportingText: "拒絕案件時必須留下原因，供發起人與後續追蹤查看。",
 			title: "拒絕原因",
 			children: /* @__PURE__ */ w("div", {
-				style: Ot,
+				style: At,
 				children: [/* @__PURE__ */ C(n, {
 					label: "拒絕原因",
 					name: "rejectReason",
 					required: !0,
-					children: /* @__PURE__ */ C(ne, {
+					children: /* @__PURE__ */ C(y, {
 						autoFocus: !0,
 						onChange: (e) => {
-							ie(e.target.value), le(null);
+							ue(e.target.value), fe(null);
 						},
 						placeholder: "請說明拒絕原因",
-						ref: Nt,
+						ref: Ft,
 						resize: "vertical",
 						rows: 4,
-						style: kt,
-						type: ce ? "error" : "default",
-						value: b
+						style: jt,
+						type: de ? "error" : "default",
+						value: le
 					})
-				}), ce ? /* @__PURE__ */ C(x, {
+				}), de ? /* @__PURE__ */ C(x, {
 					color: "text-error",
 					variant: "body",
-					children: ce
+					children: de
 				}) : null]
 			})
 		}),
 		/* @__PURE__ */ C(h, {
 			cancelText: "取消",
-			confirmButtonProps: { disabled: !T },
+			confirmButtonProps: { disabled: !Te },
 			confirmText: "送出轉派",
-			loading: g,
+			loading: d,
 			modalType: "standard",
-			onCancel: X,
-			onClose: X,
-			onConfirm: () => void rt(),
-			open: Ee,
+			onCancel: ut,
+			onClose: ut,
+			onConfirm: () => void pt(),
+			open: Ae,
 			showModalFooter: !0,
 			showModalHeader: !0,
 			size: "regular",
 			supportingText: "轉派後，原任務會保留轉派紀錄，新的待簽任務會指派給指定成員。",
 			title: "轉派簽核",
 			children: /* @__PURE__ */ w("div", {
-				style: At,
+				style: Mt,
 				children: [/* @__PURE__ */ C(n, {
 					label: "轉派對象",
 					name: "transferToMemberId",
 					required: !0,
-					children: /* @__PURE__ */ C(f, {
+					children: /* @__PURE__ */ C(p, {
 						asyncData: !0,
 						disabledOptionsFilter: !0,
 						emptyText: "沒有符合的成員",
@@ -1066,115 +1133,117 @@ var Pt = {
 							name: "transfer-member-search",
 							spellCheck: !1
 						},
-						loading: Ce,
+						loading: Ee,
 						loadingText: "搜尋成員中...",
 						mode: "single",
-						onChange: (e) => E(J(e)),
-						onSearch: Z,
-						onSearchTextChange: (e) => E(et(e, we)),
+						onChange: (e) => D(et(e)),
+						onSearch: dt,
+						onSearchTextChange: (e) => D(tt(e, Oe)),
 						onVisibilityChange: (e) => {
-							e && Z("");
+							e && dt("");
 						},
-						options: [...we],
+						options: [...Oe],
 						placeholder: "搜尋姓名或信箱",
 						searchDebounceTime: 300,
-						value: T
+						value: Te
 					})
 				}), /* @__PURE__ */ C(n, {
 					label: "轉派說明",
 					name: "transferComment",
-					children: /* @__PURE__ */ C(ne, {
-						onChange: (e) => Se(e.target.value),
+					children: /* @__PURE__ */ C(y, {
+						onChange: (e) => we(e.target.value),
 						placeholder: "可補充轉派原因",
-						ref: Nt,
+						ref: Ft,
 						resize: "vertical",
 						rows: 4,
-						style: kt,
-						value: xe
+						style: jt,
+						value: E
 					})
 				})]
 			})
 		}),
 		/* @__PURE__ */ C(h, {
 			cancelText: "取消",
-			confirmButtonProps: { disabled: !V },
+			confirmButtonProps: { disabled: !qe || W && !We },
 			confirmText: "送出退回",
-			loading: g,
+			loading: d,
 			modalType: "standard",
-			onCancel: Y,
-			onClose: Y,
-			onConfirm: () => void it(),
-			open: me,
+			onCancel: ct,
+			onClose: ct,
+			onConfirm: () => void Q(),
+			open: be,
 			showModalFooter: !0,
 			showModalHeader: !0,
 			size: "regular",
 			supportingText: "退回後，流程會回到指定節點並等待重新處理。",
 			title: "退回簽核",
 			children: /* @__PURE__ */ w("div", {
-				style: At,
+				style: Mt,
 				children: [/* @__PURE__ */ C(n, {
 					label: "退回節點",
 					name: "returnTargetNodeId",
 					required: !0,
-					children: /* @__PURE__ */ C(v, {
+					children: /* @__PURE__ */ C(ne, {
 						clearable: !1,
 						fullWidth: !0,
-						onChange: (e) => be(e?.id ?? null),
-						options: [...L],
+						onChange: (e) => Ce(e?.id ?? null),
+						options: [...B],
 						placeholder: "選擇退回節點",
-						value: V
+						value: qe
 					})
 				}), /* @__PURE__ */ C(n, {
+					hintText: W ? "此關卡設定退回時必須填寫意見。" : void 0,
 					label: "退回說明",
 					name: "returnComment",
-					children: /* @__PURE__ */ C(ne, {
-						onChange: (e) => pe(e.target.value),
-						placeholder: "可補充需要修改的內容",
-						ref: Nt,
+					required: W,
+					children: /* @__PURE__ */ C(y, {
+						onChange: (e) => ve(e.target.value),
+						placeholder: W ? "請說明退回原因" : "可補充需要修改的內容",
+						ref: Ft,
 						resize: "vertical",
 						rows: 4,
-						style: kt,
-						value: fe
+						style: jt,
+						value: _e
 					})
 				})]
 			})
 		}),
 		/* @__PURE__ */ C(h, {
 			cancelText: "取消",
-			confirmButtonProps: { disabled: ut },
+			confirmButtonProps: { disabled: bt },
 			confirmText: "送出",
-			loading: j,
+			loading: M,
 			modalType: "standard",
-			onCancel: Q,
-			onClose: Q,
-			onConfirm: () => void ct(),
-			open: Fe,
+			onCancel: gt,
+			onClose: gt,
+			onConfirm: () => void vt(),
+			open: ze,
 			showModalFooter: !0,
 			showModalHeader: !0,
 			size: "regular",
-			supportingText: Ft[A],
-			title: Pt[A],
+			supportingText: Lt[k],
+			title: It[k],
 			children: /* @__PURE__ */ w("div", {
-				style: At,
+				style: Mt,
 				children: [
 					$ ? /* @__PURE__ */ C(n, {
 						label: "通知時機",
 						name: "adhocNotifyMode",
 						required: !0,
-						children: /* @__PURE__ */ C(v, {
+						children: /* @__PURE__ */ C(ne, {
 							clearable: !1,
 							fullWidth: !0,
-							onChange: (e) => Ie(e?.id === "COMPLETION_NOTIFY" ? "COMPLETION_NOTIFY" : "STAGE_NOTIFY"),
+							onChange: (e) => Ve(e?.id === "COMPLETION_NOTIFY" ? "COMPLETION_NOTIFY" : "STAGE_NOTIFY"),
 							options: [{
 								id: "STAGE_NOTIFY",
-								name: Pt.STAGE_NOTIFY
+								name: It.STAGE_NOTIFY
 							}, {
 								id: "COMPLETION_NOTIFY",
-								name: Pt.COMPLETION_NOTIFY
+								name: It.COMPLETION_NOTIFY
 							}],
 							value: {
-								id: A,
-								name: Pt[A]
+								id: k,
+								name: It[k]
 							}
 						})
 					}) : null,
@@ -1182,29 +1251,29 @@ var Pt = {
 						label: "通知對象類型",
 						name: "adhocTargetKind",
 						required: !0,
-						children: /* @__PURE__ */ C(v, {
+						children: /* @__PURE__ */ C(ne, {
 							clearable: !1,
 							fullWidth: !0,
-							onChange: (e) => ze(e?.id === "WEBHOOK" ? "WEBHOOK" : "MEMBER"),
-							options: [...Lt],
-							value: ft
+							onChange: (e) => He(e?.id === "WEBHOOK" ? "WEBHOOK" : "MEMBER"),
+							options: [...zt],
+							value: St
 						})
 					}) : null,
-					$ && N === "WEBHOOK" ? /* @__PURE__ */ C(n, {
+					$ && P === "WEBHOOK" ? /* @__PURE__ */ C(n, {
 						label: "Webhook URL",
 						name: "adhocWebhookUrl",
 						required: !0,
-						children: /* @__PURE__ */ C(m, {
+						children: /* @__PURE__ */ C(ee, {
 							fullWidth: !0,
-							onChange: (e) => Ve(e.target.value),
+							onChange: (e) => Ue(e.target.value),
 							placeholder: "https://example.com/webhook",
-							value: Be
+							value: F
 						})
 					}) : /* @__PURE__ */ C(n, {
 						label: $ ? "通知對象" : "簽核對象",
 						name: "adhocMemberId",
 						required: !0,
-						children: /* @__PURE__ */ C(f, {
+						children: /* @__PURE__ */ C(p, {
 							asyncData: !0,
 							disabledOptionsFilter: !0,
 							emptyText: "沒有符合的成員",
@@ -1214,44 +1283,44 @@ var Pt = {
 								name: "adhoc-member-search",
 								spellCheck: !1
 							},
-							loading: je,
+							loading: Ie,
 							loadingText: "搜尋成員中...",
 							mode: "single",
-							onChange: (e) => Ae(J(e)),
-							onSearch: st,
-							onSearchTextChange: (e) => Ae(et(e, Ne)),
+							onChange: (e) => Fe(et(e)),
+							onSearch: _t,
+							onSearchTextChange: (e) => Fe(tt(e, Re)),
 							onVisibilityChange: (e) => {
-								e && st("");
+								e && _t("");
 							},
-							options: [...Ne],
+							options: [...Re],
 							placeholder: "搜尋姓名或信箱",
 							searchDebounceTime: 300,
-							value: O
+							value: Pe
 						})
 					}),
-					A === "PRE_APPROVAL" ? /* @__PURE__ */ C(n, {
+					k === "PRE_APPROVAL" ? /* @__PURE__ */ C(n, {
 						label: "拒簽處理方式",
 						name: "adhocOnReject",
 						required: !0,
-						children: /* @__PURE__ */ C(v, {
+						children: /* @__PURE__ */ C(ne, {
 							clearable: !1,
 							fullWidth: !0,
-							onChange: (e) => Re(e?.id === "RETURN_TO_ORIGIN" ? "RETURN_TO_ORIGIN" : "REJECT_INSTANCE"),
-							options: [...It],
-							value: dt
+							onChange: (e) => j(e?.id === "RETURN_TO_ORIGIN" ? "RETURN_TO_ORIGIN" : "REJECT_INSTANCE"),
+							options: [...Rt],
+							value: xt
 						})
 					}) : null,
 					$ ? null : /* @__PURE__ */ C(n, {
 						label: "說明",
 						name: "adhocComment",
-						children: /* @__PURE__ */ C(ne, {
-							onChange: (e) => ke(e.target.value),
+						children: /* @__PURE__ */ C(y, {
+							onChange: (e) => Ne(e.target.value),
 							placeholder: "可補充原因",
-							ref: Nt,
+							ref: Ft,
 							resize: "vertical",
 							rows: 3,
-							style: kt,
-							value: Oe
+							style: jt,
+							value: Me
 						})
 					})
 				]
@@ -1259,10 +1328,10 @@ var Pt = {
 		})
 	] });
 });
-function zt(e, t) {
+function Vt(e, t) {
 	try {
 		let n = JSON.parse(e.targetValueJson);
-		if (n.memberIds?.length) return n.memberIds.map((e) => q(e, t)).join("、");
+		if (n.memberIds?.length) return n.memberIds.map((e) => Y(e, t)).join("、");
 		if (n.webhookUrl) return n.webhookUrl;
 		if (n.positionId) return `職位 ${n.positionId}`;
 		if (n.orgUnitId) return `部門 ${n.orgUnitId}`;
@@ -1271,19 +1340,19 @@ function zt(e, t) {
 }
 //#endregion
 //#region src/views/instances/detail/sections/InstanceSignaturesSection.tsx
-var Bt = {
+var Ht = {
 	display: "grid",
 	gap: 16
 };
-function Vt({ signatureVerification: e, signatures: n }) {
-	let r = l(() => n.map((e) => ({
+function Ut({ signatureVerification: e, signatures: n }) {
+	let r = u(() => n.map((e) => ({
 		algorithm: e.algorithm,
-		hashLabel: G(e.signedPayloadHash),
+		hashLabel: qe(e.signedPayloadHash),
 		key: e.id,
 		keyVersion: e.keyVersion,
 		signedAtLabel: t(e.signedAt),
 		signerMemberId: e.signerMemberId
-	})), [n]), i = l(() => [
+	})), [n]), i = u(() => [
 		{
 			dataIndex: "signerMemberId",
 			key: "signerMemberId",
@@ -1316,7 +1385,7 @@ function Vt({ signatureVerification: e, signatures: n }) {
 		}
 	], []);
 	return /* @__PURE__ */ w("div", {
-		style: Bt,
+		style: Ht,
 		children: [
 			/* @__PURE__ */ C(x, {
 				component: "h2",
@@ -1328,7 +1397,7 @@ function Vt({ signatureVerification: e, signatures: n }) {
 				variant: "body",
 				children: e ? e.valid ? `簽章鏈已驗證，共 ${e.checkedCount} 筆。` : `簽章鏈驗證失敗：${e.errors.join("、")}` : "尚無簽章紀錄。"
 			}),
-			r.length > 0 ? /* @__PURE__ */ C(te, {
+			r.length > 0 ? /* @__PURE__ */ C(re, {
 				columns: i,
 				dataSource: r,
 				fullWidth: !0
@@ -1338,43 +1407,43 @@ function Vt({ signatureVerification: e, signatures: n }) {
 }
 //#endregion
 //#region src/views/instances/detail/sections/InstanceHistorySection.tsx
-var Ht = {
+var Wt = {
 	display: "grid",
 	gap: 16
-}, Ut = {
+}, Gt = {
 	cursor: "help",
 	textDecoration: "underline dotted",
 	textUnderlineOffset: 3
-}, Wt = { color: "var(--mzn-color-text-error)" };
-function Gt(...e) {
-	return e.filter((e) => H(e ?? null)).join(" ");
+}, Kt = { color: "var(--mzn-color-text-error)" };
+function qt(...e) {
+	return e.filter((e) => U(e ?? null)).join(" ");
 }
-var Kt = a(function({ className: e, descriptionParts: t, error: n, forcePending: r = !1, index: a = 0, orientation: o, status: s = "pending", title: c, type: l = "number", ...u }, d) {
+var Jt = o(function({ className: e, descriptionParts: t, error: n, forcePending: r = !1, index: i = 0, orientation: o, status: s = "pending", title: c, type: l = "number", ...u }, d) {
 	let f = r ? "pending" : s;
 	return /* @__PURE__ */ w("div", {
 		...u,
-		className: Gt(j.host, l === "dot" ? j.dot : null, n && f !== "processing" ? j.error : null, o === "horizontal" ? j.horizontal : null, l === "number" ? j.number : null, f === "pending" ? j.pending : null, f === "processing" ? j.processing : null, n && f === "processing" ? j.processingError : null, !n && f === "succeeded" ? j.succeeded : null, o === "vertical" ? j.vertical : null, e),
+		className: qt(A.host, l === "dot" ? A.dot : null, n && f !== "processing" ? A.error : null, o === "horizontal" ? A.horizontal : null, l === "number" ? A.number : null, f === "pending" ? A.pending : null, f === "processing" ? A.processing : null, n && f === "processing" ? A.processingError : null, !n && f === "succeeded" ? A.succeeded : null, o === "vertical" ? A.vertical : null, e),
 		ref: d,
-		children: [l === "dot" ? /* @__PURE__ */ C("span", { className: Gt(j.statusIndicator, j.statusIndicatorDot) }) : /* @__PURE__ */ C("span", {
-			className: j.statusIndicator,
-			children: a + 1
+		children: [l === "dot" ? /* @__PURE__ */ C("span", { className: qt(A.statusIndicator, A.statusIndicatorDot) }) : /* @__PURE__ */ C("span", {
+			className: A.statusIndicator,
+			children: i + 1
 		}), /* @__PURE__ */ w("div", {
-			className: j.textContainer,
+			className: A.textContainer,
 			children: [/* @__PURE__ */ w(x, {
-				className: j.title,
+				className: A.title,
 				variant: "label-primary-highlight",
-				children: [c, /* @__PURE__ */ C("span", { className: j.titleConnectLine })]
+				children: [c, /* @__PURE__ */ C("span", { className: A.titleConnectLine })]
 			}), t.length > 0 ? /* @__PURE__ */ C(x, {
-				className: j.description,
+				className: A.description,
 				variant: "caption",
-				children: t.map((e, t) => /* @__PURE__ */ w(i, { children: [t > 0 ? " · " : null, qt(e)] }, `${e.type}-${t}`))
+				children: t.map((e, t) => /* @__PURE__ */ w(a, { children: [t > 0 ? " · " : null, Yt(e)] }, `${e.type}-${t}`))
 			}) : null]
 		})]
 	});
 });
-function qt(e) {
+function Yt(e) {
 	return e.type === "text" ? e.text : e.type === "dangerText" ? /* @__PURE__ */ C("span", {
-		style: Wt,
+		style: Kt,
 		children: e.text
 	}) : e.email ? /* @__PURE__ */ w(S, { children: [
 		e.prefix,
@@ -1386,28 +1455,28 @@ function qt(e) {
 				onMouseEnter: t,
 				onMouseLeave: n,
 				ref: r,
-				style: Ut,
+				style: Gt,
 				children: e.label
 			})
 		})
 	] }) : `${e.prefix}：${e.label}`;
 }
-function Jt({ activityLogs: e, instanceState: t, memberProfilesById: n, signatureVerification: r, signaturesById: i, taskDecisionsByTaskId: a, tasks: o, workflowSnapshot: s, workflowTokens: c }) {
-	let l = _t(e, o, c, s, t, n, a, i, r), u = nt(l), d = l.map((e) => ({
+function Xt({ activityLogs: e, instanceState: t, memberProfilesById: n, signatureVerification: r, signaturesById: i, taskDecisionsByTaskId: a, tasks: o, workflowSnapshot: s, workflowTokens: c }) {
+	let l = $(e, o, c, s, t, n, a, i, r), u = it(l), d = l.map((e) => ({
 		...e,
 		descriptionParts: e.descriptionParts.filter(Z)
 	}));
 	return /* @__PURE__ */ w("div", {
-		style: Ht,
+		style: Wt,
 		children: [/* @__PURE__ */ C(x, {
 			component: "h2",
 			variant: "h3",
 			children: "歷程"
-		}), d.length > 0 ? /* @__PURE__ */ C(y, {
+		}), d.length > 0 ? /* @__PURE__ */ C(v, {
 			currentStep: u,
 			orientation: "vertical",
 			type: "dot",
-			children: d.map((e) => /* @__PURE__ */ C(Kt, {
+			children: d.map((e) => /* @__PURE__ */ C(Jt, {
 				descriptionParts: e.descriptionParts,
 				error: e.error,
 				forcePending: e.forcePending,
@@ -1422,10 +1491,10 @@ function Jt({ activityLogs: e, instanceState: t, memberProfilesById: n, signatur
 }
 //#endregion
 //#region src/views/instances/detail/InstanceDetailView.tsx
-var Yt = 184, Xt = 96, Zt = {
+var Zt = 184, Qt = 96, $t = {
 	display: "grid",
 	gap: 16
-}, Qt = {
+}, en = {
 	background: "#f8fafc",
 	border: "1px solid #e2e8f0",
 	borderRadius: 8,
@@ -1433,7 +1502,7 @@ var Yt = 184, Xt = 96, Zt = {
 	minHeight: 440,
 	overflow: "hidden",
 	width: "min(80vw, 1040px)"
-}, $t = {
+}, tn = {
 	background: "#ffffff",
 	border: "1px solid #cbd5e1",
 	borderRadius: 8,
@@ -1443,24 +1512,24 @@ var Yt = 184, Xt = 96, Zt = {
 	minHeight: 82,
 	padding: 12,
 	width: 184
-}, en = {
+}, nn = {
 	borderRadius: 999,
 	fontSize: 12,
 	fontWeight: 600,
 	justifySelf: "start",
 	lineHeight: "18px",
 	padding: "0 8px"
-}, tn = {
+}, rn = {
 	color: "#64748b",
 	fontSize: 12,
 	overflow: "hidden",
 	textOverflow: "ellipsis",
 	whiteSpace: "nowrap"
-}, nn = { opacity: 0 }, rn = {
+}, an = { opacity: 0 }, on = {
 	display: "flex",
 	flexWrap: "wrap",
 	gap: 8
-}, an = {
+}, sn = {
 	alignItems: "center",
 	background: "#ffffff",
 	border: "1px solid #cbd5e1",
@@ -1472,265 +1541,280 @@ var Yt = 184, Xt = 96, Zt = {
 	gap: 6,
 	lineHeight: "20px",
 	padding: "4px 8px"
-}, on = {
+}, cn = {
 	display: "grid",
 	gap: 16
-}, sn = { workflowRuntime: _n };
-function cn({ instanceId: r, showAttachments: i = !0, showForm: a = !0, showHistory: o = !0, showSignatures: c = !0, showTasks: f = !0 }) {
-	let { member: m } = e(), v = m?.memberId ?? null, [y, te] = d([]), [b, re] = d(null), [ae, oe] = d([]), [se, ue] = d([]), [he, ge] = d([]), [_e, ye] = d(null), [T, E] = d([]), [D, we] = d([]), [O, Ae] = d([]), [Fe, k] = d(null), [Ie, Le] = d(!0), [Re, j] = d(!1), [M, N] = d(!1), [ze, Be] = d(""), [Ve, P] = d(!1), [He, Ue] = d({}), [I, L] = d({}), [R, z] = d(null), [B, V] = d(null), [H, We] = d([]), Ge = ze.trim(), W = u(null);
-	s(() => {
-		X();
-	}, [v, r]), s(() => {
-		L(b?.formData ?? {});
-	}, [b]);
-	let G = l(() => T.find((e) => Ze(e, v) && (e.status === "PENDING" || e.status === "IN_PROGRESS")) ?? null, [v, T]), qe = l(() => G && b ? b.workflowSnapshot.nodes.find((e) => e.id === G.nodeId) ?? null : null, [G, b]), Je = qe?.type === "userTask" && qe.data.returnBehavior.allowReturn, Ye = qe?.type === "userTask" && qe.data.allowAddSigner, K = !!(b && b.initiatorMemberId === v && (b.state === "RUNNING" || b.state === "RETURNED")), q = !!(b && b.initiatorMemberId === v && b.state === "RETURNED"), Xe = l(() => new Map(O.map((e) => [e.memberId, e])), [O]), Qe = l(() => St(ae), [ae]), $e = l(() => new Map(he.map((e) => [e.id, e])), [he]), J = l(() => b ? pn(b.workflowSnapshot) : null, [b]), et = l(() => b && J ? fn(J, T, D, b.state) : [], [
-		b,
-		J,
+}, ln = { workflowRuntime: yn };
+function un({ instanceId: i, showAttachments: a = !0, showForm: o = !0, showHistory: l = !0, showSignatures: p = !0, showTasks: ee = !0 }) {
+	let { member: ne } = e(), v = ne?.memberId ?? null, [re, b] = f([]), [T, ae] = f(null), [oe, se] = f([]), [ue, he] = f([]), [ge, _e] = f([]), [ye, Ce] = f(null), [E, Te] = f([]), [D, je] = f([]), [Me, Pe] = f([]), [Re, O] = f(null), [Be, k] = f(!0), [Ve, A] = f(!1), [j, M] = f(!1), [N, P] = f(""), [He, F] = f(!1), [Ue, I] = f({}), [L, R] = f({}), [z, B] = f({}), [V, H] = f(null), [U, W] = f(null), [Ge, Ke] = f([]), qe = N.trim(), K = d(null);
+	c(() => {
+		st();
+	}, [v, i]), c(() => {
+		R(T?.formData ?? {}), B({});
+	}, [T]);
+	let Ye = s((e, t) => {
+		B((n) => {
+			let r = n[e];
+			return r?.hasValue === t.hasValue && r.status === t.status ? n : {
+				...n,
+				[e]: {
+					hasValue: t.hasValue,
+					status: t.status
+				}
+			};
+		});
+	}, []), q = u(() => E.find((e) => Ze(e, v) && (e.status === "PENDING" || e.status === "IN_PROGRESS")) ?? null, [v, E]), J = u(() => q && T ? T.workflowSnapshot.nodes.find((e) => e.id === q.nodeId) ?? null : null, [q, T]), Y = J?.type === "userTask" && J.data.returnBehavior.allowReturn, Xe = J?.type === "userTask" && J.data.allowReject !== !1, Qe = J?.type === "userTask" && J.data.allowTransfer !== !1, $e = J?.type === "userTask" && J.data.allowAddSigner, et = !!(T && T.initiatorMemberId === v && (T.state === "RUNNING" || T.state === "RETURNED")), tt = !!(T && T.initiatorMemberId === v && T.state === "RETURNED"), X = u(() => new Map(Me.map((e) => [e.memberId, e])), [Me]), nt = u(() => wt(oe), [oe]), rt = u(() => new Map(ge.map((e) => [e.id, e])), [ge]), Z = u(() => T ? hn(T.workflowSnapshot) : null, [T]), it = u(() => T && Z ? mn(Z, E, D, T.state) : [], [
 		T,
+		Z,
+		E,
 		D
-	]), Y = l(() => J ? mn(J) : [], [J]), tt = l(() => b ? un(b.workflowSnapshot) : [], [b]);
-	async function X() {
-		Le(!0), k(null);
+	]), at = u(() => Z ? gn(Z) : [], [Z]), ot = u(() => T ? fn(T.workflowSnapshot) : [], [T]);
+	async function st() {
+		k(!0), O(null);
 		try {
-			let e = await de(r);
-			te(e.activityLogs), re(e.instance), E(e.tasks), we(e.workflowTokens);
-			let t = await ce(e.instance.id), [n, i, a, o] = await Promise.all([
-				xt(e.tasks),
-				yt({
+			let e = await de(i);
+			b(e.activityLogs), ae(e.instance), Te(e.tasks), je(e.workflowTokens);
+			let t = await ce(e.instance.id), [n, r, a, o] = await Promise.all([
+				Ct(e.tasks),
+				xt({
 					...e,
 					adhocDirectives: t
 				}),
 				le(e.instance.id),
 				me(e.instance.id)
 			]);
-			oe(n), Ae(i), ue(a), ge(o.signatures), ye(o.verification), We(t);
+			se(n), Pe(r), he(a), _e(o.signatures), Ce(o.verification), Ke(t);
 		} catch (e) {
-			k(U(e));
+			O(G(e));
 		} finally {
-			Le(!1);
+			k(!1);
 		}
 	}
-	async function Z(e, t) {
+	async function ct(e, t) {
 		if (!v) throw Error("尚未登入，無法上傳附件");
 		return { id: (await be({
 			file: t,
 			formFieldPath: `form.${e.fieldKey}`
 		})).id };
 	}
-	async function nt(e) {
+	async function lt(e) {
 		if (!v) return;
 		let t = await fe({ id: e.id });
 		window.open(t, "_blank", "noopener,noreferrer");
 	}
-	async function rt(e) {
+	async function ut(e) {
 		if (!v) return;
 		let t = await pe({ id: e.id });
-		z(e), V(t);
+		H(e), W(t);
 	}
-	async function it() {
-		if (!(!v || !b || !K)) {
-			if (j(!0), k(null), Ue({}), b.formDefinitionSnapshot.schema && b.formDefinitionSnapshot.uiSchema) {
-				let e = Me({
-					schema: b.formDefinitionSnapshot.schema,
-					uiSchema: b.formDefinitionSnapshot.uiSchema,
-					values: I
+	async function dt() {
+		if (!(!v || !T || !et)) {
+			if (A(!0), O(null), I({}), T.formDefinitionSnapshot.schema && T.formDefinitionSnapshot.uiSchema) {
+				let e = Fe({
+					schema: T.formDefinitionSnapshot.schema,
+					uiSchema: T.formDefinitionSnapshot.uiSchema,
+					values: L
 				});
 				if (!e.valid) {
-					Ue(e.errors), k("請先補齊必填欄位。"), e.firstInvalidFieldKey && je(e.firstInvalidFieldKey), j(!1);
+					I(e.errors), O("請先補齊必填欄位。"), e.firstInvalidFieldKey && Ne(e.firstInvalidFieldKey), A(!1);
 					return;
 				}
 			}
 			try {
 				await ie({
 					cancelledByMemberId: v,
-					comment: Ge || null,
-					instanceId: b.id
-				}), Be(""), P(!1), await X();
+					comment: qe || null,
+					instanceId: T.id
+				}), P(""), F(!1), await st();
 			} catch (e) {
-				k(U(e));
+				O(G(e));
 			} finally {
-				j(!1);
+				A(!1);
 			}
 		}
 	}
-	async function at() {
-		if (!(!v || !b || !q)) {
-			j(!0), k(null);
+	async function ft() {
+		if (!(!v || !T || !tt)) {
+			if (A(!0), O(null), Object.values(z).some(r)) {
+				O("請先完成動態選項驗證。"), A(!1);
+				return;
+			}
 			try {
 				await ve({
-					formData: I,
+					formData: L,
 					initiatorMemberId: v,
-					instanceId: b.id,
-					title: b.title
-				}), await X();
+					instanceId: T.id,
+					title: T.title
+				}), await st();
 			} catch (e) {
-				k(U(e));
+				O(G(e));
 			} finally {
-				j(!1);
+				A(!1);
 			}
 		}
 	}
-	let ot = W.current?.deciding ?? !1, Q = Re || ot;
+	let pt = K.current?.deciding ?? !1, Q = Ve || pt;
 	return /* @__PURE__ */ w(S, { children: [
-		/* @__PURE__ */ C(g, { children: /* @__PURE__ */ w(xe, {
-			description: b ? `${Ke(b.state)} · ${t(b.startedAt)}` : "載入案件內容。",
-			title: b?.title ?? "簽核案件",
+		/* @__PURE__ */ C(te, { children: /* @__PURE__ */ w(xe, {
+			description: T ? `${Je(T.state)} · ${t(T.startedAt)}` : "載入案件內容。",
+			title: T?.title ?? "簽核案件",
 			children: [
-				b ? /* @__PURE__ */ C(p, {
+				T ? /* @__PURE__ */ C(m, {
 					"aria-label": "查看流程圖",
-					icon: Oe,
+					icon: ke,
 					iconType: "icon-only",
-					onClick: () => N(!0),
+					onClick: () => M(!0),
 					title: "查看流程圖",
 					variant: "base-secondary",
 					children: "流程圖"
 				}) : null,
-				K ? /* @__PURE__ */ C(p, {
+				et ? /* @__PURE__ */ C(m, {
 					disabled: Q,
-					icon: Ce,
+					icon: we,
 					iconType: "leading",
-					onClick: () => P(!0),
+					onClick: () => F(!0),
 					variant: "destructive-secondary",
 					children: "取消案件"
 				}) : null,
-				G ? /* @__PURE__ */ w(S, { children: [
-					Ye ? /* @__PURE__ */ w(S, { children: [/* @__PURE__ */ C(p, {
+				q ? /* @__PURE__ */ w(S, { children: [
+					$e ? /* @__PURE__ */ w(S, { children: [/* @__PURE__ */ C(m, {
 						disabled: Q,
-						icon: Ee,
+						icon: De,
 						iconType: "leading",
-						onClick: () => W.current?.openAdhocModal("COUNTERSIGN"),
+						onClick: () => K.current?.openAdhocModal("COUNTERSIGN"),
 						variant: "base-secondary",
 						children: "會簽"
-					}, "adhoc-countersign"), /* @__PURE__ */ C(p, {
+					}, "adhoc-countersign"), /* @__PURE__ */ C(m, {
 						disabled: Q,
-						icon: Ee,
+						icon: De,
 						iconType: "leading",
-						onClick: () => W.current?.openAdhocModal("PRE_APPROVAL"),
+						onClick: () => K.current?.openAdhocModal("PRE_APPROVAL"),
 						variant: "base-secondary",
 						children: "加簽"
 					}, "adhoc-pre-approval")] }) : null,
-					/* @__PURE__ */ C(p, {
+					/* @__PURE__ */ C(m, {
 						disabled: Q,
-						icon: Te,
+						icon: Ee,
 						iconType: "leading",
-						onClick: () => W.current?.openAdhocModal("STAGE_NOTIFY"),
+						onClick: () => K.current?.openAdhocModal("STAGE_NOTIFY"),
 						variant: "base-secondary",
 						children: "通知設定"
 					}, "adhoc-notify"),
-					Je ? /* @__PURE__ */ C(p, {
+					Y ? /* @__PURE__ */ C(m, {
 						disabled: Q,
-						icon: De,
+						icon: Oe,
 						iconType: "leading",
-						onClick: () => W.current?.openReturnModal(),
+						onClick: () => K.current?.openReturnModal(),
 						variant: "base-secondary",
 						children: "退回"
 					}, "task-return") : null,
-					/* @__PURE__ */ C(p, {
+					Qe ? /* @__PURE__ */ C(m, {
 						disabled: Q,
-						icon: ke,
+						icon: Ae,
 						iconType: "leading",
-						onClick: () => W.current?.openTransferModal(),
+						onClick: () => K.current?.openTransferModal(),
 						variant: "base-secondary",
 						children: "轉派"
-					}, "task-transfer"),
-					/* @__PURE__ */ C(p, {
+					}, "task-transfer") : null,
+					Xe ? /* @__PURE__ */ C(m, {
 						disabled: Q,
-						icon: Ce,
+						icon: we,
 						iconType: "leading",
-						onClick: () => W.current?.openRejectModal(),
+						onClick: () => K.current?.openRejectModal(),
 						variant: "destructive-secondary",
 						children: "拒絕"
-					}, "task-reject"),
-					/* @__PURE__ */ C(p, {
+					}, "task-reject") : null,
+					/* @__PURE__ */ C(m, {
 						disabled: Q,
 						icon: Se,
 						iconType: "leading",
-						onClick: () => W.current?.handleApprove(),
+						onClick: () => K.current?.handleApprove(),
 						variant: "base-primary",
 						children: "同意"
 					}, "task-approve")
 				] }) : null
 			]
 		}) }),
-		/* @__PURE__ */ w(ee, { children: [
-			a ? /* @__PURE__ */ C(_, { children: /* @__PURE__ */ C(Tt, {
-				canResubmitInstance: q,
-				deciding: Re,
-				error: Fe,
-				instance: b,
-				loading: Ie,
+		/* @__PURE__ */ w(_, { children: [
+			o ? /* @__PURE__ */ C(g, { children: /* @__PURE__ */ C(Dt, {
+				canResubmitInstance: tt,
+				deciding: Ve,
+				error: Re,
+				instance: T,
+				loading: Be,
+				onDataSourceStateChange: Ye,
 				onResubmitFormChange: (e) => {
-					L(e), Ue({});
+					R(e), I({});
 				},
-				onResubmitInstance: () => void at(),
-				onUploadAttachment: Z,
-				resubmitFormData: I,
-				resubmitFormErrors: He
+				onResubmitInstance: () => void ft(),
+				onUploadAttachment: ct,
+				resubmitFormData: L,
+				resubmitFormErrors: Ue
 			}) }) : null,
-			i ? /* @__PURE__ */ C(_, { children: /* @__PURE__ */ C(Dt, {
-				attachments: se,
+			a ? /* @__PURE__ */ C(g, { children: /* @__PURE__ */ C(kt, {
+				attachments: ue,
 				onDownload: (e) => {
-					nt(e);
+					lt(e);
 				},
 				onPreview: (e) => {
-					rt(e);
+					ut(e);
 				}
 			}) }) : null,
-			f ? /* @__PURE__ */ C(_, { children: /* @__PURE__ */ C(Rt, {
-				adhocDirectives: H,
+			ee ? /* @__PURE__ */ C(g, { children: /* @__PURE__ */ C(Bt, {
+				adhocDirectives: Ge,
 				currentMemberId: v,
-				instance: b,
-				memberProfilesById: Xe,
-				onChanged: X,
-				ref: W,
-				tasks: T
+				instance: T,
+				memberProfilesById: X,
+				onChanged: st,
+				ref: K,
+				tasks: E
 			}) }) : null,
-			c ? /* @__PURE__ */ C(_, { children: /* @__PURE__ */ C(Vt, {
-				signatureVerification: _e,
-				signatures: he
+			p ? /* @__PURE__ */ C(g, { children: /* @__PURE__ */ C(Ut, {
+				signatureVerification: ye,
+				signatures: ge
 			}) }) : null,
-			o ? /* @__PURE__ */ C(_, { children: /* @__PURE__ */ C(Jt, {
-				activityLogs: y,
-				instanceState: b?.state ?? "RUNNING",
-				memberProfilesById: Xe,
-				signatureVerification: _e,
-				signaturesById: $e,
-				taskDecisionsByTaskId: Qe,
-				tasks: T,
-				workflowSnapshot: b?.workflowSnapshot ?? null,
+			l ? /* @__PURE__ */ C(g, { children: /* @__PURE__ */ C(Xt, {
+				activityLogs: re,
+				instanceState: T?.state ?? "RUNNING",
+				memberProfilesById: X,
+				signatureVerification: ye,
+				signaturesById: rt,
+				taskDecisionsByTaskId: nt,
+				tasks: E,
+				workflowSnapshot: T?.workflowSnapshot ?? null,
 				workflowTokens: D
 			}) }) : null
 		] }),
-		b ? /* @__PURE__ */ C(h, {
+		T ? /* @__PURE__ */ C(h, {
 			modalType: "standard",
-			onClose: () => N(!1),
-			open: M,
+			onClose: () => M(!1),
+			open: j,
 			showModalHeader: !0,
 			size: "wide",
-			supportingText: `${Ke(b.state)} · ${t(b.startedAt)}`,
+			supportingText: `${Je(T.state)} · ${t(T.startedAt)}`,
 			title: "流程圖",
 			children: /* @__PURE__ */ w("div", {
-				style: Zt,
+				style: $t,
 				children: [/* @__PURE__ */ C("div", {
-					style: Qt,
-					children: /* @__PURE__ */ w(A, {
-						edges: Y,
+					style: en,
+					children: /* @__PURE__ */ w(ze, {
+						edges: at,
 						fitView: !0,
 						fitViewOptions: { padding: .18 },
 						maxZoom: 1.2,
 						minZoom: .2,
-						nodes: et,
+						nodes: it,
 						nodesDraggable: !1,
 						nodesFocusable: !1,
-						nodeTypes: sn,
+						nodeTypes: ln,
 						panOnDrag: !0,
 						proOptions: { hideAttribution: !0 },
-						children: [/* @__PURE__ */ C(Ne, {}), /* @__PURE__ */ C(Pe, { showInteractive: !1 })]
+						children: [/* @__PURE__ */ C(Ie, {}), /* @__PURE__ */ C(Le, { showInteractive: !1 })]
 					})
-				}), tt.length > 0 ? /* @__PURE__ */ C("div", {
-					style: rn,
-					children: tt.map((e) => /* @__PURE__ */ C("span", {
-						style: an,
+				}), ot.length > 0 ? /* @__PURE__ */ C("div", {
+					style: on,
+					children: ot.map((e) => /* @__PURE__ */ C("span", {
+						style: sn,
 						children: e
 					}, e))
 				}) : null]
@@ -1739,73 +1823,73 @@ function cn({ instanceId: r, showAttachments: i = !0, showForm: a = !0, showHist
 		/* @__PURE__ */ C(h, {
 			modalType: "standard",
 			onClose: () => {
-				z(null), V(null);
+				H(null), W(null);
 			},
-			open: !!(R && B),
+			open: !!(V && U),
 			showModalHeader: !0,
 			size: "wide",
-			supportingText: R?.filename ?? void 0,
+			supportingText: V?.filename ?? void 0,
 			title: "PDF 預覽",
-			children: B ? /* @__PURE__ */ C(F, {
-				filename: R?.filename ?? "PDF 預覽",
-				fileUrl: B,
-				onDownload: R ? () => void nt(R) : void 0
+			children: U ? /* @__PURE__ */ C(We, {
+				filename: V?.filename ?? "PDF 預覽",
+				fileUrl: U,
+				onDownload: V ? () => void lt(V) : void 0
 			}) : null
 		}),
 		/* @__PURE__ */ C(h, {
 			cancelText: "保留案件",
 			confirmButtonProps: { variant: "destructive-primary" },
 			confirmText: "確認取消",
-			loading: Re,
+			loading: Ve,
 			modalStatusType: "error",
 			modalType: "standard",
-			onCancel: () => P(!1),
-			onClose: () => P(!1),
-			onConfirm: () => void it(),
-			open: Ve,
+			onCancel: () => F(!1),
+			onClose: () => F(!1),
+			onConfirm: () => void dt(),
+			open: He,
 			showModalFooter: !0,
 			showModalHeader: !0,
 			supportingText: "取消後會關閉目前待簽任務與候選簽核人。",
 			title: "取消案件",
 			children: /* @__PURE__ */ w("div", {
-				style: on,
+				style: cn,
 				children: [/* @__PURE__ */ w(x, {
 					variant: "body",
 					children: [
 						"確定要取消「",
-						b?.title ?? "",
+						T?.title ?? "",
 						"」嗎？"
 					]
 				}), /* @__PURE__ */ C(n, {
 					label: "取消原因",
 					name: "cancelComment",
-					children: /* @__PURE__ */ C(ne, {
-						onChange: (e) => Be(e.target.value),
+					children: /* @__PURE__ */ C(y, {
+						onChange: (e) => P(e.target.value),
 						placeholder: "可填寫取消原因",
 						resize: "vertical",
 						rows: 3,
-						value: ze
+						value: N
 					})
 				})]
 			})
 		})
 	] });
 }
-function ln(e) {
+function dn(e) {
 	return e.data.label ? e.data.label : e.data.isDefault ? "其他情況" : e.data.condition ?? "";
 }
-function un(e) {
-	return e.edges.map(ln).filter((e) => e.trim().length > 0);
+function fn(e) {
+	return e.edges.map(dn).filter((e) => e.trim().length > 0);
 }
-function dn(e) {
+function pn(e) {
 	return e === "startEvent" ? "開始" : e === "endEvent" ? "完成" : e === "userTask" ? "簽核節點" : e === "serviceTask" ? "知會節點" : e === "exclusiveGateway" ? "條件分流" : "平行處理";
 }
-function fn(e, t, n, r) {
+function mn(e, t, n, r) {
 	return e.nodes.map((e) => {
-		let i = vt(e, t, n, r);
+		let i = bt(e, t, n, r);
 		return {
 			data: {
-				kindLabel: dn(e.type),
+				kindLabel: pn(e.type),
 				label: e.data.label,
 				secondaryLabel: i.secondaryLabel,
 				statusLabel: i.statusLabel,
@@ -1813,42 +1897,42 @@ function fn(e, t, n, r) {
 			},
 			id: e.id,
 			position: e.position,
-			sourcePosition: k.Right,
-			targetPosition: k.Left,
+			sourcePosition: O.Right,
+			targetPosition: O.Left,
 			type: "workflowRuntime"
 		};
 	});
 }
-function pn(e) {
-	let t = new Ie.graphlib.Graph();
+function hn(e) {
+	let t = new Be.graphlib.Graph();
 	return t.setDefaultEdgeLabel(() => ({})), t.setGraph({
 		nodesep: 56,
 		rankdir: "LR",
 		ranksep: 120
 	}), e.nodes.forEach((e) => {
 		t.setNode(e.id, {
-			height: Xt,
-			width: Yt
+			height: Qt,
+			width: Zt
 		});
 	}), e.edges.forEach((e) => {
 		t.setEdge(e.source, e.target);
-	}), Ie.layout(t), {
+	}), Be.layout(t), {
 		...e,
 		nodes: e.nodes.map((e) => {
 			let n = t.node(e.id);
 			return n ? {
 				...e,
 				position: {
-					x: n.x - Yt / 2,
-					y: n.y - Xt / 2
+					x: n.x - Zt / 2,
+					y: n.y - Qt / 2
 				}
 			} : e;
 		})
 	};
 }
-function mn(e) {
+function gn(e) {
 	return e.edges.map((e) => {
-		let t = ln(e);
+		let t = dn(e);
 		return {
 			animated: !1,
 			id: e.id,
@@ -1876,25 +1960,25 @@ function mn(e) {
 		};
 	});
 }
-function hn(e) {
+function _n(e) {
 	return e === "current" ? {
-		...$t,
+		...tn,
 		border: "1px solid var(--mzn-color-primary, #0057ff)",
 		boxShadow: "0 0 0 3px rgba(0, 87, 255, 0.14)"
 	} : e === "completed" ? {
-		...$t,
+		...tn,
 		border: "1px solid #16a34a"
 	} : e === "cancelled" ? {
-		...$t,
+		...tn,
 		border: "1px solid #dc2626",
 		opacity: .72
 	} : e === "waiting" ? {
-		...$t,
+		...tn,
 		border: "1px dashed #64748b"
-	} : $t;
+	} : tn;
 }
-function gn(e) {
-	let t = en;
+function vn(e) {
+	let t = nn;
 	return e === "current" ? {
 		...t,
 		background: "#eff6ff",
@@ -1917,14 +2001,14 @@ function gn(e) {
 		color: "#64748b"
 	};
 }
-function _n({ data: e }) {
+function yn({ data: e }) {
 	return /* @__PURE__ */ w("div", {
-		style: hn(e.tone),
+		style: _n(e.tone),
 		children: [
-			/* @__PURE__ */ C(Fe, {
+			/* @__PURE__ */ C(Re, {
 				isConnectable: !1,
-				position: k.Left,
-				style: nn,
+				position: O.Left,
+				style: an,
 				type: "target"
 			}),
 			/* @__PURE__ */ C(x, {
@@ -1935,24 +2019,24 @@ function _n({ data: e }) {
 				children: e.label
 			}),
 			/* @__PURE__ */ C("span", {
-				style: gn(e.tone),
+				style: vn(e.tone),
 				children: e.statusLabel
 			}),
 			/* @__PURE__ */ C("span", {
 				title: e.secondaryLabel,
-				style: tn,
+				style: rn,
 				children: e.secondaryLabel || e.kindLabel
 			}),
-			/* @__PURE__ */ C(Fe, {
+			/* @__PURE__ */ C(Re, {
 				isConnectable: !1,
-				position: k.Right,
-				style: nn,
+				position: O.Right,
+				style: an,
 				type: "source"
 			})
 		]
 	});
 }
 //#endregion
-export { Dt as a, Rt as i, Jt as n, Tt as o, Vt as r, cn as t };
+export { kt as a, Bt as i, Xt as n, Dt as o, Ut as r, un as t };
 
-//# sourceMappingURL=detail-fg8MTwuH.js.map
+//# sourceMappingURL=detail-DAak2OXS.js.map