@rytass/bpm-core-react 0.7.7 → 0.8.0

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

@@ -9,13 +9,13 @@ import { AutoComplete as f, Button as p, Input as m, Modal as h, PageHeader as g
 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 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 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 Ae, ZoomOutIcon as je } from "@mezzanine-ui/icons";
+import { focusFormRendererField as Me, validateFormRendererValues as Ne } from "@rytass/bpm-core-client/form";
+import { Background as Pe, Controls as Fe, Handle as Ie, Position as O, ReactFlow as k } from "@xyflow/react";
+import * as Le from "dagre";
+import { Document as Re, Page as ze } 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,9 +24,9 @@ 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);
+}, M = 760, Be = 920, Ve = 320, He = 32, N = .75, Ue = 1.75, We = .25;
+function P({ filename: e, fileUrl: t, onDownload: n }) {
+	let r = u(null), [i, a] = d(null), [c, f] = d(1), [m, h] = d(1), [g, _] = d(M);
 	s(() => {
 		let e = r.current;
 		if (!e || typeof ResizeObserver > "u") return;
@@ -39,19 +39,19 @@ function F({ filename: e, fileUrl: t, onDownload: n }) {
 		a(null), f(1), h(1);
 	}, [t]);
 	let ee = l(() => {
-		let e = Math.max(Be, g - Ve);
-		return Math.round(Math.min(ze, e) * m);
+		let e = Math.max(Ve, g - He);
+		return Math.round(Math.min(Be, 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)}%`;
+	}, []), y = c > 1, te = i !== null && c < i, ne = m > N, b = m < Ue, S = i === null ? `第 ${c} 頁` : `第 ${c} / ${i} 頁`, re = `${Math.round(m * 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, {
@@ -65,7 +65,7 @@ function F({ filename: e, fileUrl: t, onDownload: n }) {
 							variant: "base-secondary"
 						}),
 						/* @__PURE__ */ C(x, {
-							className: M.counter,
+							className: j.counter,
 							component: "span",
 							variant: "body",
 							children: S
@@ -83,21 +83,21 @@ function F({ filename: e, fileUrl: t, onDownload: n }) {
 					]
 				}),
 				/* @__PURE__ */ w("div", {
-					className: M.zoomControls,
+					className: j.zoomControls,
 					"aria-label": "縮放",
 					children: [
 						/* @__PURE__ */ C(p, {
 							"aria-label": "縮小",
 							disabled: !ne,
-							icon: Ae,
+							icon: je,
 							onClick: () => {
-								h((e) => Math.max(P, e - Ue));
+								h((e) => Math.max(N, e - We));
 							},
 							size: "minor",
 							variant: "base-secondary"
 						}),
 						/* @__PURE__ */ C(x, {
-							className: M.counter,
+							className: j.counter,
 							component: "span",
 							variant: "body",
 							children: re
@@ -105,9 +105,9 @@ function F({ filename: e, fileUrl: t, onDownload: n }) {
 						/* @__PURE__ */ C(p, {
 							"aria-label": "放大",
 							disabled: !b,
-							icon: O,
+							icon: Ae,
 							onClick: () => {
-								h((e) => Math.min(He, e + Ue));
+								h((e) => Math.min(Ue, e + We));
 							},
 							size: "minor",
 							variant: "base-secondary"
@@ -124,17 +124,17 @@ 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(Re, {
+				error: /* @__PURE__ */ C(F, { message: "PDF 無法載入。" }),
 				file: t,
-				loading: /* @__PURE__ */ C(I, { message: "正在載入 PDF..." }),
-				noData: /* @__PURE__ */ C(I, { message: "沒有可預覽的 PDF。" }),
+				loading: /* @__PURE__ */ C(F, { message: "正在載入 PDF..." }),
+				noData: /* @__PURE__ */ C(F, { message: "沒有可預覽的 PDF。" }),
 				onLoadSuccess: v,
-				children: /* @__PURE__ */ C(Re, {
-					className: M.page,
-					loading: /* @__PURE__ */ C(I, { message: "正在載入頁面..." }),
+				children: /* @__PURE__ */ C(ze, {
+					className: j.page,
+					loading: /* @__PURE__ */ C(F, { message: "正在載入頁面..." }),
 					pageNumber: c,
 					renderAnnotationLayer: !0,
 					renderTextLayer: !0,
@@ -144,9 +144,9 @@ function F({ filename: e, fileUrl: t, onDownload: n }) {
 		})]
 	});
 }
-function I({ message: e }) {
+function F({ message: e }) {
 	return /* @__PURE__ */ C("div", {
-		className: M.state,
+		className: j.state,
 		children: /* @__PURE__ */ C(x, {
 			color: "text-neutral",
 			variant: "body",
@@ -156,63 +156,63 @@ 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 I(e) {
+	let t = R(e, "from"), n = R(e, "to"), r = R(e, "reason");
 	return !t || !n || !r ? null : {
 		from: t,
 		reason: r,
-		ruleId: z(e, "ruleId"),
+		ruleId: R(e, "ruleId"),
 		to: n
 	};
 }
-function R(e) {
+function L(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) => Ke(e) ? I(e) : null).filter((e) => e !== null) : [];
 	} catch {
 		return [];
 	}
 }
-function z(e, t) {
+function R(e, t) {
 	let n = e[t];
 	return typeof n == "string" ? n : null;
 }
-function B(e, t) {
+function Ge(e, t) {
 	let n = e[t];
 	return Array.isArray(n) ? n.filter((e) => typeof e == "string") : [];
 }
-function V(e, t) {
+function z(e, t) {
 	let n = e[t];
 	return typeof n == "number" ? n : null;
 }
-function H(e) {
+function B(e) {
 	return typeof e == "string" && e.trim().length > 0;
 }
-function We(e) {
+function Ke(e) {
 	return typeof e == "object" && !!e;
 }
-function Ge(e) {
+function qe(e) {
 	return e.status === "PENDING" || e.status === "IN_PROGRESS";
 }
-function U(e) {
+function V(e) {
 	return e instanceof Error ? e.message : "發生未知錯誤";
 }
-function W(e) {
+function H(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 U(e) {
 	return e.length > 16 ? `${e.slice(0, 12)}...` : e;
 }
-function Ke(e) {
+function W(e) {
 	return e === "APPROVED" ? "已同意" : e === "CANCELLED" ? "已取消" : e === "DRAFT" ? "草稿" : e === "EXPIRED" ? "已逾期" : e === "REJECTED" ? "已拒絕" : e === "RETURNED" ? "已退回" : e === "RUNNING" ? "進行中" : e;
 }
-function qe(e) {
+function Je(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 G(e) {
 	return e === "startEvent" ? "開始" : e === "endEvent" ? "完成" : e === "userTask" ? "簽核節點" : e === "serviceTask" ? "知會節點" : e === "exclusiveGateway" ? "條件分流" : "平行處理";
 }
 function K(e, t) {
@@ -224,7 +224,7 @@ function q(e, t) {
 	return n ? `${n.name}（${n.email}）` : e;
 }
 function Xe(e, t = /* @__PURE__ */ new Map()) {
-	let n = R(e.delegationChainJson);
+	let n = L(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);
 	return n.length === 0 || e.originalAssigneeMemberId === e.assigneeMemberId ? r : `${r}（原：${i}）`;
@@ -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}（${G(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}（${G(r.type)}）`
 	}] : [];
 }
 function $e(e) {
@@ -252,7 +252,7 @@ function $e(e) {
 	};
 }
 function J(e) {
-	if (!We(e)) return null;
+	if (!Ke(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,
@@ -271,13 +271,13 @@ function et(e, t) {
 	return r.length === 1 ? r[0] ?? null : null;
 }
 function Y(e) {
-	return H(e) ? {
+	return B(e) ? {
 		text: e,
 		type: "text"
 	} : null;
 }
 function tt(e) {
-	return H(e) ? {
+	return B(e) ? {
 		text: e,
 		type: "dangerText"
 	} : null;
@@ -306,71 +306,71 @@ function it(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;
+	return e === "INSTANCE_STARTED" ? "案件已發起" : e === "TOKEN_CREATED" ? "流程路徑已建立" : e === "ENGINE_PROCESS_REQUESTED" ? "流程引擎已處理" : e === "TOKEN_ADVANCED" ? "流程已前進" : e === "TASK_CREATED" ? "待簽任務已建立" : e === "TASK_DECIDED" ? it(R(t, "action")) : e === "SLA_TRIGGERED" ? "時限提醒已觸發" : e;
 }
 function ot(e) {
 	try {
 		let t = JSON.parse(e.payloadJson);
-		return We(t) ? t : {};
+		return Ke(t) ? t : {};
 	} catch {
 		return {};
 	}
 }
 function Q(e, t) {
-	return e.eventType === "SLA_TRIGGERED" || z(t, "action") === "REJECTED" || z(t, "instanceState") === "REJECTED";
+	return e.eventType === "SLA_TRIGGERED" || R(t, "action") === "REJECTED" || R(t, "instanceState") === "REJECTED";
 }
 function st(e) {
 	return t(e);
 }
 function ct(e, t, n, r) {
 	if (e.eventType === "TASK_CREATED") {
-		let e = z(t, "assigneeMemberId"), n = z(t, "originalAssigneeMemberId");
+		let e = R(t, "assigneeMemberId"), n = R(t, "originalAssigneeMemberId");
 		if (!e) {
-			let e = B(t, "candidateMemberIds");
+			let e = Ge(t, "candidateMemberIds");
 			return e.length ? `候選簽核人：${e.map((e) => q(e, r)).join("、")}` : null;
 		}
 		let i = q(e, r), a = q(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 = R(t, "action"), n = R(t, "comment"), i = e ? `決議：${Ye(e)}` : null, a = R(t, "transferToMemberId");
+		return e === "REJECTED" && n ? [i, `拒絕原因：${n}`].filter(B).join(" · ") : e === "TRANSFERRED" ? [i, `轉派給：${q(a, r)}`].filter(B).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 = R(t, "action");
+		if (e) return `流程結果：${Ye(e)}`;
+		let r = z(t, "arrivedCount"), i = z(t, "requiredCount");
 		if (r !== null && i !== null) return `等待匯合：${r}/${i}`;
-		let a = z(t, "fromNodeId"), o = z(t, "toNodeId");
+		let a = R(t, "fromNodeId"), o = R(t, "toNodeId");
 		if (a && o) return `由 ${K(a, n)} 前進至 ${K(o, n)}`;
 	}
 	if (e.eventType === "ENGINE_PROCESS_REQUESTED") {
-		let e = z(t, "state");
-		return e ? `案件狀態：${Ke(e)}` : null;
+		let e = R(t, "state");
+		return e ? `案件狀態：${W(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;
+	let s = e.taskId ? r.get(e.taskId) : null, c = R(t, "action") ?? s?.action ?? null, l = R(t, "comment") ?? s?.comment ?? null, u = R(t, "transferToMemberId") ?? s?.transferToMemberId ?? null, d = R(t, "signatureId") ?? s?.signatureId ?? null, f = d ? i.get(d) : null;
 	return [
-		Y(c ? `決議：${Je(c)}` : null),
+		Y(c ? `決議：${Ye(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
+		f ? Y(a?.valid ? `簽章：已驗證（${U(f.signedPayloadHash)}）` : `簽章：待檢查（${U(f.signedPayloadHash)}）`) : null
 	].filter(Z);
 }
-function $(e, t, n, r, i) {
+function ut(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);
 	return a.tone === "neutral" || a.tone === "waiting";
 }
-function ut(e, t, n, r, i) {
+function $(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) => ut(e, t, n, r, i)), o = dt(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;
@@ -384,7 +384,7 @@ function dt(e, t, n, r, i) {
 	return ft(e, n, r, i).reduce((e, t) => ht(e, pt(t, o, a)), /* @__PURE__ */ new Map());
 }
 function ft(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([
+	let i = n.filter((e) => e.status === "ACTIVE" || e.status === "WAITING").map((e) => e.currentNodeId), a = t.filter(qe).map((e) => e.nodeId), o = e.nodes.filter((e) => r.has(e.id)).map((e) => e.id), s = [...new Set([
 		...i,
 		...a,
 		...o
@@ -427,7 +427,7 @@ function _t(e, t, n, r, i, a, o, s, c) {
 			id: e.id,
 			title: at(e.eventType, t)
 		};
-	}), u = t.filter(Ge).map((e) => ({
+	}), u = t.filter(qe).map((e) => ({
 		descriptionParts: [
 			Y(`節點：${K(e.nodeId, r)}`),
 			X("處理者", e.assigneeMemberId, a, "未指定"),
@@ -436,8 +436,8 @@ function _t(e, t, n, r, i, a, o, s, c) {
 		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(rt).map((e) => e.nodeId), ...t.map((e) => e.nodeId)].filter(B)), f = r ? $(r, t, n, i, d).map((e) => ({
+		descriptionParts: [Y(`${G(e.type)} · 尚未抵達`)].filter(Z),
 		error: !1,
 		forcePending: !0,
 		id: `future-node-${e.id}`,
@@ -480,7 +480,7 @@ function vt(e, t, n, r) {
 		statusLabel: r === "REJECTED" ? "已拒絕" : "已完成",
 		tone: r === "REJECTED" ? "cancelled" : "completed"
 	} : {
-		secondaryLabel: Ye(e.type),
+		secondaryLabel: G(e.type),
 		statusLabel: "未抵達",
 		tone: "neutral"
 	};
@@ -493,9 +493,9 @@ async function yt({ activityLogs: e, adhocDirectives: t = [], tasks: n }) {
 		...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])),
+		...n.flatMap((e) => L(e.delegationChainJson).flatMap((e) => [e.from, e.to])),
 		...t.flatMap((e) => [e.createdByMemberId, ...bt(e.targetValueJson)])
-	].filter(H))];
+	].filter(B))];
 	try {
 		return await _e(r);
 	} catch {
@@ -584,7 +584,7 @@ function Dt({ attachments: e, onDownload: n, onPreview: r }) {
 		id: e.id,
 		key: e.id,
 		mimeType: e.mimeType,
-		sizeLabel: W(Number(e.sizeBytes))
+		sizeLabel: H(Number(e.sizeBytes))
 	})), [e]), a = l(() => [
 		{
 			dataIndex: "filename",
@@ -691,17 +691,17 @@ var Pt = {
 	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) => ({
+	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(""), [Ae, je] = d(null), [Me, Ne] = d(!1), [Pe, Fe] = d([]), [Ie, O] = d(!1), [k, Le] = d("COUNTERSIGN"), [Re, ze] = d("REJECT_INSTANCE"), [A, j] = d(!1), [M, Be] = d("MEMBER"), [Ve, He] = d(""), N = b.trim(), Ue = fe.trim(), We = xe.trim(), P = l(() => s.find((e) => Ze(e, r) && (e.status === "PENDING" || e.status === "IN_PROGRESS")) ?? null, [r, s]), F = l(() => P && i ? i.workflowSnapshot.nodes.find((e) => e.id === P.nodeId) ?? null : null, [P, i]), I = l(() => F && i ? Qe(i.workflowSnapshot, F) : [], [F, i]), L = F?.type === "userTask" && F.data.returnBehavior.allowReturn, R = F?.type === "userTask" && F.data.returnBehavior.requireComment === !0, Ge = F?.type === "userTask" && F.data.allowAddSigner, z = l(() => e.filter((e) => e.status === "PENDING"), [e]), B = I.find((e) => e.id === ve) ?? I[0] ?? null, Ke = l(() => 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)
+		statusLabel: Je(e.status)
 	})), [
 		i,
 		a,
 		s
-	]), We = l(() => [
+	]), qe = l(() => [
 		{
 			dataIndex: "nodeLabel",
 			key: "nodeLabel",
@@ -734,13 +734,13 @@ var Pt = {
 			title: "建立時間",
 			width: 220
 		}
-	], []), Ge = l(() => B.map((e) => ({
+	], []), H = l(() => z.map((e) => ({
 		...e,
 		createdByLabel: q(e.createdByMemberId, a),
 		key: e.id,
 		targetLabel: zt(e, a),
 		typeLabel: Pt[e.type]
-	})), [a, B]), W = l(() => [
+	})), [a, z]), U = l(() => [
 		{
 			dataIndex: "typeLabel",
 			key: "typeLabel",
@@ -780,8 +780,8 @@ var Pt = {
 		{
 			key: "actions",
 			render: (e) => e.createdByMemberId === r ? /* @__PURE__ */ C(p, {
-				disabled: j,
-				onClick: () => void lt(e.id),
+				disabled: A,
+				onClick: () => void ut(e.id),
 				size: "minor",
 				variant: "destructive-secondary",
 				children: "撤回"
@@ -789,9 +789,9 @@ var Pt = {
 			title: "操作",
 			width: 100
 		}
-	], [j, r]);
-	async function G({ action: e, comment: t, returnToNodeId: n = null, transferToMemberId: i = null }) {
-		if (!(!r || !F)) {
+	], [A, r]);
+	async function W({ action: e, comment: t, returnToNodeId: n = null, transferToMemberId: i = null }) {
+		if (!(!r || !P)) {
 			_(!0), y(null);
 			try {
 				await se({
@@ -799,94 +799,94 @@ var Pt = {
 					comment: t,
 					decidedByMemberId: r,
 					returnToNodeId: n,
-					taskId: F.id,
+					taskId: P.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));
+				y(V(e));
 			} finally {
 				_(!1);
 			}
 		}
 	}
-	function Ke() {
+	function Ye() {
 		ie(""), le(null), de(!0);
 	}
-	function Je() {
+	function G() {
 		g || (de(!1), ie(""), le(null));
 	}
-	function Ye() {
-		pe(""), be(L[0]?.id ?? null), _e(!0);
-	}
 	function Y() {
-		g || (_e(!1), pe(""), be(null));
+		pe(""), be(I[0]?.id ?? null), _e(!0);
 	}
 	function tt() {
-		Se(""), E(null), De(!0), Z("");
+		g || (_e(!1), pe(""), be(null));
 	}
 	function X() {
+		Se(""), E(null), De(!0), nt("");
+	}
+	function Z() {
 		g || (De(!1), Se(""), E(null));
 	}
-	async function Z(e) {
+	async function nt(e) {
 		D(!0);
 		try {
 			Te((await ye(e)).filter((e) => e.memberId !== r).map($e));
 		} catch (e) {
-			y(U(e));
+			y(V(e));
 		} finally {
 			D(!1);
 		}
 	}
-	async function nt() {
-		if (!P) {
+	async function rt() {
+		if (!N) {
 			le("請輸入拒絕原因");
 			return;
 		}
-		await G({
+		await W({
 			action: "REJECTED",
-			comment: P
+			comment: N
 		});
 	}
-	async function rt() {
+	async function it() {
 		if (!T) {
 			y("請選擇轉派對象");
 			return;
 		}
-		await G({
+		await W({
 			action: "TRANSFERRED",
-			comment: Ue || null,
+			comment: We || null,
 			transferToMemberId: T.id
 		});
 	}
-	async function it() {
-		await G({
+	async function at() {
+		await W({
 			action: "RETURNED",
-			comment: He || null,
-			returnToNodeId: V?.id ?? null
+			comment: Ue || null,
+			returnToNodeId: B?.id ?? null
 		});
 	}
-	function at() {
-		ke(""), Ae(null), Re("REJECT_INSTANCE"), ze("MEMBER"), Ve("");
+	function ot() {
+		ke(""), je(null), ze("REJECT_INSTANCE"), Be("MEMBER"), He("");
 	}
-	function ot(e) {
-		Ie(e), at(), k(!0), st("");
+	function Q(e) {
+		Le(e), ot(), O(!0), ct("");
 	}
-	function Q() {
-		j || (k(!1), at());
+	function st() {
+		A || (O(!1), ot());
 	}
-	async function st(e) {
-		Me(!0);
+	async function ct(e) {
+		Ne(!0);
 		try {
-			Pe((await ye(e)).map($e));
+			Fe((await ye(e)).map($e));
 		} catch (e) {
-			y(U(e));
+			y(V(e));
 		} finally {
-			Me(!1);
+			Ne(!1);
 		}
 	}
-	async function ct() {
-		if (!F) return;
-		let e = (A === "STAGE_NOTIFY" || A === "COMPLETION_NOTIFY") && N === "WEBHOOK", t = Be.trim(), n = O;
+	async function lt() {
+		if (!P) return;
+		let e = (k === "STAGE_NOTIFY" || k === "COMPLETION_NOTIFY") && M === "WEBHOOK", t = Ve.trim(), n = Ae;
 		if (e && !t) {
 			y("請輸入 Webhook URL");
 			return;
@@ -902,62 +902,62 @@ var Pt = {
 			kind: "MEMBER",
 			memberIds: [n.id]
 		}, i = Oe.trim() || null;
-		M(!0), y(null);
+		j(!0), y(null);
 		try {
-			A === "COUNTERSIGN" ? await he({
+			k === "COUNTERSIGN" ? await he({
 				comment: i,
 				target: r,
-				taskId: F.id
-			}) : A === "PRE_APPROVAL" ? await ge({
+				taskId: P.id
+			}) : k === "PRE_APPROVAL" ? await ge({
 				comment: i,
-				onReject: Le,
+				onReject: Re,
 				target: r,
-				taskId: F.id
-			}) : A === "STAGE_NOTIFY" ? await oe({
+				taskId: P.id
+			}) : k === "STAGE_NOTIFY" ? await oe({
 				target: r,
-				taskId: F.id
+				taskId: P.id
 			}) : await ae({
 				target: r,
-				taskId: F.id
-			}), k(!1), at(), await o();
+				taskId: P.id
+			}), O(!1), ot(), await o();
 		} catch (e) {
-			y(U(e));
+			y(V(e));
 		} finally {
-			M(!1);
+			j(!1);
 		}
 	}
-	async function lt(e) {
-		M(!0), y(null);
+	async function ut(e) {
+		j(!0), y(null);
 		try {
 			await re(e), await o();
 		} catch (e) {
-			y(U(e));
+			y(V(e));
 		} finally {
-			M(!1);
+			j(!1);
 		}
 	}
 	c(u, () => ({
-		canAddSignerCurrentTask: z,
-		canReturnCurrentTask: R,
+		canAddSignerCurrentTask: Ge,
+		canReturnCurrentTask: L,
 		deciding: g,
 		handleApprove: () => {
-			G({
+			W({
 				action: "APPROVED",
 				comment: null
 			});
 		},
-		hasCurrentTask: F !== null,
-		openAdhocModal: ot,
-		openRejectModal: Ke,
-		openReturnModal: Ye,
-		openTransferModal: tt
+		hasCurrentTask: P !== null,
+		openAdhocModal: Q,
+		openRejectModal: Ye,
+		openReturnModal: Y,
+		openTransferModal: X
 	}), [
-		z,
-		R,
-		F,
+		Ge,
+		L,
+		P,
 		g
 	]);
-	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", dt = $ && M === "WEBHOOK" ? !Ve.trim() : !Ae, ft = It.find((e) => e.id === Re) ?? It[0], pt = Lt.find((e) => e.id === M) ?? Lt[0];
 	return /* @__PURE__ */ w(S, { children: [
 		/* @__PURE__ */ C(x, {
 			component: "h2",
@@ -972,12 +972,12 @@ var Pt = {
 		/* @__PURE__ */ C("div", {
 			style: jt,
 			children: /* @__PURE__ */ C(te, {
-				columns: We,
-				dataSource: H,
+				columns: qe,
+				dataSource: Ke,
 				fullWidth: !0
 			})
 		}),
-		B.length > 0 ? /* @__PURE__ */ w(S, { children: [/* @__PURE__ */ C(x, {
+		z.length > 0 ? /* @__PURE__ */ w(S, { children: [/* @__PURE__ */ C(x, {
 			component: "h3",
 			style: Mt,
 			variant: "h3",
@@ -985,24 +985,24 @@ var Pt = {
 		}), /* @__PURE__ */ C("div", {
 			style: jt,
 			children: /* @__PURE__ */ C(te, {
-				columns: W,
-				dataSource: Ge,
+				columns: U,
+				dataSource: H,
 				fullWidth: !0
 			})
 		})] }) : null,
 		/* @__PURE__ */ C(h, {
 			cancelText: "取消",
 			confirmButtonProps: {
-				disabled: !P,
+				disabled: !N,
 				variant: "destructive-primary"
 			},
 			confirmText: "送出拒絕",
 			loading: g,
 			modalStatusType: "error",
 			modalType: "standard",
-			onCancel: Je,
-			onClose: Je,
-			onConfirm: () => void nt(),
+			onCancel: G,
+			onClose: G,
+			onConfirm: () => void rt(),
 			open: ue,
 			showModalFooter: !0,
 			showModalHeader: !0,
@@ -1041,9 +1041,9 @@ var Pt = {
 			confirmText: "送出轉派",
 			loading: g,
 			modalType: "standard",
-			onCancel: X,
-			onClose: X,
-			onConfirm: () => void rt(),
+			onCancel: Z,
+			onClose: Z,
+			onConfirm: () => void it(),
 			open: Ee,
 			showModalFooter: !0,
 			showModalHeader: !0,
@@ -1070,10 +1070,10 @@ var Pt = {
 						loadingText: "搜尋成員中...",
 						mode: "single",
 						onChange: (e) => E(J(e)),
-						onSearch: Z,
+						onSearch: nt,
 						onSearchTextChange: (e) => E(et(e, we)),
 						onVisibilityChange: (e) => {
-							e && Z("");
+							e && nt("");
 						},
 						options: [...we],
 						placeholder: "搜尋姓名或信箱",
@@ -1097,13 +1097,13 @@ var Pt = {
 		}),
 		/* @__PURE__ */ C(h, {
 			cancelText: "取消",
-			confirmButtonProps: { disabled: !V },
+			confirmButtonProps: { disabled: !B || R && !Ue },
 			confirmText: "送出退回",
 			loading: g,
 			modalType: "standard",
-			onCancel: Y,
-			onClose: Y,
-			onConfirm: () => void it(),
+			onCancel: tt,
+			onClose: tt,
+			onConfirm: () => void at(),
 			open: me,
 			showModalFooter: !0,
 			showModalHeader: !0,
@@ -1120,16 +1120,18 @@ var Pt = {
 						clearable: !1,
 						fullWidth: !0,
 						onChange: (e) => be(e?.id ?? null),
-						options: [...L],
+						options: [...I],
 						placeholder: "選擇退回節點",
-						value: V
+						value: B
 					})
 				}), /* @__PURE__ */ C(n, {
+					hintText: R ? "此關卡設定退回時必須填寫意見。" : void 0,
 					label: "退回說明",
 					name: "returnComment",
+					required: R,
 					children: /* @__PURE__ */ C(ne, {
 						onChange: (e) => pe(e.target.value),
-						placeholder: "可補充需要修改的內容",
+						placeholder: R ? "請說明退回原因" : "可補充需要修改的內容",
 						ref: Nt,
 						resize: "vertical",
 						rows: 4,
@@ -1141,19 +1143,19 @@ var Pt = {
 		}),
 		/* @__PURE__ */ C(h, {
 			cancelText: "取消",
-			confirmButtonProps: { disabled: ut },
+			confirmButtonProps: { disabled: dt },
 			confirmText: "送出",
-			loading: j,
+			loading: A,
 			modalType: "standard",
-			onCancel: Q,
-			onClose: Q,
-			onConfirm: () => void ct(),
-			open: Fe,
+			onCancel: st,
+			onClose: st,
+			onConfirm: () => void lt(),
+			open: Ie,
 			showModalFooter: !0,
 			showModalHeader: !0,
 			size: "regular",
-			supportingText: Ft[A],
-			title: Pt[A],
+			supportingText: Ft[k],
+			title: Pt[k],
 			children: /* @__PURE__ */ w("div", {
 				style: At,
 				children: [
@@ -1164,7 +1166,7 @@ var Pt = {
 						children: /* @__PURE__ */ C(v, {
 							clearable: !1,
 							fullWidth: !0,
-							onChange: (e) => Ie(e?.id === "COMPLETION_NOTIFY" ? "COMPLETION_NOTIFY" : "STAGE_NOTIFY"),
+							onChange: (e) => Le(e?.id === "COMPLETION_NOTIFY" ? "COMPLETION_NOTIFY" : "STAGE_NOTIFY"),
 							options: [{
 								id: "STAGE_NOTIFY",
 								name: Pt.STAGE_NOTIFY
@@ -1173,8 +1175,8 @@ var Pt = {
 								name: Pt.COMPLETION_NOTIFY
 							}],
 							value: {
-								id: A,
-								name: Pt[A]
+								id: k,
+								name: Pt[k]
 							}
 						})
 					}) : null,
@@ -1185,20 +1187,20 @@ var Pt = {
 						children: /* @__PURE__ */ C(v, {
 							clearable: !1,
 							fullWidth: !0,
-							onChange: (e) => ze(e?.id === "WEBHOOK" ? "WEBHOOK" : "MEMBER"),
+							onChange: (e) => Be(e?.id === "WEBHOOK" ? "WEBHOOK" : "MEMBER"),
 							options: [...Lt],
-							value: ft
+							value: pt
 						})
 					}) : null,
-					$ && N === "WEBHOOK" ? /* @__PURE__ */ C(n, {
+					$ && M === "WEBHOOK" ? /* @__PURE__ */ C(n, {
 						label: "Webhook URL",
 						name: "adhocWebhookUrl",
 						required: !0,
 						children: /* @__PURE__ */ C(m, {
 							fullWidth: !0,
-							onChange: (e) => Ve(e.target.value),
+							onChange: (e) => He(e.target.value),
 							placeholder: "https://example.com/webhook",
-							value: Be
+							value: Ve
 						})
 					}) : /* @__PURE__ */ C(n, {
 						label: $ ? "通知對象" : "簽核對象",
@@ -1214,31 +1216,31 @@ var Pt = {
 								name: "adhoc-member-search",
 								spellCheck: !1
 							},
-							loading: je,
+							loading: Me,
 							loadingText: "搜尋成員中...",
 							mode: "single",
-							onChange: (e) => Ae(J(e)),
-							onSearch: st,
-							onSearchTextChange: (e) => Ae(et(e, Ne)),
+							onChange: (e) => je(J(e)),
+							onSearch: ct,
+							onSearchTextChange: (e) => je(et(e, Pe)),
 							onVisibilityChange: (e) => {
-								e && st("");
+								e && ct("");
 							},
-							options: [...Ne],
+							options: [...Pe],
 							placeholder: "搜尋姓名或信箱",
 							searchDebounceTime: 300,
-							value: O
+							value: Ae
 						})
 					}),
-					A === "PRE_APPROVAL" ? /* @__PURE__ */ C(n, {
+					k === "PRE_APPROVAL" ? /* @__PURE__ */ C(n, {
 						label: "拒簽處理方式",
 						name: "adhocOnReject",
 						required: !0,
 						children: /* @__PURE__ */ C(v, {
 							clearable: !1,
 							fullWidth: !0,
-							onChange: (e) => Re(e?.id === "RETURN_TO_ORIGIN" ? "RETURN_TO_ORIGIN" : "REJECT_INSTANCE"),
+							onChange: (e) => ze(e?.id === "RETURN_TO_ORIGIN" ? "RETURN_TO_ORIGIN" : "REJECT_INSTANCE"),
 							options: [...It],
-							value: dt
+							value: ft
 						})
 					}) : null,
 					$ ? null : /* @__PURE__ */ C(n, {
@@ -1278,7 +1280,7 @@ var Bt = {
 function Vt({ signatureVerification: e, signatures: n }) {
 	let r = l(() => n.map((e) => ({
 		algorithm: e.algorithm,
-		hashLabel: G(e.signedPayloadHash),
+		hashLabel: U(e.signedPayloadHash),
 		key: e.id,
 		keyVersion: e.keyVersion,
 		signedAtLabel: t(e.signedAt),
@@ -1347,25 +1349,25 @@ var Ht = {
 	textUnderlineOffset: 3
 }, Wt = { color: "var(--mzn-color-text-error)" };
 function Gt(...e) {
-	return e.filter((e) => H(e ?? null)).join(" ");
+	return e.filter((e) => B(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) {
 	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: Gt(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: [l === "dot" ? /* @__PURE__ */ C("span", { className: Gt(A.statusIndicator, A.statusIndicatorDot) }) : /* @__PURE__ */ C("span", {
+			className: A.statusIndicator,
 			children: a + 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}`))
 			}) : null]
@@ -1477,20 +1479,20 @@ var Yt = 184, Xt = 96, Zt = {
 	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);
+	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([]), [Ae, je] = d([]), [Ie, O] = d(null), [Le, Re] = d(!0), [ze, A] = d(!1), [j, M] = d(!1), [Be, Ve] = d(""), [He, N] = d(!1), [Ue, We] = d({}), [F, I] = d({}), [L, R] = d(null), [Ge, z] = d(null), [B, Ke] = d([]), qe = Be.trim(), H = u(null);
 	s(() => {
 		X();
 	}, [v, r]), s(() => {
-		L(b?.formData ?? {});
+		I(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) : [], [
+	let U = l(() => T.find((e) => Ze(e, v) && (e.status === "PENDING" || e.status === "IN_PROGRESS")) ?? null, [v, T]), Je = l(() => U && b ? b.workflowSnapshot.nodes.find((e) => e.id === U.nodeId) ?? null : null, [U, b]), Ye = Je?.type === "userTask" && Je.data.returnBehavior.allowReturn, G = Je?.type === "userTask" && Je.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(Ae.map((e) => [e.memberId, e])), [Ae]), 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,
 		T,
 		D
 	]), Y = l(() => J ? mn(J) : [], [J]), tt = l(() => b ? un(b.workflowSnapshot) : [], [b]);
 	async function X() {
-		Le(!0), k(null);
+		Re(!0), O(null);
 		try {
 			let e = await de(r);
 			te(e.activityLogs), re(e.instance), E(e.tasks), we(e.workflowTokens);
@@ -1503,11 +1505,11 @@ function cn({ instanceId: r, showAttachments: i = !0, showForm: a = !0, showHist
 				le(e.instance.id),
 				me(e.instance.id)
 			]);
-			oe(n), Ae(i), ue(a), ge(o.signatures), ye(o.verification), We(t);
+			oe(n), je(i), ue(a), ge(o.signatures), ye(o.verification), Ke(t);
 		} catch (e) {
-			k(U(e));
+			O(V(e));
 		} finally {
-			Le(!1);
+			Re(!1);
 		}
 	}
 	async function Z(e, t) {
@@ -1525,62 +1527,62 @@ function cn({ instanceId: r, showAttachments: i = !0, showForm: a = !0, showHist
 	async function rt(e) {
 		if (!v) return;
 		let t = await pe({ id: e.id });
-		z(e), V(t);
+		R(e), z(t);
 	}
 	async function it() {
 		if (!(!v || !b || !K)) {
-			if (j(!0), k(null), Ue({}), b.formDefinitionSnapshot.schema && b.formDefinitionSnapshot.uiSchema) {
-				let e = Me({
+			if (A(!0), O(null), We({}), b.formDefinitionSnapshot.schema && b.formDefinitionSnapshot.uiSchema) {
+				let e = Ne({
 					schema: b.formDefinitionSnapshot.schema,
 					uiSchema: b.formDefinitionSnapshot.uiSchema,
-					values: I
+					values: F
 				});
 				if (!e.valid) {
-					Ue(e.errors), k("請先補齊必填欄位。"), e.firstInvalidFieldKey && je(e.firstInvalidFieldKey), j(!1);
+					We(e.errors), O("請先補齊必填欄位。"), e.firstInvalidFieldKey && Me(e.firstInvalidFieldKey), A(!1);
 					return;
 				}
 			}
 			try {
 				await ie({
 					cancelledByMemberId: v,
-					comment: Ge || null,
+					comment: qe || null,
 					instanceId: b.id
-				}), Be(""), P(!1), await X();
+				}), Ve(""), N(!1), await X();
 			} catch (e) {
-				k(U(e));
+				O(V(e));
 			} finally {
-				j(!1);
+				A(!1);
 			}
 		}
 	}
 	async function at() {
 		if (!(!v || !b || !q)) {
-			j(!0), k(null);
+			A(!0), O(null);
 			try {
 				await ve({
-					formData: I,
+					formData: F,
 					initiatorMemberId: v,
 					instanceId: b.id,
 					title: b.title
 				}), await X();
 			} catch (e) {
-				k(U(e));
+				O(V(e));
 			} finally {
-				j(!1);
+				A(!1);
 			}
 		}
 	}
-	let ot = W.current?.deciding ?? !1, Q = Re || ot;
+	let ot = H.current?.deciding ?? !1, Q = ze || ot;
 	return /* @__PURE__ */ w(S, { children: [
 		/* @__PURE__ */ C(g, { children: /* @__PURE__ */ w(xe, {
-			description: b ? `${Ke(b.state)} · ${t(b.startedAt)}` : "載入案件內容。",
+			description: b ? `${W(b.state)} · ${t(b.startedAt)}` : "載入案件內容。",
 			title: b?.title ?? "簽核案件",
 			children: [
 				b ? /* @__PURE__ */ C(p, {
 					"aria-label": "查看流程圖",
 					icon: Oe,
 					iconType: "icon-only",
-					onClick: () => N(!0),
+					onClick: () => M(!0),
 					title: "查看流程圖",
 					variant: "base-secondary",
 					children: "流程圖"
@@ -1589,23 +1591,23 @@ function cn({ instanceId: r, showAttachments: i = !0, showForm: a = !0, showHist
 					disabled: Q,
 					icon: Ce,
 					iconType: "leading",
-					onClick: () => P(!0),
+					onClick: () => N(!0),
 					variant: "destructive-secondary",
 					children: "取消案件"
 				}) : null,
-				G ? /* @__PURE__ */ w(S, { children: [
-					Ye ? /* @__PURE__ */ w(S, { children: [/* @__PURE__ */ C(p, {
+				U ? /* @__PURE__ */ w(S, { children: [
+					G ? /* @__PURE__ */ w(S, { children: [/* @__PURE__ */ C(p, {
 						disabled: Q,
 						icon: Ee,
 						iconType: "leading",
-						onClick: () => W.current?.openAdhocModal("COUNTERSIGN"),
+						onClick: () => H.current?.openAdhocModal("COUNTERSIGN"),
 						variant: "base-secondary",
 						children: "會簽"
 					}, "adhoc-countersign"), /* @__PURE__ */ C(p, {
 						disabled: Q,
 						icon: Ee,
 						iconType: "leading",
-						onClick: () => W.current?.openAdhocModal("PRE_APPROVAL"),
+						onClick: () => H.current?.openAdhocModal("PRE_APPROVAL"),
 						variant: "base-secondary",
 						children: "加簽"
 					}, "adhoc-pre-approval")] }) : null,
@@ -1613,15 +1615,15 @@ function cn({ instanceId: r, showAttachments: i = !0, showForm: a = !0, showHist
 						disabled: Q,
 						icon: Te,
 						iconType: "leading",
-						onClick: () => W.current?.openAdhocModal("STAGE_NOTIFY"),
+						onClick: () => H.current?.openAdhocModal("STAGE_NOTIFY"),
 						variant: "base-secondary",
 						children: "通知設定"
 					}, "adhoc-notify"),
-					Je ? /* @__PURE__ */ C(p, {
+					Ye ? /* @__PURE__ */ C(p, {
 						disabled: Q,
 						icon: De,
 						iconType: "leading",
-						onClick: () => W.current?.openReturnModal(),
+						onClick: () => H.current?.openReturnModal(),
 						variant: "base-secondary",
 						children: "退回"
 					}, "task-return") : null,
@@ -1629,7 +1631,7 @@ function cn({ instanceId: r, showAttachments: i = !0, showForm: a = !0, showHist
 						disabled: Q,
 						icon: ke,
 						iconType: "leading",
-						onClick: () => W.current?.openTransferModal(),
+						onClick: () => H.current?.openTransferModal(),
 						variant: "base-secondary",
 						children: "轉派"
 					}, "task-transfer"),
@@ -1637,7 +1639,7 @@ function cn({ instanceId: r, showAttachments: i = !0, showForm: a = !0, showHist
 						disabled: Q,
 						icon: Ce,
 						iconType: "leading",
-						onClick: () => W.current?.openRejectModal(),
+						onClick: () => H.current?.openRejectModal(),
 						variant: "destructive-secondary",
 						children: "拒絕"
 					}, "task-reject"),
@@ -1645,7 +1647,7 @@ function cn({ instanceId: r, showAttachments: i = !0, showForm: a = !0, showHist
 						disabled: Q,
 						icon: Se,
 						iconType: "leading",
-						onClick: () => W.current?.handleApprove(),
+						onClick: () => H.current?.handleApprove(),
 						variant: "base-primary",
 						children: "同意"
 					}, "task-approve")
@@ -1655,17 +1657,17 @@ function cn({ instanceId: r, showAttachments: i = !0, showForm: a = !0, showHist
 		/* @__PURE__ */ w(ee, { children: [
 			a ? /* @__PURE__ */ C(_, { children: /* @__PURE__ */ C(Tt, {
 				canResubmitInstance: q,
-				deciding: Re,
-				error: Fe,
+				deciding: ze,
+				error: Ie,
 				instance: b,
-				loading: Ie,
+				loading: Le,
 				onResubmitFormChange: (e) => {
-					L(e), Ue({});
+					I(e), We({});
 				},
 				onResubmitInstance: () => void at(),
 				onUploadAttachment: Z,
-				resubmitFormData: I,
-				resubmitFormErrors: He
+				resubmitFormData: F,
+				resubmitFormErrors: Ue
 			}) }) : null,
 			i ? /* @__PURE__ */ C(_, { children: /* @__PURE__ */ C(Dt, {
 				attachments: se,
@@ -1677,12 +1679,12 @@ function cn({ instanceId: r, showAttachments: i = !0, showForm: a = !0, showHist
 				}
 			}) }) : null,
 			f ? /* @__PURE__ */ C(_, { children: /* @__PURE__ */ C(Rt, {
-				adhocDirectives: H,
+				adhocDirectives: B,
 				currentMemberId: v,
 				instance: b,
 				memberProfilesById: Xe,
 				onChanged: X,
-				ref: W,
+				ref: H,
 				tasks: T
 			}) }) : null,
 			c ? /* @__PURE__ */ C(_, { children: /* @__PURE__ */ C(Vt, {
@@ -1703,17 +1705,17 @@ function cn({ instanceId: r, showAttachments: i = !0, showForm: a = !0, showHist
 		] }),
 		b ? /* @__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: `${W(b.state)} · ${t(b.startedAt)}`,
 			title: "流程圖",
 			children: /* @__PURE__ */ w("div", {
 				style: Zt,
 				children: [/* @__PURE__ */ C("div", {
 					style: Qt,
-					children: /* @__PURE__ */ w(A, {
+					children: /* @__PURE__ */ w(k, {
 						edges: Y,
 						fitView: !0,
 						fitViewOptions: { padding: .18 },
@@ -1725,7 +1727,7 @@ function cn({ instanceId: r, showAttachments: i = !0, showForm: a = !0, showHist
 						nodeTypes: sn,
 						panOnDrag: !0,
 						proOptions: { hideAttribution: !0 },
-						children: [/* @__PURE__ */ C(Ne, {}), /* @__PURE__ */ C(Pe, { showInteractive: !1 })]
+						children: [/* @__PURE__ */ C(Pe, {}), /* @__PURE__ */ C(Fe, { showInteractive: !1 })]
 					})
 				}), tt.length > 0 ? /* @__PURE__ */ C("div", {
 					style: rn,
@@ -1739,30 +1741,30 @@ function cn({ instanceId: r, showAttachments: i = !0, showForm: a = !0, showHist
 		/* @__PURE__ */ C(h, {
 			modalType: "standard",
 			onClose: () => {
-				z(null), V(null);
+				R(null), z(null);
 			},
-			open: !!(R && B),
+			open: !!(L && Ge),
 			showModalHeader: !0,
 			size: "wide",
-			supportingText: R?.filename ?? void 0,
+			supportingText: L?.filename ?? void 0,
 			title: "PDF 預覽",
-			children: B ? /* @__PURE__ */ C(F, {
-				filename: R?.filename ?? "PDF 預覽",
-				fileUrl: B,
-				onDownload: R ? () => void nt(R) : void 0
+			children: Ge ? /* @__PURE__ */ C(P, {
+				filename: L?.filename ?? "PDF 預覽",
+				fileUrl: Ge,
+				onDownload: L ? () => void nt(L) : void 0
 			}) : null
 		}),
 		/* @__PURE__ */ C(h, {
 			cancelText: "保留案件",
 			confirmButtonProps: { variant: "destructive-primary" },
 			confirmText: "確認取消",
-			loading: Re,
+			loading: ze,
 			modalStatusType: "error",
 			modalType: "standard",
-			onCancel: () => P(!1),
-			onClose: () => P(!1),
+			onCancel: () => N(!1),
+			onClose: () => N(!1),
 			onConfirm: () => void it(),
-			open: Ve,
+			open: He,
 			showModalFooter: !0,
 			showModalHeader: !0,
 			supportingText: "取消後會關閉目前待簽任務與候選簽核人。",
@@ -1780,11 +1782,11 @@ function cn({ instanceId: r, showAttachments: i = !0, showForm: a = !0, showHist
 					label: "取消原因",
 					name: "cancelComment",
 					children: /* @__PURE__ */ C(ne, {
-						onChange: (e) => Be(e.target.value),
+						onChange: (e) => Ve(e.target.value),
 						placeholder: "可填寫取消原因",
 						resize: "vertical",
 						rows: 3,
-						value: ze
+						value: Be
 					})
 				})]
 			})
@@ -1813,14 +1815,14 @@ 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();
+	let t = new Le.graphlib.Graph();
 	return t.setDefaultEdgeLabel(() => ({})), t.setGraph({
 		nodesep: 56,
 		rankdir: "LR",
@@ -1832,7 +1834,7 @@ function pn(e) {
 		});
 	}), e.edges.forEach((e) => {
 		t.setEdge(e.source, e.target);
-	}), Ie.layout(t), {
+	}), Le.layout(t), {
 		...e,
 		nodes: e.nodes.map((e) => {
 			let n = t.node(e.id);
@@ -1921,9 +1923,9 @@ function _n({ data: e }) {
 	return /* @__PURE__ */ w("div", {
 		style: hn(e.tone),
 		children: [
-			/* @__PURE__ */ C(Fe, {
+			/* @__PURE__ */ C(Ie, {
 				isConnectable: !1,
-				position: k.Left,
+				position: O.Left,
 				style: nn,
 				type: "target"
 			}),
@@ -1943,9 +1945,9 @@ function _n({ data: e }) {
 				style: tn,
 				children: e.secondaryLabel || e.kindLabel
 			}),
-			/* @__PURE__ */ C(Fe, {
+			/* @__PURE__ */ C(Ie, {
 				isConnectable: !1,
-				position: k.Right,
+				position: O.Right,
 				style: nn,
 				type: "source"
 			})
@@ -1955,4 +1957,4 @@ function _n({ data: e }) {
 //#endregion
 export { Dt as a, Rt as i, Jt as n, Tt as o, Vt as r, cn as t };
 
-//# sourceMappingURL=detail-fg8MTwuH.js.map
+//# sourceMappingURL=detail-Cts5_gVp.js.map