@rytass/bpm-core-react 0.5.0 → 0.6.0

package/dist/chunks/detail-Bml-vXHX.js

@@ -1,1622 +0,0 @@
-"use client";
-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 { 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, Modal as m, PageHeader as h, Section as g, SectionGroup as ee, Select as te, Stepper as _, Table as ne, Textarea as re, Tooltip as v, Typography as y } from "@mezzanine-ui/react";
-import { Fragment as b, jsx as x, jsxs as S } from "react/jsx-runtime";
-import { cancelApprovalInstance as C, decideTask as w, listAttachments as ie, listTaskDecisions as T, readApprovalInstance as ae, readAttachmentDownloadUrl as oe, readAttachmentPreviewUrl as se, readInstanceSignatures as ce, resolveMemberProfiles as le, resubmitApprovalInstance as ue, searchMembers as de, uploadAttachment as fe } from "@rytass/bpm-core-client/workflow";
-import pe from "@mezzanine-ui/react/ContentHeader";
-import { CheckedIcon as me, ChevronLeftIcon as E, ChevronRightIcon as he, DangerousOutlineIcon as ge, DownloadIcon as D, FileSearchIcon as _e, RefreshCcwIcon as ve, ShareIcon as ye, UserIcon as be, ZoomInIcon as xe, ZoomOutIcon as Se } from "@mezzanine-ui/icons";
-import { focusFormRendererField as O, validateFormRendererValues as k } from "@rytass/bpm-core-client/form";
-import { Background as A, Controls as Ce, Handle as j, Position as M, ReactFlow as we } from "@xyflow/react";
-import * as N from "dagre";
-import { Document as Te, Page as P } from "react-pdf";
-import { stepClasses as F } from "@mezzanine-ui/core/stepper";
-import '../detail.css';var I = {
-	root: "bpm_root_ehm7w",
-	toolbar: "bpm_toolbar_R-tis",
-	pageControls: "bpm_pageControls_jM-rC",
-	zoomControls: "bpm_zoomControls_7RAbJ",
-	counter: "bpm_counter_ILUsD",
-	viewport: "bpm_viewport_DQXms",
-	page: "bpm_page_Cv5Rg",
-	state: "bpm_state_bpgp3"
-}, L = 760, Ee = 920, R = 320, De = 32, z = .75, Oe = 1.75, ke = .25;
-function Ae({ filename: e, fileUrl: t, onDownload: n }) {
-	let r = u(null), [i, a] = d(null), [c, f] = d(1), [m, h] = d(1), [g, ee] = d(L);
-	s(() => {
-		let e = r.current;
-		if (!e || typeof ResizeObserver > "u") return;
-		let t = new ResizeObserver((e) => {
-			let t = e[0]?.contentRect.width;
-			t && ee(t);
-		});
-		return t.observe(e), () => t.disconnect();
-	}, []), s(() => {
-		a(null), f(1), h(1);
-	}, [t]);
-	let te = l(() => {
-		let e = Math.max(R, g - De);
-		return Math.round(Math.min(Ee, e) * m);
-	}, [m, g]), _ = o((e) => {
-		a(e.numPages), f(1);
-	}, []), ne = c > 1, re = i !== null && c < i, v = m > z, b = m < Oe, C = i === null ? `第 ${c} 頁` : `第 ${c} / ${i} 頁`, w = `${Math.round(m * 100)}%`;
-	return /* @__PURE__ */ S("section", {
-		"aria-label": `${e} PDF 預覽`,
-		className: I.root,
-		children: [/* @__PURE__ */ S("div", {
-			className: I.toolbar,
-			children: [
-				/* @__PURE__ */ S("div", {
-					className: I.pageControls,
-					"aria-label": "頁面切換",
-					children: [
-						/* @__PURE__ */ x(p, {
-							"aria-label": "上一頁",
-							disabled: !ne,
-							icon: E,
-							onClick: () => {
-								f((e) => Math.max(1, e - 1));
-							},
-							size: "minor",
-							variant: "base-secondary"
-						}),
-						/* @__PURE__ */ x(y, {
-							className: I.counter,
-							component: "span",
-							variant: "body",
-							children: C
-						}),
-						/* @__PURE__ */ x(p, {
-							"aria-label": "下一頁",
-							disabled: !re,
-							icon: he,
-							onClick: () => {
-								f((e) => i === null ? e : Math.min(i, e + 1));
-							},
-							size: "minor",
-							variant: "base-secondary"
-						})
-					]
-				}),
-				/* @__PURE__ */ S("div", {
-					className: I.zoomControls,
-					"aria-label": "縮放",
-					children: [
-						/* @__PURE__ */ x(p, {
-							"aria-label": "縮小",
-							disabled: !v,
-							icon: Se,
-							onClick: () => {
-								h((e) => Math.max(z, e - ke));
-							},
-							size: "minor",
-							variant: "base-secondary"
-						}),
-						/* @__PURE__ */ x(y, {
-							className: I.counter,
-							component: "span",
-							variant: "body",
-							children: w
-						}),
-						/* @__PURE__ */ x(p, {
-							"aria-label": "放大",
-							disabled: !b,
-							icon: xe,
-							onClick: () => {
-								h((e) => Math.min(Oe, e + ke));
-							},
-							size: "minor",
-							variant: "base-secondary"
-						})
-					]
-				}),
-				n ? /* @__PURE__ */ x(p, {
-					icon: D,
-					iconType: "leading",
-					onClick: n,
-					size: "minor",
-					variant: "base-primary",
-					children: "下載"
-				}) : null
-			]
-		}), /* @__PURE__ */ x("div", {
-			className: I.viewport,
-			ref: r,
-			children: /* @__PURE__ */ x(Te, {
-				error: /* @__PURE__ */ x(B, { message: "PDF 無法載入。" }),
-				file: t,
-				loading: /* @__PURE__ */ x(B, { message: "正在載入 PDF..." }),
-				noData: /* @__PURE__ */ x(B, { message: "沒有可預覽的 PDF。" }),
-				onLoadSuccess: _,
-				children: /* @__PURE__ */ x(P, {
-					className: I.page,
-					loading: /* @__PURE__ */ x(B, { message: "正在載入頁面..." }),
-					pageNumber: c,
-					renderAnnotationLayer: !0,
-					renderTextLayer: !0,
-					width: te
-				})
-			})
-		})]
-	});
-}
-function B({ message: e }) {
-	return /* @__PURE__ */ x("div", {
-		className: I.state,
-		children: /* @__PURE__ */ x(y, {
-			color: "text-neutral",
-			variant: "body",
-			children: e
-		})
-	});
-}
-//#endregion
-//#region src/views/instances/detail/sections/shared.ts
-function je(e) {
-	let t = V(e, "from"), n = V(e, "to"), r = V(e, "reason");
-	return !t || !n || !r ? null : {
-		from: t,
-		reason: r,
-		ruleId: V(e, "ruleId"),
-		to: n
-	};
-}
-function Me(e) {
-	try {
-		let t = JSON.parse(e);
-		return Array.isArray(t) ? t.map((e) => Fe(e) ? je(e) : null).filter((e) => e !== null) : [];
-	} catch {
-		return [];
-	}
-}
-function V(e, t) {
-	let n = e[t];
-	return typeof n == "string" ? n : null;
-}
-function Ne(e, t) {
-	let n = e[t];
-	return Array.isArray(n) ? n.filter((e) => typeof e == "string") : [];
-}
-function Pe(e, t) {
-	let n = e[t];
-	return typeof n == "number" ? n : null;
-}
-function H(e) {
-	return typeof e == "string" && e.trim().length > 0;
-}
-function Fe(e) {
-	return typeof e == "object" && !!e;
-}
-function U(e) {
-	return e.status === "PENDING" || e.status === "IN_PROGRESS";
-}
-function W(e) {
-	return e instanceof Error ? e.message : "發生未知錯誤";
-}
-function Ie(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) {
-	return e.length > 16 ? `${e.slice(0, 12)}...` : e;
-}
-function Le(e) {
-	return e === "APPROVED" ? "已同意" : e === "CANCELLED" ? "已取消" : e === "DRAFT" ? "草稿" : e === "EXPIRED" ? "已逾期" : e === "REJECTED" ? "已拒絕" : e === "RETURNED" ? "已退回" : e === "RUNNING" ? "進行中" : e;
-}
-function Re(e) {
-	return e === "PENDING" ? "待處理" : e === "IN_PROGRESS" ? "處理中" : e === "COMPLETED" ? "已完成" : e === "CANCELLED" ? "已取消" : e === "TRANSFERRED" ? "已轉派" : e;
-}
-function ze(e) {
-	return e === "APPROVED" ? "同意" : e === "REJECTED" ? "拒絕" : e === "RETURNED" ? "退回" : e === "TRANSFERRED" ? "轉派" : e;
-}
-function K(e) {
-	return e === "startEvent" ? "開始" : e === "endEvent" ? "完成" : e === "userTask" ? "簽核節點" : e === "serviceTask" ? "知會節點" : e === "exclusiveGateway" ? "條件分流" : "平行處理";
-}
-function q(e, t) {
-	return t?.nodes.find((t) => t.id === e)?.data.label ?? e;
-}
-function J(e, t) {
-	if (!e) return "-";
-	let n = t.get(e);
-	return n ? `${n.name}（${n.email}）` : e;
-}
-function Be(e, t = /* @__PURE__ */ new Map()) {
-	let n = Me(e.delegationChainJson);
-	if (!e.assigneeMemberId) return e.candidateMemberIds.length ? `候選 ${e.candidateMemberIds.map((e) => J(e, t)).join("、")}` : "未指定";
-	let r = J(e.assigneeMemberId, t), i = J(e.originalAssigneeMemberId, t);
-	return n.length === 0 || e.originalAssigneeMemberId === e.assigneeMemberId ? r : `${r}（原：${i}）`;
-}
-function Ve(e, t) {
-	return t ? e.assigneeMemberId === t || e.candidateMemberIds.includes(t) : !1;
-}
-function He(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}（${K(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}（${K(r.type)}）`
-	}] : [];
-}
-function Ue(e) {
-	return {
-		email: e.email,
-		id: e.memberId,
-		name: `${e.name} · ${e.email}`
-	};
-}
-function We(e) {
-	if (!Fe(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,
-		id: n,
-		name: r
-	} : null;
-}
-function Ge(e, t) {
-	let n = e.trim().toLocaleLowerCase();
-	if (!n) return null;
-	let r = t.filter((e) => [
-		e.id,
-		e.name,
-		e.email ?? ""
-	].some((e) => e.toLocaleLowerCase().includes(n)));
-	return r.length === 1 ? r[0] ?? null : null;
-}
-function Y(e) {
-	return H(e) ? {
-		text: e,
-		type: "text"
-	} : null;
-}
-function X(e) {
-	return H(e) ? {
-		text: e,
-		type: "dangerText"
-	} : null;
-}
-function Ke(e, t, n, r) {
-	let i = t ? n.get(t) : null;
-	return {
-		email: i?.email ?? null,
-		label: i?.name ?? r,
-		memberId: t,
-		prefix: e,
-		type: "member"
-	};
-}
-function Z(e) {
-	return !!e;
-}
-function qe(e) {
-	let t = e.findIndex((e) => e.id.startsWith("pending-task-") || e.id.startsWith("future-node-"));
-	return t === -1 ? e.length : t;
-}
-function Q(e) {
-	return e.eventType === "INSTANCE_STARTED" || e.eventType === "TASK_DECIDED" || e.eventType === "SLA_TRIGGERED";
-}
-function Je(e) {
-	return e === "APPROVED" ? "已同意" : e === "REJECTED" ? "已拒絕" : e === "RETURNED" ? "已退回" : e === "TRANSFERRED" ? "已轉派" : "簽核已決議";
-}
-function Ye(e, t) {
-	return e === "INSTANCE_STARTED" ? "案件已發起" : e === "TOKEN_CREATED" ? "流程路徑已建立" : e === "ENGINE_PROCESS_REQUESTED" ? "流程引擎已處理" : e === "TOKEN_ADVANCED" ? "流程已前進" : e === "TASK_CREATED" ? "待簽任務已建立" : e === "TASK_DECIDED" ? Je(V(t, "action")) : e === "SLA_TRIGGERED" ? "時限提醒已觸發" : e;
-}
-function Xe(e) {
-	try {
-		let t = JSON.parse(e.payloadJson);
-		return Fe(t) ? t : {};
-	} catch {
-		return {};
-	}
-}
-function Ze(e, t) {
-	return e.eventType === "SLA_TRIGGERED" || V(t, "action") === "REJECTED" || V(t, "instanceState") === "REJECTED";
-}
-function Qe(e) {
-	return t(e);
-}
-function $e(e, t, n, r) {
-	if (e.eventType === "TASK_CREATED") {
-		let e = V(t, "assigneeMemberId"), n = V(t, "originalAssigneeMemberId");
-		if (!e) {
-			let e = Ne(t, "candidateMemberIds");
-			return e.length ? `候選簽核人：${e.map((e) => J(e, r)).join("、")}` : null;
-		}
-		let i = J(e, r), a = J(n, r);
-		return n && n !== e ? `待簽人：${i}（原簽核人：${a}）` : `待簽人：${i}`;
-	}
-	if (e.eventType === "TASK_DECIDED") {
-		let e = V(t, "action"), n = V(t, "comment"), i = e ? `決議：${ze(e)}` : null, a = V(t, "transferToMemberId");
-		return e === "REJECTED" && n ? [i, `拒絕原因：${n}`].filter(H).join(" · ") : e === "TRANSFERRED" ? [i, `轉派給：${J(a, r)}`].filter(H).join(" · ") : i;
-	}
-	if (e.eventType === "TOKEN_ADVANCED") {
-		let e = V(t, "action");
-		if (e) return `流程結果：${ze(e)}`;
-		let r = Pe(t, "arrivedCount"), i = Pe(t, "requiredCount");
-		if (r !== null && i !== null) return `等待匯合：${r}/${i}`;
-		let a = V(t, "fromNodeId"), o = V(t, "toNodeId");
-		if (a && o) return `由 ${q(a, n)} 前進至 ${q(o, n)}`;
-	}
-	if (e.eventType === "ENGINE_PROCESS_REQUESTED") {
-		let e = V(t, "state");
-		return e ? `案件狀態：${Le(e)}` : null;
-	}
-	return null;
-}
-function $(e, t, n, r, i, a, o) {
-	if (e.eventType !== "TASK_DECIDED") return [Y($e(e, t, n, o))].filter(Z);
-	let s = e.taskId ? r.get(e.taskId) : null, c = V(t, "action") ?? s?.action ?? null, l = V(t, "comment") ?? s?.comment ?? null, u = V(t, "transferToMemberId") ?? s?.transferToMemberId ?? null, d = V(t, "signatureId") ?? s?.signatureId ?? null, f = d ? i.get(d) : null;
-	return [
-		Y(c ? `決議：${ze(c)}` : null),
-		c === "REJECTED" ? X(`拒絕原因：${l ?? "-"}`) : null,
-		c === "RETURNED" ? Y(`退回說明：${l ?? "-"}`) : null,
-		c === "TRANSFERRED" ? Y(`轉派給：${J(u, o)}`) : null,
-		c === "TRANSFERRED" ? Y(`轉派說明：${l ?? "-"}`) : null,
-		f ? Y(a?.valid ? `簽章：已驗證（${G(f.signedPayloadHash)}）` : `簽章：待檢查（${G(f.signedPayloadHash)}）`) : null
-	].filter(Z);
-}
-function et(e, t, n, r, i) {
-	if (e.type === "startEvent" || i.has(e.id)) return !1;
-	if (r === "REJECTED") return !0;
-	let a = lt(e, t, n, r);
-	return a.tone === "neutral" || a.tone === "waiting";
-}
-function tt(e, t, n, r, i) {
-	if (r !== "RUNNING" && r !== "REJECTED") return [];
-	let a = e.nodes.filter((e) => et(e, t, n, r, i)), o = nt(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 nt(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 rt(e, n, r, i).reduce((e, t) => ot(e, it(t, o, a)), /* @__PURE__ */ new Map());
-}
-function rt(e, t, n, r) {
-	let i = n.filter((e) => e.status === "ACTIVE" || e.status === "WAITING").map((e) => e.currentNodeId), a = t.filter(U).map((e) => e.nodeId), o = e.nodes.filter((e) => r.has(e.id)).map((e) => e.id), s = [...new Set([
-		...i,
-		...a,
-		...o
-	])], c = e.nodes.filter((e) => e.type === "startEvent").map((e) => e.id);
-	return s.length > 0 ? s : c;
-}
-function it(e, t, n) {
-	return at([{
-		distance: 0,
-		nodeId: e
-	}], t, n);
-}
-function at(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 at(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 at([...o, ...(t.get(a.nodeId) ?? []).map((e) => ({
-		distance: a.distance + 1,
-		nodeId: e
-	}))], t, n, s, c);
-}
-function ot(e, t) {
-	return [...t.entries()].reduce((e, [t, n]) => new Map(e).set(t, Math.min(e.get(t) ?? n, n)), e);
-}
-function st(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 ct(e, t, n, r, i, a, o, s, c) {
-	let l = e.filter(Q).map((e) => {
-		let t = Xe(e), n = e.nodeId ? q(e.nodeId, r) : null;
-		return {
-			descriptionParts: [
-				Y(n ? `節點：${n}` : "節點：全流程"),
-				Ke("操作者", e.actorMemberId, a, "系統"),
-				Y(`時間：${Qe(e.createdAt)}`),
-				...$(e, t, r, o, s, c, a)
-			].filter(Z),
-			error: Ze(e, t),
-			id: e.id,
-			title: Ye(e.eventType, t)
-		};
-	}), u = t.filter(U).map((e) => ({
-		descriptionParts: [
-			Y(`節點：${q(e.nodeId, r)}`),
-			Ke("處理者", e.assigneeMemberId, a, "未指定"),
-			Y(`建立時間：${Qe(e.createdAt)}`)
-		].filter(Z),
-		error: !1,
-		id: `pending-task-${e.id}`,
-		title: e.status === "IN_PROGRESS" ? "簽核處理中" : "等待簽核處理"
-	})), d = new Set([...e.filter(Q).map((e) => e.nodeId), ...t.map((e) => e.nodeId)].filter(H)), f = r ? tt(r, t, n, i, d).map((e) => ({
-		descriptionParts: [Y(`${K(e.type)} · 尚未抵達`)].filter(Z),
-		error: !1,
-		forcePending: !0,
-		id: `future-node-${e.id}`,
-		title: st(e)
-	})) : [];
-	return [
-		...l,
-		...u,
-		...f
-	];
-}
-function lt(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: `處理者 ${Be(a)}`,
-		statusLabel: "待處理",
-		tone: "current"
-	} : o ? {
-		secondaryLabel: `已取消 ${Be(o)}`,
-		statusLabel: "已取消",
-		tone: "cancelled"
-	} : s ? {
-		secondaryLabel: `已完成 ${Be(s)}`,
-		statusLabel: "已完成",
-		tone: "completed"
-	} : l ? {
-		secondaryLabel: `token ${l.id}`,
-		statusLabel: "執行中",
-		tone: "current"
-	} : u ? {
-		secondaryLabel: `token ${u.id}`,
-		statusLabel: "等待前置",
-		tone: "waiting"
-	} : e.type === "startEvent" ? {
-		secondaryLabel: "流程已發起",
-		statusLabel: "已發起",
-		tone: "completed"
-	} : e.type === "endEvent" && r !== "RUNNING" ? {
-		secondaryLabel: r,
-		statusLabel: r === "REJECTED" ? "已拒絕" : "已完成",
-		tone: r === "REJECTED" ? "cancelled" : "completed"
-	} : {
-		secondaryLabel: K(e.type),
-		statusLabel: "未抵達",
-		tone: "neutral"
-	};
-}
-//#endregion
-//#region src/views/instances/detail/sections/container-helpers.ts
-async function ut({ activityLogs: e, tasks: t }) {
-	let n = [...new Set([
-		...e.map((e) => e.actorMemberId),
-		...t.map((e) => e.assigneeMemberId),
-		...t.map((e) => e.originalAssigneeMemberId),
-		...t.flatMap((e) => e.candidateMemberIds),
-		...t.flatMap((e) => Me(e.delegationChainJson).flatMap((e) => [e.from, e.to]))
-	].filter(H))];
-	try {
-		return await le(n);
-	} catch {
-		return [];
-	}
-}
-async function dt(e) {
-	return (await Promise.all(e.map((e) => T(e.id)))).flat();
-}
-function ft(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);
-	}, /* @__PURE__ */ new Map());
-}
-//#endregion
-//#region src/views/instances/detail/sections/InstanceFormSection.tsx
-var pt = {
-	display: "grid",
-	gap: 16
-}, mt = {
-	display: "flex",
-	flexWrap: "wrap",
-	gap: 8
-};
-function ht({ canResubmitInstance: e, deciding: t, error: n, instance: i, loading: a, onResubmitFormChange: o, onResubmitInstance: s, onUploadAttachment: c, resubmitFormData: l, resubmitFormErrors: u }) {
-	return /* @__PURE__ */ S("div", {
-		style: pt,
-		children: [
-			n ? /* @__PURE__ */ x(y, {
-				color: "text-error",
-				variant: "body",
-				children: n
-			}) : null,
-			a ? /* @__PURE__ */ x(y, {
-				color: "text-neutral",
-				variant: "body",
-				children: "載入中..."
-			}) : null,
-			i?.formDefinitionSnapshot.schema && i.formDefinitionSnapshot.uiSchema ? /* @__PURE__ */ S(b, { children: [/* @__PURE__ */ x(r, {
-				errors: u,
-				onChange: (e) => {
-					o(e);
-				},
-				onUploadAttachment: e ? c : void 0,
-				readonly: !e,
-				schema: i.formDefinitionSnapshot.schema,
-				uiSchema: i.formDefinitionSnapshot.uiSchema,
-				value: e ? l : i.formData
-			}), e ? /* @__PURE__ */ x("div", {
-				style: mt,
-				children: /* @__PURE__ */ x(p, {
-					disabled: t,
-					icon: ve,
-					iconType: "leading",
-					onClick: s,
-					variant: "base-primary",
-					children: "重新送出"
-				})
-			}) : null] }) : /* @__PURE__ */ x(y, {
-				color: "text-neutral",
-				variant: "body",
-				children: "此案件沒有可顯示的表單快照。"
-			})
-		]
-	});
-}
-//#endregion
-//#region src/views/instances/detail/sections/InstanceAttachmentsSection.tsx
-var gt = {
-	display: "grid",
-	gap: 16
-};
-function _t({ attachments: e, onDownload: n, onPreview: r }) {
-	let i = l(() => e.map((e) => ({
-		attachment: e,
-		createdAt: e.createdAt,
-		filename: e.filename,
-		id: e.id,
-		key: e.id,
-		mimeType: e.mimeType,
-		sizeLabel: Ie(Number(e.sizeBytes))
-	})), [e]), a = l(() => [
-		{
-			dataIndex: "filename",
-			key: "filename",
-			title: "檔名",
-			width: 260
-		},
-		{
-			dataIndex: "mimeType",
-			key: "mimeType",
-			title: "類型",
-			width: 180
-		},
-		{
-			dataIndex: "sizeLabel",
-			key: "sizeLabel",
-			title: "大小",
-			width: 120
-		},
-		{
-			key: "createdAt",
-			render: (e) => /* @__PURE__ */ x(y, {
-				component: "span",
-				variant: "body",
-				children: t(e.createdAt)
-			}),
-			title: "上傳時間",
-			width: 220
-		}
-	], []), o = l(() => ({
-		render: (e) => [...e.mimeType === "application/pdf" ? [{
-			icon: _e,
-			iconType: "leading",
-			name: "預覽",
-			onClick: () => {
-				r(e.attachment);
-			}
-		}] : [], {
-			icon: D,
-			iconType: "leading",
-			name: "下載",
-			onClick: () => {
-				n(e.attachment);
-			}
-		}],
-		variant: "base-secondary",
-		width: 160
-	}), [n, r]);
-	return /* @__PURE__ */ S("div", {
-		style: gt,
-		children: [/* @__PURE__ */ x(y, {
-			component: "h2",
-			variant: "h3",
-			children: "附件"
-		}), i.length > 0 ? /* @__PURE__ */ x(ne, {
-			actions: o,
-			columns: a,
-			dataSource: i,
-			fullWidth: !0
-		}) : /* @__PURE__ */ x(y, {
-			color: "text-neutral",
-			variant: "body",
-			children: "此案件沒有附件。"
-		})]
-	});
-}
-//#endregion
-//#region src/views/instances/detail/sections/InstanceTasksSection.tsx
-var vt = {
-	display: "grid",
-	gap: 12,
-	width: "100%"
-}, yt = {
-	minWidth: "100%",
-	width: "100%"
-}, bt = {
-	display: "grid",
-	gap: 12,
-	width: "100%"
-};
-function xt(e) {
-	e && (e.style.width = "100%");
-}
-var St = a(function({ currentMemberId: e, instance: r, memberProfilesById: i, onChanged: a, tasks: o }, s) {
-	let [u, p] = d(!1), [h, g] = d(null), [ee, _] = d(""), [v, C] = d(null), [ie, T] = d(!1), [ae, oe] = d(""), [se, ce] = d(!1), [le, ue] = d(null), [fe, pe] = d(""), [me, E] = d(null), [he, ge] = d(!1), [D, _e] = d([]), [ve, ye] = d(!1), be = ee.trim(), xe = ae.trim(), Se = fe.trim(), O = l(() => o.find((t) => Ve(t, e) && (t.status === "PENDING" || t.status === "IN_PROGRESS")) ?? null, [e, o]), k = l(() => O && r ? r.workflowSnapshot.nodes.find((e) => e.id === O.nodeId) ?? null : null, [O, r]), A = l(() => k && r ? He(r.workflowSnapshot, k) : [], [k, r]), Ce = k?.type === "userTask" && k.data.returnBehavior.allowReturn, j = A.find((e) => e.id === le) ?? A[0] ?? null, M = l(() => o.map((e) => ({
-		...e,
-		assigneeLabel: Be(e, i),
-		key: e.id,
-		nodeLabel: q(e.nodeId, r?.workflowSnapshot ?? null),
-		statusLabel: Re(e.status)
-	})), [
-		r,
-		i,
-		o
-	]), we = l(() => [
-		{
-			dataIndex: "nodeLabel",
-			key: "nodeLabel",
-			title: "節點",
-			width: 180
-		},
-		{
-			key: "assigneeMemberId",
-			title: "處理者",
-			render: (e) => /* @__PURE__ */ x(y, {
-				component: "span",
-				variant: "body",
-				children: e.assigneeLabel
-			}),
-			width: 180
-		},
-		{
-			dataIndex: "statusLabel",
-			key: "statusLabel",
-			title: "狀態",
-			width: 120
-		},
-		{
-			key: "createdAt",
-			render: (e) => /* @__PURE__ */ x(y, {
-				component: "span",
-				variant: "body",
-				children: t(e.createdAt)
-			}),
-			title: "建立時間",
-			width: 220
-		}
-	], []);
-	async function N({ action: t, comment: n, returnToNodeId: r = null, transferToMemberId: i = null }) {
-		if (!(!e || !O)) {
-			p(!0), g(null);
-			try {
-				await w({
-					action: t,
-					comment: n,
-					decidedByMemberId: e,
-					returnToNodeId: r,
-					taskId: O.id,
-					transferToMemberId: i
-				}), T(!1), ce(!1), ye(!1), _(""), oe(""), pe(""), E(null), ue(null), C(null), await a();
-			} catch (e) {
-				g(W(e));
-			} finally {
-				p(!1);
-			}
-		}
-	}
-	function Te() {
-		_(""), C(null), T(!0);
-	}
-	function P() {
-		u || (T(!1), _(""), C(null));
-	}
-	function F() {
-		oe(""), ue(A[0]?.id ?? null), ce(!0);
-	}
-	function I() {
-		u || (ce(!1), oe(""), ue(null));
-	}
-	function L() {
-		pe(""), E(null), ye(!0), R("");
-	}
-	function Ee() {
-		u || (ye(!1), pe(""), E(null));
-	}
-	async function R(t) {
-		ge(!0);
-		try {
-			_e((await de(t)).filter((t) => t.memberId !== e).map(Ue));
-		} catch (e) {
-			g(W(e));
-		} finally {
-			ge(!1);
-		}
-	}
-	async function De() {
-		if (!be) {
-			C("請輸入拒絕原因");
-			return;
-		}
-		await N({
-			action: "REJECTED",
-			comment: be
-		});
-	}
-	async function z() {
-		if (!me) {
-			g("請選擇轉派對象");
-			return;
-		}
-		await N({
-			action: "TRANSFERRED",
-			comment: Se || null,
-			transferToMemberId: me.id
-		});
-	}
-	async function Oe() {
-		await N({
-			action: "RETURNED",
-			comment: xe || null,
-			returnToNodeId: j?.id ?? null
-		});
-	}
-	return c(s, () => ({
-		canReturnCurrentTask: Ce,
-		deciding: u,
-		handleApprove: () => {
-			N({
-				action: "APPROVED",
-				comment: null
-			});
-		},
-		hasCurrentTask: O !== null,
-		openRejectModal: Te,
-		openReturnModal: F,
-		openTransferModal: L
-	}), [
-		Ce,
-		O,
-		u
-	]), /* @__PURE__ */ S(b, { children: [
-		/* @__PURE__ */ x(y, {
-			component: "h2",
-			variant: "h3",
-			children: "任務"
-		}),
-		h ? /* @__PURE__ */ x(y, {
-			color: "text-error",
-			variant: "body",
-			children: h
-		}) : null,
-		/* @__PURE__ */ x(ne, {
-			columns: we,
-			dataSource: M,
-			fullWidth: !0
-		}),
-		/* @__PURE__ */ x(m, {
-			cancelText: "取消",
-			confirmButtonProps: {
-				disabled: !be,
-				variant: "destructive-primary"
-			},
-			confirmText: "送出拒絕",
-			loading: u,
-			modalStatusType: "error",
-			modalType: "standard",
-			onCancel: P,
-			onClose: P,
-			onConfirm: () => void De(),
-			open: ie,
-			showModalFooter: !0,
-			showModalHeader: !0,
-			size: "regular",
-			supportingText: "拒絕案件時必須留下原因，供發起人與後續追蹤查看。",
-			title: "拒絕原因",
-			children: /* @__PURE__ */ S("div", {
-				style: vt,
-				children: [/* @__PURE__ */ x(n, {
-					label: "拒絕原因",
-					name: "rejectReason",
-					required: !0,
-					children: /* @__PURE__ */ x(re, {
-						autoFocus: !0,
-						onChange: (e) => {
-							_(e.target.value), C(null);
-						},
-						placeholder: "請說明拒絕原因",
-						ref: xt,
-						resize: "vertical",
-						rows: 4,
-						style: yt,
-						type: v ? "error" : "default",
-						value: ee
-					})
-				}), v ? /* @__PURE__ */ x(y, {
-					color: "text-error",
-					variant: "body",
-					children: v
-				}) : null]
-			})
-		}),
-		/* @__PURE__ */ x(m, {
-			cancelText: "取消",
-			confirmButtonProps: { disabled: !me },
-			confirmText: "送出轉派",
-			loading: u,
-			modalType: "standard",
-			onCancel: Ee,
-			onClose: Ee,
-			onConfirm: () => void z(),
-			open: ve,
-			showModalFooter: !0,
-			showModalHeader: !0,
-			size: "regular",
-			supportingText: "轉派後，原任務會保留轉派紀錄，新的待簽任務會指派給指定成員。",
-			title: "轉派簽核",
-			children: /* @__PURE__ */ S("div", {
-				style: bt,
-				children: [/* @__PURE__ */ x(n, {
-					label: "轉派對象",
-					name: "transferToMemberId",
-					required: !0,
-					children: /* @__PURE__ */ x(f, {
-						asyncData: !0,
-						disabledOptionsFilter: !0,
-						emptyText: "沒有符合的成員",
-						inputProps: {
-							autoCapitalize: "none",
-							autoCorrect: "off",
-							name: "transfer-member-search",
-							spellCheck: !1
-						},
-						loading: he,
-						loadingText: "搜尋成員中...",
-						mode: "single",
-						onChange: (e) => E(We(e)),
-						onSearch: R,
-						onSearchTextChange: (e) => E(Ge(e, D)),
-						onVisibilityChange: (e) => {
-							e && R("");
-						},
-						options: [...D],
-						placeholder: "搜尋姓名或信箱",
-						searchDebounceTime: 300,
-						value: me
-					})
-				}), /* @__PURE__ */ x(n, {
-					label: "轉派說明",
-					name: "transferComment",
-					children: /* @__PURE__ */ x(re, {
-						onChange: (e) => pe(e.target.value),
-						placeholder: "可補充轉派原因",
-						ref: xt,
-						resize: "vertical",
-						rows: 4,
-						style: yt,
-						value: fe
-					})
-				})]
-			})
-		}),
-		/* @__PURE__ */ x(m, {
-			cancelText: "取消",
-			confirmButtonProps: { disabled: !j },
-			confirmText: "送出退回",
-			loading: u,
-			modalType: "standard",
-			onCancel: I,
-			onClose: I,
-			onConfirm: () => void Oe(),
-			open: se,
-			showModalFooter: !0,
-			showModalHeader: !0,
-			size: "regular",
-			supportingText: "退回後，流程會回到指定節點並等待重新處理。",
-			title: "退回簽核",
-			children: /* @__PURE__ */ S("div", {
-				style: bt,
-				children: [/* @__PURE__ */ x(n, {
-					label: "退回節點",
-					name: "returnTargetNodeId",
-					required: !0,
-					children: /* @__PURE__ */ x(te, {
-						clearable: !1,
-						fullWidth: !0,
-						onChange: (e) => ue(e?.id ?? null),
-						options: [...A],
-						placeholder: "選擇退回節點",
-						value: j
-					})
-				}), /* @__PURE__ */ x(n, {
-					label: "退回說明",
-					name: "returnComment",
-					children: /* @__PURE__ */ x(re, {
-						onChange: (e) => oe(e.target.value),
-						placeholder: "可補充需要修改的內容",
-						ref: xt,
-						resize: "vertical",
-						rows: 4,
-						style: yt,
-						value: ae
-					})
-				})]
-			})
-		})
-	] });
-}), Ct = {
-	display: "grid",
-	gap: 16
-};
-function wt({ signatureVerification: e, signatures: n }) {
-	let r = l(() => n.map((e) => ({
-		algorithm: e.algorithm,
-		hashLabel: G(e.signedPayloadHash),
-		key: e.id,
-		keyVersion: e.keyVersion,
-		signedAtLabel: t(e.signedAt),
-		signerMemberId: e.signerMemberId
-	})), [n]), i = l(() => [
-		{
-			dataIndex: "signerMemberId",
-			key: "signerMemberId",
-			title: "簽章者",
-			width: 160
-		},
-		{
-			dataIndex: "algorithm",
-			key: "algorithm",
-			title: "演算法",
-			width: 150
-		},
-		{
-			dataIndex: "keyVersion",
-			key: "keyVersion",
-			title: "Key 版本",
-			width: 100
-		},
-		{
-			dataIndex: "hashLabel",
-			key: "hashLabel",
-			title: "Payload Hash",
-			width: 180
-		},
-		{
-			dataIndex: "signedAtLabel",
-			key: "signedAtLabel",
-			title: "簽章時間",
-			width: 220
-		}
-	], []);
-	return /* @__PURE__ */ S("div", {
-		style: Ct,
-		children: [
-			/* @__PURE__ */ x(y, {
-				component: "h2",
-				variant: "h3",
-				children: "簽章"
-			}),
-			/* @__PURE__ */ x(y, {
-				color: e?.valid ? "text-success" : "text-error",
-				variant: "body",
-				children: e ? e.valid ? `簽章鏈已驗證，共 ${e.checkedCount} 筆。` : `簽章鏈驗證失敗：${e.errors.join("、")}` : "尚無簽章紀錄。"
-			}),
-			r.length > 0 ? /* @__PURE__ */ x(ne, {
-				columns: i,
-				dataSource: r,
-				fullWidth: !0
-			}) : null
-		]
-	});
-}
-//#endregion
-//#region src/views/instances/detail/sections/InstanceHistorySection.tsx
-var Tt = {
-	display: "grid",
-	gap: 16
-}, Et = {
-	cursor: "help",
-	textDecoration: "underline dotted",
-	textUnderlineOffset: 3
-}, Dt = { color: "var(--mzn-color-text-error)" };
-function Ot(...e) {
-	return e.filter((e) => H(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__ */ S("div", {
-		...u,
-		className: Ot(F.host, l === "dot" ? F.dot : null, n && f !== "processing" ? F.error : null, o === "horizontal" ? F.horizontal : null, l === "number" ? F.number : null, f === "pending" ? F.pending : null, f === "processing" ? F.processing : null, n && f === "processing" ? F.processingError : null, !n && f === "succeeded" ? F.succeeded : null, o === "vertical" ? F.vertical : null, e),
-		ref: d,
-		children: [l === "dot" ? /* @__PURE__ */ x("span", { className: Ot(F.statusIndicator, F.statusIndicatorDot) }) : /* @__PURE__ */ x("span", {
-			className: F.statusIndicator,
-			children: a + 1
-		}), /* @__PURE__ */ S("div", {
-			className: F.textContainer,
-			children: [/* @__PURE__ */ S(y, {
-				className: F.title,
-				variant: "label-primary-highlight",
-				children: [c, /* @__PURE__ */ x("span", { className: F.titleConnectLine })]
-			}), t.length > 0 ? /* @__PURE__ */ x(y, {
-				className: F.description,
-				variant: "caption",
-				children: t.map((e, t) => /* @__PURE__ */ S(i, { children: [t > 0 ? " · " : null, At(e)] }, `${e.type}-${t}`))
-			}) : null]
-		})]
-	});
-});
-function At(e) {
-	return e.type === "text" ? e.text : e.type === "dangerText" ? /* @__PURE__ */ x("span", {
-		style: Dt,
-		children: e.text
-	}) : e.email ? /* @__PURE__ */ S(b, { children: [
-		e.prefix,
-		"：",
-		/* @__PURE__ */ x(v, {
-			title: e.email,
-			children: ({ onMouseEnter: t, onMouseLeave: n, ref: r }) => /* @__PURE__ */ x("span", {
-				"data-testid": e.memberId ? `member-tooltip-${e.memberId}` : void 0,
-				onMouseEnter: t,
-				onMouseLeave: n,
-				ref: r,
-				style: Et,
-				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 = ct(e, o, c, s, t, n, a, i, r), u = qe(l), d = l.map((e) => ({
-		...e,
-		descriptionParts: e.descriptionParts.filter(Z)
-	}));
-	return /* @__PURE__ */ S("div", {
-		style: Tt,
-		children: [/* @__PURE__ */ x(y, {
-			component: "h2",
-			variant: "h3",
-			children: "歷程"
-		}), d.length > 0 ? /* @__PURE__ */ x(_, {
-			currentStep: u,
-			orientation: "vertical",
-			type: "dot",
-			children: d.map((e) => /* @__PURE__ */ x(kt, {
-				descriptionParts: e.descriptionParts,
-				error: e.error,
-				forcePending: e.forcePending,
-				title: e.title
-			}, e.id))
-		}) : /* @__PURE__ */ x(y, {
-			color: "text-neutral",
-			variant: "body",
-			children: "尚無歷程紀錄。"
-		})]
-	});
-}
-//#endregion
-//#region src/views/instances/detail/InstanceDetailView.tsx
-var Mt = 184, Nt = 96, Pt = {
-	display: "grid",
-	gap: 16
-}, Ft = {
-	background: "#f8fafc",
-	border: "1px solid #e2e8f0",
-	borderRadius: 8,
-	height: "min(64vh, 620px)",
-	minHeight: 440,
-	overflow: "hidden",
-	width: "min(80vw, 1040px)"
-}, It = {
-	background: "#ffffff",
-	border: "1px solid #cbd5e1",
-	borderRadius: 8,
-	boxShadow: "0 8px 18px rgba(15, 23, 42, 0.08)",
-	display: "grid",
-	gap: 6,
-	minHeight: 82,
-	padding: 12,
-	width: 184
-}, Lt = {
-	borderRadius: 999,
-	fontSize: 12,
-	fontWeight: 600,
-	justifySelf: "start",
-	lineHeight: "18px",
-	padding: "0 8px"
-}, Rt = {
-	color: "#64748b",
-	fontSize: 12,
-	overflow: "hidden",
-	textOverflow: "ellipsis",
-	whiteSpace: "nowrap"
-}, zt = { opacity: 0 }, Bt = {
-	display: "flex",
-	flexWrap: "wrap",
-	gap: 8
-}, Vt = {
-	alignItems: "center",
-	background: "#ffffff",
-	border: "1px solid #cbd5e1",
-	borderRadius: 8,
-	color: "#334155",
-	display: "inline-flex",
-	fontSize: 12,
-	fontWeight: 600,
-	gap: 6,
-	lineHeight: "20px",
-	padding: "4px 8px"
-}, Ht = {
-	display: "grid",
-	gap: 16
-}, Ut = { workflowRuntime: $t };
-function Wt({ instanceId: r, showAttachments: i = !0, showForm: a = !0, showHistory: o = !0, showSignatures: c = !0, showTasks: f = !0 }) {
-	let { member: te } = e(), _ = te?.memberId ?? null, [ne, v] = d([]), [w, T] = d(null), [le, de] = d([]), [E, he] = d([]), [D, _e] = d([]), [xe, Se] = d(null), [j, M] = d([]), [N, Te] = d([]), [P, F] = d([]), [I, L] = d(null), [Ee, R] = d(!0), [De, z] = d(!1), [Oe, ke] = d(!1), [B, je] = d(""), [Me, V] = d(!1), [Ne, Pe] = d({}), [H, Fe] = d({}), [U, Ie] = d(null), [G, Re] = d(null), ze = B.trim(), K = u(null);
-	s(() => {
-		Q();
-	}, [_, r]), s(() => {
-		Fe(w?.formData ?? {});
-	}, [w]);
-	let q = l(() => j.find((e) => Ve(e, _) && (e.status === "PENDING" || e.status === "IN_PROGRESS")) ?? null, [_, j]), J = l(() => q && w ? w.workflowSnapshot.nodes.find((e) => e.id === q.nodeId) ?? null : null, [q, w]), Be = J?.type === "userTask" && J.data.returnBehavior.allowReturn, He = !!(w && w.initiatorMemberId === _ && (w.state === "RUNNING" || w.state === "RETURNED")), Ue = !!(w && w.initiatorMemberId === _ && w.state === "RETURNED"), We = l(() => new Map(P.map((e) => [e.memberId, e])), [P]), Ge = l(() => ft(le), [le]), Y = l(() => new Map(D.map((e) => [e.id, e])), [D]), X = l(() => w ? Yt(w.workflowSnapshot) : null, [w]), Ke = l(() => w && X ? Jt(X, j, N, w.state) : [], [
-		w,
-		X,
-		j,
-		N
-	]), Z = l(() => X ? Xt(X) : [], [X]), qe = l(() => w ? Kt(w.workflowSnapshot) : [], [w]);
-	async function Q() {
-		R(!0), L(null);
-		try {
-			let e = await ae(r);
-			v(e.activityLogs), T(e.instance), M(e.tasks), Te(e.workflowTokens);
-			let [t, n, i, a] = await Promise.all([
-				dt(e.tasks),
-				ut(e),
-				ie(e.instance.id),
-				ce(e.instance.id)
-			]);
-			de(t), F(n), he(i), _e(a.signatures), Se(a.verification);
-		} catch (e) {
-			L(W(e));
-		} finally {
-			R(!1);
-		}
-	}
-	async function Je(e, t) {
-		if (!_) throw Error("尚未登入，無法上傳附件");
-		return { id: (await fe({
-			file: t,
-			formFieldPath: `form.${e.fieldKey}`
-		})).id };
-	}
-	async function Ye(e) {
-		if (!_) return;
-		let t = await oe({ id: e.id });
-		window.open(t, "_blank", "noopener,noreferrer");
-	}
-	async function Xe(e) {
-		if (!_) return;
-		let t = await se({ id: e.id });
-		Ie(e), Re(t);
-	}
-	async function Ze() {
-		if (!(!_ || !w || !He)) {
-			if (z(!0), L(null), Pe({}), w.formDefinitionSnapshot.schema && w.formDefinitionSnapshot.uiSchema) {
-				let e = k({
-					schema: w.formDefinitionSnapshot.schema,
-					uiSchema: w.formDefinitionSnapshot.uiSchema,
-					values: H
-				});
-				if (!e.valid) {
-					Pe(e.errors), L("請先補齊必填欄位。"), e.firstInvalidFieldKey && O(e.firstInvalidFieldKey), z(!1);
-					return;
-				}
-			}
-			try {
-				await C({
-					cancelledByMemberId: _,
-					comment: ze || null,
-					instanceId: w.id
-				}), je(""), V(!1), await Q();
-			} catch (e) {
-				L(W(e));
-			} finally {
-				z(!1);
-			}
-		}
-	}
-	async function Qe() {
-		if (!(!_ || !w || !Ue)) {
-			z(!0), L(null);
-			try {
-				await ue({
-					formData: H,
-					initiatorMemberId: _,
-					instanceId: w.id,
-					title: w.title
-				}), await Q();
-			} catch (e) {
-				L(W(e));
-			} finally {
-				z(!1);
-			}
-		}
-	}
-	let $e = K.current?.deciding ?? !1, $ = De || $e;
-	return /* @__PURE__ */ S(b, { children: [
-		/* @__PURE__ */ x(h, { children: /* @__PURE__ */ S(pe, {
-			description: w ? `${Le(w.state)} · ${t(w.startedAt)}` : "載入案件內容。",
-			title: w?.title ?? "簽核案件",
-			children: [
-				w ? /* @__PURE__ */ x(p, {
-					"aria-label": "查看流程圖",
-					icon: ye,
-					iconType: "icon-only",
-					onClick: () => ke(!0),
-					title: "查看流程圖",
-					variant: "base-secondary",
-					children: "流程圖"
-				}) : null,
-				He ? /* @__PURE__ */ x(p, {
-					disabled: $,
-					icon: ge,
-					iconType: "leading",
-					onClick: () => V(!0),
-					variant: "destructive-secondary",
-					children: "取消案件"
-				}) : null,
-				q ? /* @__PURE__ */ S(b, { children: [
-					Be ? /* @__PURE__ */ x(p, {
-						disabled: $,
-						icon: ve,
-						iconType: "leading",
-						onClick: () => K.current?.openReturnModal(),
-						variant: "base-secondary",
-						children: "退回"
-					}) : null,
-					/* @__PURE__ */ x(p, {
-						disabled: $,
-						icon: be,
-						iconType: "leading",
-						onClick: () => K.current?.openTransferModal(),
-						variant: "base-secondary",
-						children: "轉派"
-					}),
-					/* @__PURE__ */ x(p, {
-						disabled: $,
-						icon: ge,
-						iconType: "leading",
-						onClick: () => K.current?.openRejectModal(),
-						variant: "destructive-secondary",
-						children: "拒絕"
-					}),
-					/* @__PURE__ */ x(p, {
-						disabled: $,
-						icon: me,
-						iconType: "leading",
-						onClick: () => K.current?.handleApprove(),
-						variant: "base-primary",
-						children: "同意"
-					})
-				] }) : null
-			]
-		}) }),
-		/* @__PURE__ */ S(ee, { children: [
-			a ? /* @__PURE__ */ x(g, { children: /* @__PURE__ */ x(ht, {
-				canResubmitInstance: Ue,
-				deciding: De,
-				error: I,
-				instance: w,
-				loading: Ee,
-				onResubmitFormChange: (e) => {
-					Fe(e), Pe({});
-				},
-				onResubmitInstance: () => void Qe(),
-				onUploadAttachment: Je,
-				resubmitFormData: H,
-				resubmitFormErrors: Ne
-			}) }) : null,
-			i ? /* @__PURE__ */ x(g, { children: /* @__PURE__ */ x(_t, {
-				attachments: E,
-				onDownload: (e) => {
-					Ye(e);
-				},
-				onPreview: (e) => {
-					Xe(e);
-				}
-			}) }) : null,
-			f ? /* @__PURE__ */ x(g, { children: /* @__PURE__ */ x(St, {
-				currentMemberId: _,
-				instance: w,
-				memberProfilesById: We,
-				onChanged: Q,
-				ref: K,
-				tasks: j
-			}) }) : null,
-			c ? /* @__PURE__ */ x(g, { children: /* @__PURE__ */ x(wt, {
-				signatureVerification: xe,
-				signatures: D
-			}) }) : null,
-			o ? /* @__PURE__ */ x(g, { children: /* @__PURE__ */ x(jt, {
-				activityLogs: ne,
-				instanceState: w?.state ?? "RUNNING",
-				memberProfilesById: We,
-				signatureVerification: xe,
-				signaturesById: Y,
-				taskDecisionsByTaskId: Ge,
-				tasks: j,
-				workflowSnapshot: w?.workflowSnapshot ?? null,
-				workflowTokens: N
-			}) }) : null
-		] }),
-		w ? /* @__PURE__ */ x(m, {
-			modalType: "standard",
-			onClose: () => ke(!1),
-			open: Oe,
-			showModalHeader: !0,
-			size: "wide",
-			supportingText: `${Le(w.state)} · ${t(w.startedAt)}`,
-			title: "流程圖",
-			children: /* @__PURE__ */ S("div", {
-				style: Pt,
-				children: [/* @__PURE__ */ x("div", {
-					style: Ft,
-					children: /* @__PURE__ */ S(we, {
-						edges: Z,
-						fitView: !0,
-						fitViewOptions: { padding: .18 },
-						maxZoom: 1.2,
-						minZoom: .2,
-						nodes: Ke,
-						nodesDraggable: !1,
-						nodesFocusable: !1,
-						nodeTypes: Ut,
-						panOnDrag: !0,
-						proOptions: { hideAttribution: !0 },
-						children: [/* @__PURE__ */ x(A, {}), /* @__PURE__ */ x(Ce, { showInteractive: !1 })]
-					})
-				}), qe.length > 0 ? /* @__PURE__ */ x("div", {
-					style: Bt,
-					children: qe.map((e) => /* @__PURE__ */ x("span", {
-						style: Vt,
-						children: e
-					}, e))
-				}) : null]
-			})
-		}) : null,
-		/* @__PURE__ */ x(m, {
-			modalType: "standard",
-			onClose: () => {
-				Ie(null), Re(null);
-			},
-			open: !!(U && G),
-			showModalHeader: !0,
-			size: "wide",
-			supportingText: U?.filename ?? void 0,
-			title: "PDF 預覽",
-			children: G ? /* @__PURE__ */ x(Ae, {
-				filename: U?.filename ?? "PDF 預覽",
-				fileUrl: G,
-				onDownload: U ? () => void Ye(U) : void 0
-			}) : null
-		}),
-		/* @__PURE__ */ x(m, {
-			cancelText: "保留案件",
-			confirmButtonProps: { variant: "destructive-primary" },
-			confirmText: "確認取消",
-			loading: De,
-			modalStatusType: "error",
-			modalType: "standard",
-			onCancel: () => V(!1),
-			onClose: () => V(!1),
-			onConfirm: () => void Ze(),
-			open: Me,
-			showModalFooter: !0,
-			showModalHeader: !0,
-			supportingText: "取消後會關閉目前待簽任務與候選簽核人。",
-			title: "取消案件",
-			children: /* @__PURE__ */ S("div", {
-				style: Ht,
-				children: [/* @__PURE__ */ S(y, {
-					variant: "body",
-					children: [
-						"確定要取消「",
-						w?.title ?? "",
-						"」嗎？"
-					]
-				}), /* @__PURE__ */ x(n, {
-					label: "取消原因",
-					name: "cancelComment",
-					children: /* @__PURE__ */ x(re, {
-						onChange: (e) => je(e.target.value),
-						placeholder: "可填寫取消原因",
-						resize: "vertical",
-						rows: 3,
-						value: B
-					})
-				})]
-			})
-		})
-	] });
-}
-function Gt(e) {
-	return e.data.label ? e.data.label : e.data.isDefault ? "其他情況" : e.data.condition ?? "";
-}
-function Kt(e) {
-	return e.edges.map(Gt).filter((e) => e.trim().length > 0);
-}
-function qt(e) {
-	return e === "startEvent" ? "開始" : e === "endEvent" ? "完成" : e === "userTask" ? "簽核節點" : e === "serviceTask" ? "知會節點" : e === "exclusiveGateway" ? "條件分流" : "平行處理";
-}
-function Jt(e, t, n, r) {
-	return e.nodes.map((e) => {
-		let i = lt(e, t, n, r);
-		return {
-			data: {
-				kindLabel: qt(e.type),
-				label: e.data.label,
-				secondaryLabel: i.secondaryLabel,
-				statusLabel: i.statusLabel,
-				tone: i.tone
-			},
-			id: e.id,
-			position: e.position,
-			sourcePosition: M.Right,
-			targetPosition: M.Left,
-			type: "workflowRuntime"
-		};
-	});
-}
-function Yt(e) {
-	let t = new N.graphlib.Graph();
-	return t.setDefaultEdgeLabel(() => ({})), t.setGraph({
-		nodesep: 56,
-		rankdir: "LR",
-		ranksep: 120
-	}), e.nodes.forEach((e) => {
-		t.setNode(e.id, {
-			height: Nt,
-			width: Mt
-		});
-	}), e.edges.forEach((e) => {
-		t.setEdge(e.source, e.target);
-	}), N.layout(t), {
-		...e,
-		nodes: e.nodes.map((e) => {
-			let n = t.node(e.id);
-			return n ? {
-				...e,
-				position: {
-					x: n.x - Mt / 2,
-					y: n.y - Nt / 2
-				}
-			} : e;
-		})
-	};
-}
-function Xt(e) {
-	return e.edges.map((e) => {
-		let t = Gt(e);
-		return {
-			animated: !1,
-			id: e.id,
-			label: t,
-			labelBgBorderRadius: 6,
-			labelBgPadding: [8, 4],
-			labelBgStyle: {
-				fill: e.data.isDefault ? "#f8fafc" : "#eff6ff",
-				stroke: e.data.isDefault ? "#64748b" : "#2563eb",
-				strokeWidth: 1
-			},
-			labelShowBg: !!t,
-			labelStyle: {
-				fill: e.data.isDefault ? "#475569" : "#2563eb",
-				fontSize: 12,
-				fontWeight: 600
-			},
-			source: e.source,
-			style: {
-				stroke: "#475569",
-				strokeWidth: 1.5
-			},
-			target: e.target,
-			type: e.type ?? "smoothstep"
-		};
-	});
-}
-function Zt(e) {
-	return e === "current" ? {
-		...It,
-		border: "1px solid var(--mzn-color-primary, #0057ff)",
-		boxShadow: "0 0 0 3px rgba(0, 87, 255, 0.14)"
-	} : e === "completed" ? {
-		...It,
-		border: "1px solid #16a34a"
-	} : e === "cancelled" ? {
-		...It,
-		border: "1px solid #dc2626",
-		opacity: .72
-	} : e === "waiting" ? {
-		...It,
-		border: "1px dashed #64748b"
-	} : It;
-}
-function Qt(e) {
-	let t = Lt;
-	return e === "current" ? {
-		...t,
-		background: "#eff6ff",
-		color: "#2563eb"
-	} : e === "completed" ? {
-		...t,
-		background: "#f0fdf4",
-		color: "#15803d"
-	} : e === "cancelled" ? {
-		...t,
-		background: "#fef2f2",
-		color: "#dc2626"
-	} : e === "waiting" ? {
-		...t,
-		background: "#f8fafc",
-		color: "#475569"
-	} : {
-		...t,
-		background: "#f1f5f9",
-		color: "#64748b"
-	};
-}
-function $t({ data: e }) {
-	return /* @__PURE__ */ S("div", {
-		style: Zt(e.tone),
-		children: [
-			/* @__PURE__ */ x(j, {
-				isConnectable: !1,
-				position: M.Left,
-				style: zt,
-				type: "target"
-			}),
-			/* @__PURE__ */ x(y, {
-				component: "span",
-				ellipsis: !0,
-				title: e.label,
-				variant: "label-primary",
-				children: e.label
-			}),
-			/* @__PURE__ */ x("span", {
-				style: Qt(e.tone),
-				children: e.statusLabel
-			}),
-			/* @__PURE__ */ x("span", {
-				title: e.secondaryLabel,
-				style: Rt,
-				children: e.secondaryLabel || e.kindLabel
-			}),
-			/* @__PURE__ */ x(j, {
-				isConnectable: !1,
-				position: M.Right,
-				style: zt,
-				type: "source"
-			})
-		]
-	});
-}
-//#endregion
-export { _t as a, St as i, jt as n, ht as o, wt as r, Wt as t };
-
-//# sourceMappingURL=detail-Bml-vXHX.js.map