@rytass/bpm-core-react 0.5.0 → 0.6.0

package/dist/chunks/detail-kyolfdBu.js

@@ -0,0 +1,1957 @@
+"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, Input as m, Modal as h, PageHeader as g, Section as _, SectionGroup as ee, Select as v, Stepper as y, Table as te, Textarea as ne, Tooltip as b, Typography as x } from "@mezzanine-ui/react";
+import { Fragment as 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";
+import '../detail.css';var M = {
+	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"
+}, N = 760, ze = 920, Be = 320, Ve = 32, P = .75, He = 1.75, Ue = .25;
+function F({ filename: e, fileUrl: t, onDownload: n }) {
+	let r = u(null), [i, a] = d(null), [c, f] = d(1), [m, h] = d(1), [g, _] = d(N);
+	s(() => {
+		let e = r.current;
+		if (!e || typeof ResizeObserver > "u") return;
+		let t = new ResizeObserver((e) => {
+			let t = e[0]?.contentRect.width;
+			t && _(t);
+		});
+		return t.observe(e), () => t.disconnect();
+	}, []), s(() => {
+		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);
+	}, [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)}%`;
+	return /* @__PURE__ */ w("section", {
+		"aria-label": `${e} PDF 預覽`,
+		className: M.root,
+		children: [/* @__PURE__ */ w("div", {
+			className: M.toolbar,
+			children: [
+				/* @__PURE__ */ w("div", {
+					className: M.pageControls,
+					"aria-label": "頁面切換",
+					children: [
+						/* @__PURE__ */ C(p, {
+							"aria-label": "上一頁",
+							disabled: !y,
+							icon: T,
+							onClick: () => {
+								f((e) => Math.max(1, e - 1));
+							},
+							size: "minor",
+							variant: "base-secondary"
+						}),
+						/* @__PURE__ */ C(x, {
+							className: M.counter,
+							component: "span",
+							variant: "body",
+							children: S
+						}),
+						/* @__PURE__ */ C(p, {
+							"aria-label": "下一頁",
+							disabled: !te,
+							icon: E,
+							onClick: () => {
+								f((e) => i === null ? e : Math.min(i, e + 1));
+							},
+							size: "minor",
+							variant: "base-secondary"
+						})
+					]
+				}),
+				/* @__PURE__ */ w("div", {
+					className: M.zoomControls,
+					"aria-label": "縮放",
+					children: [
+						/* @__PURE__ */ C(p, {
+							"aria-label": "縮小",
+							disabled: !ne,
+							icon: Ae,
+							onClick: () => {
+								h((e) => Math.max(P, e - Ue));
+							},
+							size: "minor",
+							variant: "base-secondary"
+						}),
+						/* @__PURE__ */ C(x, {
+							className: M.counter,
+							component: "span",
+							variant: "body",
+							children: re
+						}),
+						/* @__PURE__ */ C(p, {
+							"aria-label": "放大",
+							disabled: !b,
+							icon: O,
+							onClick: () => {
+								h((e) => Math.min(He, e + Ue));
+							},
+							size: "minor",
+							variant: "base-secondary"
+						})
+					]
+				}),
+				n ? /* @__PURE__ */ C(p, {
+					icon: D,
+					iconType: "leading",
+					onClick: n,
+					size: "minor",
+					variant: "base-primary",
+					children: "下載"
+				}) : null
+			]
+		}), /* @__PURE__ */ C("div", {
+			className: M.viewport,
+			ref: r,
+			children: /* @__PURE__ */ C(Le, {
+				error: /* @__PURE__ */ C(I, { message: "PDF 無法載入。" }),
+				file: t,
+				loading: /* @__PURE__ */ C(I, { message: "正在載入 PDF..." }),
+				noData: /* @__PURE__ */ C(I, { message: "沒有可預覽的 PDF。" }),
+				onLoadSuccess: v,
+				children: /* @__PURE__ */ C(Re, {
+					className: M.page,
+					loading: /* @__PURE__ */ C(I, { message: "正在載入頁面..." }),
+					pageNumber: c,
+					renderAnnotationLayer: !0,
+					renderTextLayer: !0,
+					width: ee
+				})
+			})
+		})]
+	});
+}
+function I({ message: e }) {
+	return /* @__PURE__ */ C("div", {
+		className: M.state,
+		children: /* @__PURE__ */ C(x, {
+			color: "text-neutral",
+			variant: "body",
+			children: 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");
+	return !t || !n || !r ? null : {
+		from: t,
+		reason: r,
+		ruleId: z(e, "ruleId"),
+		to: n
+	};
+}
+function R(e) {
+	try {
+		let t = JSON.parse(e);
+		return Array.isArray(t) ? t.map((e) => We(e) ? L(e) : null).filter((e) => e !== null) : [];
+	} catch {
+		return [];
+	}
+}
+function z(e, t) {
+	let n = e[t];
+	return typeof n == "string" ? n : null;
+}
+function B(e, t) {
+	let n = e[t];
+	return Array.isArray(n) ? n.filter((e) => typeof e == "string") : [];
+}
+function V(e, t) {
+	let n = e[t];
+	return typeof n == "number" ? n : null;
+}
+function H(e) {
+	return typeof e == "string" && e.trim().length > 0;
+}
+function We(e) {
+	return typeof e == "object" && !!e;
+}
+function Ge(e) {
+	return e.status === "PENDING" || e.status === "IN_PROGRESS";
+}
+function U(e) {
+	return e instanceof Error ? e.message : "發生未知錯誤";
+}
+function W(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 Ke(e) {
+	return e === "APPROVED" ? "已同意" : e === "CANCELLED" ? "已取消" : e === "DRAFT" ? "草稿" : e === "EXPIRED" ? "已逾期" : e === "REJECTED" ? "已拒絕" : e === "RETURNED" ? "已退回" : e === "RUNNING" ? "進行中" : e;
+}
+function qe(e) {
+	return e === "PENDING" ? "待處理" : e === "IN_PROGRESS" ? "處理中" : e === "COMPLETED" ? "已完成" : e === "CANCELLED" ? "已取消" : e === "TRANSFERRED" ? "已轉派" : e;
+}
+function Je(e) {
+	return e === "APPROVED" ? "同意" : e === "REJECTED" ? "拒絕" : e === "RETURNED" ? "退回" : e === "TRANSFERRED" ? "轉派" : e;
+}
+function Ye(e) {
+	return e === "startEvent" ? "開始" : e === "endEvent" ? "完成" : e === "userTask" ? "簽核節點" : e === "serviceTask" ? "知會節點" : e === "exclusiveGateway" ? "條件分流" : "平行處理";
+}
+function K(e, t) {
+	return t?.nodes.find((t) => t.id === e)?.data.label ?? e;
+}
+function q(e, t) {
+	if (!e) return "-";
+	let n = t.get(e);
+	return n ? `${n.name}（${n.email}）` : e;
+}
+function Xe(e, t = /* @__PURE__ */ new Map()) {
+	let n = R(e.delegationChainJson);
+	if (!e.assigneeMemberId) return e.candidateMemberIds.length ? `候選 ${e.candidateMemberIds.map((e) => q(e, t)).join("、")}` : "未指定";
+	let r = q(e.assigneeMemberId, t), i = q(e.originalAssigneeMemberId, t);
+	return n.length === 0 || e.originalAssigneeMemberId === e.assigneeMemberId ? r : `${r}（原：${i}）`;
+}
+function Ze(e, t) {
+	return t ? e.assigneeMemberId === t || e.candidateMemberIds.includes(t) : !1;
+}
+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)}）`
+	}));
+	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)}）`
+	}] : [];
+}
+function $e(e) {
+	return {
+		email: e.email,
+		id: e.memberId,
+		name: `${e.name} · ${e.email}`
+	};
+}
+function J(e) {
+	if (!We(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 et(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 tt(e) {
+	return H(e) ? {
+		text: e,
+		type: "dangerText"
+	} : null;
+}
+function X(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 nt(e) {
+	let t = e.findIndex((e) => e.id.startsWith("pending-task-") || e.id.startsWith("future-node-"));
+	return t === -1 ? e.length : t;
+}
+function rt(e) {
+	return e.eventType === "INSTANCE_STARTED" || e.eventType === "TASK_DECIDED" || e.eventType === "SLA_TRIGGERED";
+}
+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;
+}
+function ot(e) {
+	try {
+		let t = JSON.parse(e.payloadJson);
+		return We(t) ? t : {};
+	} catch {
+		return {};
+	}
+}
+function Q(e, t) {
+	return e.eventType === "SLA_TRIGGERED" || z(t, "action") === "REJECTED" || z(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");
+		if (!e) {
+			let e = B(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;
+	}
+	if (e.eventType === "TOKEN_ADVANCED") {
+		let e = z(t, "action");
+		if (e) return `流程結果：${Je(e)}`;
+		let r = V(t, "arrivedCount"), i = V(t, "requiredCount");
+		if (r !== null && i !== null) return `等待匯合：${r}/${i}`;
+		let a = z(t, "fromNodeId"), o = z(t, "toNodeId");
+		if (a && o) return `由 ${K(a, n)} 前進至 ${K(o, n)}`;
+	}
+	if (e.eventType === "ENGINE_PROCESS_REQUESTED") {
+		let e = z(t, "state");
+		return e ? `案件狀態：${Ke(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;
+	return [
+		Y(c ? `決議：${Je(c)}` : null),
+		c === "REJECTED" ? tt(`拒絕原因：${l ?? "-"}`) : null,
+		c === "RETURNED" ? Y(`退回說明：${l ?? "-"}`) : null,
+		c === "TRANSFERRED" ? Y(`轉派給：${q(u, o)}`) : null,
+		c === "TRANSFERRED" ? Y(`轉派說明：${l ?? "-"}`) : null,
+		f ? Y(a?.valid ? `簽章：已驗證（${G(f.signedPayloadHash)}）` : `簽章：待檢查（${G(f.signedPayloadHash)}）`) : null
+	].filter(Z);
+}
+function $(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) {
+	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]));
+	return a.filter((e) => o.has(e.id)).sort((e, t) => {
+		let n = o.get(e.id) ?? 0, r = o.get(t.id) ?? 0;
+		return n === r ? e.position.x === t.position.x ? e.position.y === t.position.y ? (s.get(e.id) ?? 0) - (s.get(t.id) ?? 0) : e.position.y - t.position.y : e.position.x - t.position.x : n - r;
+	});
+}
+function dt(e, t, n, r, i) {
+	let a = new Set(t.map((e) => e.id)), o = e.edges.reduce((e, t) => {
+		let n = [...e.get(t.source) ?? [], t.target];
+		return new Map(e).set(t.source, n);
+	}, /* @__PURE__ */ new Map());
+	return ft(e, n, r, i).reduce((e, t) => ht(e, pt(t, o, a)), /* @__PURE__ */ new Map());
+}
+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([
+		...i,
+		...a,
+		...o
+	])], c = e.nodes.filter((e) => e.type === "startEvent").map((e) => e.id);
+	return s.length > 0 ? s : c;
+}
+function pt(e, t, n) {
+	return mt([{
+		distance: 0,
+		nodeId: e
+	}], t, n);
+}
+function mt(e, t, n, r = /* @__PURE__ */ new Set(), i = /* @__PURE__ */ new Map()) {
+	let [a, ...o] = e;
+	if (!a) return i;
+	if (r.has(a.nodeId)) return mt(o, t, n, r, i);
+	let s = new Set(r).add(a.nodeId), c = n.has(a.nodeId) ? new Map(i).set(a.nodeId, Math.min(i.get(a.nodeId) ?? a.distance, a.distance)) : i;
+	return mt([...o, ...(t.get(a.nodeId) ?? []).map((e) => ({
+		distance: a.distance + 1,
+		nodeId: e
+	}))], t, n, s, c);
+}
+function ht(e, t) {
+	return [...t.entries()].reduce((e, [t, n]) => new Map(e).set(t, Math.min(e.get(t) ?? n, n)), e);
+}
+function gt(e) {
+	return e.type === "userTask" ? `未來簽核：${e.data.label}` : e.type === "serviceTask" ? `未來知會：${e.data.label}` : e.type === "exclusiveGateway" ? `未來分流：${e.data.label}` : e.type === "parallelGateway" ? `未來匯合：${e.data.label}` : e.type === "endEvent" ? `流程完成：${e.data.label}` : `未來節點：${e.data.label}`;
+}
+function _t(e, t, n, r, i, a, o, s, c) {
+	let l = e.filter(rt).map((e) => {
+		let t = ot(e), n = e.nodeId ? K(e.nodeId, r) : null;
+		return {
+			descriptionParts: [
+				Y(n ? `節點：${n}` : "節點：全流程"),
+				X("操作者", e.actorMemberId, a, "系統"),
+				Y(`時間：${st(e.createdAt)}`),
+				...lt(e, t, r, o, s, c, a)
+			].filter(Z),
+			error: Q(e, t),
+			id: e.id,
+			title: at(e.eventType, t)
+		};
+	}), u = t.filter(Ge).map((e) => ({
+		descriptionParts: [
+			Y(`節點：${K(e.nodeId, r)}`),
+			X("處理者", e.assigneeMemberId, a, "未指定"),
+			Y(`建立時間：${st(e.createdAt)}`)
+		].filter(Z),
+		error: !1,
+		id: `pending-task-${e.id}`,
+		title: e.status === "IN_PROGRESS" ? "簽核處理中" : "等待簽核處理"
+	})), d = new Set([...e.filter(rt).map((e) => e.nodeId), ...t.map((e) => e.nodeId)].filter(H)), f = r ? ut(r, t, n, i, d).map((e) => ({
+		descriptionParts: [Y(`${Ye(e.type)} · 尚未抵達`)].filter(Z),
+		error: !1,
+		forcePending: !0,
+		id: `future-node-${e.id}`,
+		title: gt(e)
+	})) : [];
+	return [
+		...l,
+		...u,
+		...f
+	];
+}
+function vt(e, t, n, r) {
+	let i = t.filter((t) => t.nodeId === e.id), a = i.find((e) => e.status === "PENDING" || e.status === "IN_PROGRESS"), o = i.find((e) => e.status === "CANCELLED"), s = i.find((e) => e.status === "COMPLETED"), c = n.filter((t) => t.currentNodeId === e.id), l = c.find((e) => e.status === "ACTIVE"), u = c.find((e) => e.status === "WAITING");
+	return a ? {
+		secondaryLabel: `處理者 ${Xe(a)}`,
+		statusLabel: "待處理",
+		tone: "current"
+	} : o ? {
+		secondaryLabel: `已取消 ${Xe(o)}`,
+		statusLabel: "已取消",
+		tone: "cancelled"
+	} : s ? {
+		secondaryLabel: `已完成 ${Xe(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: Ye(e.type),
+		statusLabel: "未抵達",
+		tone: "neutral"
+	};
+}
+//#endregion
+//#region src/views/instances/detail/sections/container-helpers.ts
+async function yt({ activityLogs: e, adhocDirectives: t = [], tasks: n }) {
+	let r = [...new Set([
+		...e.map((e) => e.actorMemberId),
+		...n.map((e) => e.assigneeMemberId),
+		...n.map((e) => e.originalAssigneeMemberId),
+		...n.flatMap((e) => e.candidateMemberIds),
+		...n.flatMap((e) => R(e.delegationChainJson).flatMap((e) => [e.from, e.to])),
+		...t.flatMap((e) => [e.createdByMemberId, ...bt(e.targetValueJson)])
+	].filter(H))];
+	try {
+		return await _e(r);
+	} catch {
+		return [];
+	}
+}
+function bt(e) {
+	try {
+		return (JSON.parse(e).memberIds ?? []).filter((e) => typeof e == "string");
+	} catch {
+		return [];
+	}
+}
+async function xt(e) {
+	return (await Promise.all(e.map((e) => ue(e.id)))).flat();
+}
+function St(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 Ct = {
+	display: "grid",
+	gap: 16
+}, wt = {
+	display: "flex",
+	flexWrap: "wrap",
+	gap: 8
+};
+function Tt({ canResubmitInstance: e, deciding: t, error: n, instance: i, loading: a, onResubmitFormChange: o, onResubmitInstance: s, onUploadAttachment: c, resubmitFormData: l, resubmitFormErrors: u }) {
+	return /* @__PURE__ */ w("div", {
+		style: Ct,
+		children: [
+			n ? /* @__PURE__ */ C(x, {
+				color: "text-error",
+				variant: "body",
+				children: n
+			}) : null,
+			a ? /* @__PURE__ */ C(x, {
+				color: "text-neutral",
+				variant: "body",
+				children: "載入中..."
+			}) : null,
+			i?.formDefinitionSnapshot.schema && i.formDefinitionSnapshot.uiSchema ? /* @__PURE__ */ w(S, { children: [/* @__PURE__ */ C(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__ */ C("div", {
+				style: wt,
+				children: /* @__PURE__ */ C(p, {
+					disabled: t,
+					icon: De,
+					iconType: "leading",
+					onClick: s,
+					variant: "base-primary",
+					children: "重新送出"
+				})
+			}) : null] }) : /* @__PURE__ */ C(x, {
+				color: "text-neutral",
+				variant: "body",
+				children: "此案件沒有可顯示的表單快照。"
+			})
+		]
+	});
+}
+//#endregion
+//#region src/views/instances/detail/sections/InstanceAttachmentsSection.tsx
+var Et = {
+	display: "grid",
+	gap: 16
+};
+function Dt({ 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: W(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__ */ C(x, {
+				component: "span",
+				variant: "body",
+				children: t(e.createdAt)
+			}),
+			title: "上傳時間",
+			width: 220
+		}
+	], []), o = l(() => ({
+		render: (e) => [...e.mimeType === "application/pdf" ? [{
+			icon: we,
+			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__ */ w("div", {
+		style: Et,
+		children: [/* @__PURE__ */ C(x, {
+			component: "h2",
+			variant: "h3",
+			children: "附件"
+		}), i.length > 0 ? /* @__PURE__ */ C(te, {
+			actions: o,
+			columns: a,
+			dataSource: i,
+			fullWidth: !0
+		}) : /* @__PURE__ */ C(x, {
+			color: "text-neutral",
+			variant: "body",
+			children: "此案件沒有附件。"
+		})]
+	});
+}
+//#endregion
+//#region src/views/instances/detail/sections/InstanceTasksSection.tsx
+var Ot = {
+	display: "grid",
+	gap: 12,
+	width: "100%"
+}, kt = {
+	minWidth: "100%",
+	width: "100%"
+}, At = {
+	display: "grid",
+	gap: 12,
+	width: "100%"
+}, jt = { marginTop: 12 }, Mt = { marginTop: 24 };
+function Nt(e) {
+	e && (e.style.width = "100%");
+}
+var Pt = {
+	COMPLETION_NOTIFY: "結案通知",
+	COUNTERSIGN: "臨時會簽",
+	PRE_APPROVAL: "臨時加簽",
+	STAGE_NOTIFY: "階段完成通知"
+}, Ft = {
+	COMPLETION_NOTIFY: "本張單到達結案狀態（核准 / 拒絕 / 取消）後，通知指定對象。",
+	COUNTERSIGN: "指定對象會併入下一層簽核，下一層需所有人都完成才會繼續。",
+	PRE_APPROVAL: "指定對象需先完成加簽，本階段才會往下一層繼續。",
+	STAGE_NOTIFY: "本階段完成後（不論通過與否）通知指定對象。"
+}, It = [{
+	id: "REJECT_INSTANCE",
+	name: "加簽拒絕時整單駁回"
+}, {
+	id: "RETURN_TO_ORIGIN",
+	name: "加簽拒絕時退回給我重新處理"
+}], Lt = [{
+	id: "MEMBER",
+	name: "指定成員"
+}, {
+	id: "WEBHOOK",
+	name: "Webhook"
+}], Rt = a(function({ adhocDirectives: e, currentMemberId: r, instance: i, memberProfilesById: a, onChanged: o, tasks: s }, u) {
+	let [g, _] = d(!1), [ee, y] = d(null), [b, ie] = d(""), [ce, le] = d(null), [ue, de] = d(!1), [fe, pe] = d(""), [me, _e] = d(!1), [ve, be] = d(null), [xe, Se] = d(""), [T, E] = d(null), [Ce, D] = d(!1), [we, Te] = d([]), [Ee, De] = d(!1), [Oe, ke] = d(""), [O, Ae] = d(null), [je, Me] = d(!1), [Ne, Pe] = d([]), [Fe, k] = d(!1), [A, Ie] = d("COUNTERSIGN"), [Le, Re] = d("REJECT_INSTANCE"), [j, M] = d(!1), [N, ze] = d("MEMBER"), [Be, Ve] = d(""), P = b.trim(), He = fe.trim(), Ue = xe.trim(), F = l(() => s.find((e) => Ze(e, r) && (e.status === "PENDING" || e.status === "IN_PROGRESS")) ?? null, [r, s]), I = l(() => F && i ? i.workflowSnapshot.nodes.find((e) => e.id === F.nodeId) ?? null : null, [F, i]), L = l(() => I && i ? Qe(i.workflowSnapshot, I) : [], [I, i]), R = I?.type === "userTask" && I.data.returnBehavior.allowReturn, z = I?.type === "userTask" && I.data.allowAddSigner, B = l(() => e.filter((e) => e.status === "PENDING"), [e]), V = L.find((e) => e.id === ve) ?? L[0] ?? null, H = l(() => s.map((e) => ({
+		...e,
+		assigneeLabel: Xe(e, a),
+		key: e.id,
+		nodeLabel: `${K(e.nodeId, i?.workflowSnapshot ?? null)}${e.isAdhoc ? e.adhocType === "COUNTERSIGN" ? "（臨時會簽）" : "（臨時加簽）" : ""}`,
+		statusLabel: qe(e.status)
+	})), [
+		i,
+		a,
+		s
+	]), We = l(() => [
+		{
+			dataIndex: "nodeLabel",
+			key: "nodeLabel",
+			title: "節點",
+			width: 180
+		},
+		{
+			key: "assigneeMemberId",
+			title: "處理者",
+			render: (e) => /* @__PURE__ */ C(x, {
+				component: "span",
+				variant: "body",
+				children: e.assigneeLabel
+			}),
+			width: 180
+		},
+		{
+			dataIndex: "statusLabel",
+			key: "statusLabel",
+			title: "狀態",
+			width: 120
+		},
+		{
+			key: "createdAt",
+			render: (e) => /* @__PURE__ */ C(x, {
+				component: "span",
+				variant: "body",
+				children: t(e.createdAt)
+			}),
+			title: "建立時間",
+			width: 220
+		}
+	], []), Ge = l(() => B.map((e) => ({
+		...e,
+		createdByLabel: q(e.createdByMemberId, a),
+		key: e.id,
+		targetLabel: zt(e, a),
+		typeLabel: Pt[e.type]
+	})), [a, B]), W = l(() => [
+		{
+			dataIndex: "typeLabel",
+			key: "typeLabel",
+			title: "類型",
+			width: 180
+		},
+		{
+			key: "targetLabel",
+			render: (e) => /* @__PURE__ */ C(x, {
+				component: "span",
+				variant: "body",
+				children: e.targetLabel
+			}),
+			title: "對象",
+			width: 220
+		},
+		{
+			key: "createdByLabel",
+			render: (e) => /* @__PURE__ */ C(x, {
+				component: "span",
+				variant: "body",
+				children: e.createdByLabel
+			}),
+			title: "設定者",
+			width: 180
+		},
+		{
+			key: "createdAt",
+			render: (e) => /* @__PURE__ */ C(x, {
+				component: "span",
+				variant: "body",
+				children: t(e.createdAt)
+			}),
+			title: "建立時間",
+			width: 220
+		},
+		{
+			key: "actions",
+			render: (e) => e.createdByMemberId === r ? /* @__PURE__ */ C(p, {
+				disabled: j,
+				onClick: () => void lt(e.id),
+				size: "minor",
+				variant: "destructive-secondary",
+				children: "撤回"
+			}) : /* @__PURE__ */ C(S, {}),
+			title: "操作",
+			width: 100
+		}
+	], [j, r]);
+	async function G({ action: e, comment: t, returnToNodeId: n = null, transferToMemberId: i = null }) {
+		if (!(!r || !F)) {
+			_(!0), y(null);
+			try {
+				await se({
+					action: e,
+					comment: t,
+					decidedByMemberId: r,
+					returnToNodeId: n,
+					taskId: F.id,
+					transferToMemberId: i
+				}), de(!1), _e(!1), De(!1), ie(""), pe(""), Se(""), E(null), be(null), le(null), await o();
+			} catch (e) {
+				y(U(e));
+			} finally {
+				_(!1);
+			}
+		}
+	}
+	function Ke() {
+		ie(""), le(null), de(!0);
+	}
+	function Je() {
+		g || (de(!1), ie(""), le(null));
+	}
+	function Ye() {
+		pe(""), be(L[0]?.id ?? null), _e(!0);
+	}
+	function Y() {
+		g || (_e(!1), pe(""), be(null));
+	}
+	function tt() {
+		Se(""), E(null), De(!0), Z("");
+	}
+	function X() {
+		g || (De(!1), Se(""), E(null));
+	}
+	async function Z(e) {
+		D(!0);
+		try {
+			Te((await ye(e)).filter((e) => e.memberId !== r).map($e));
+		} catch (e) {
+			y(U(e));
+		} finally {
+			D(!1);
+		}
+	}
+	async function nt() {
+		if (!P) {
+			le("請輸入拒絕原因");
+			return;
+		}
+		await G({
+			action: "REJECTED",
+			comment: P
+		});
+	}
+	async function rt() {
+		if (!T) {
+			y("請選擇轉派對象");
+			return;
+		}
+		await G({
+			action: "TRANSFERRED",
+			comment: Ue || null,
+			transferToMemberId: T.id
+		});
+	}
+	async function it() {
+		await G({
+			action: "RETURNED",
+			comment: He || null,
+			returnToNodeId: V?.id ?? null
+		});
+	}
+	function at() {
+		ke(""), Ae(null), Re("REJECT_INSTANCE"), ze("MEMBER"), Ve("");
+	}
+	function ot(e) {
+		Ie(e), at(), k(!0), st("");
+	}
+	function Q() {
+		j || (k(!1), at());
+	}
+	async function st(e) {
+		Me(!0);
+		try {
+			Pe((await ye(e)).map($e));
+		} catch (e) {
+			y(U(e));
+		} finally {
+			Me(!1);
+		}
+	}
+	async function ct() {
+		if (!F) return;
+		let e = (A === "STAGE_NOTIFY" || A === "COMPLETION_NOTIFY") && N === "WEBHOOK", t = Be.trim(), n = O;
+		if (e && !t) {
+			y("請輸入 Webhook URL");
+			return;
+		}
+		if (!e && !n) {
+			y("請選擇對象成員");
+			return;
+		}
+		let r = e || !n ? {
+			kind: "WEBHOOK",
+			webhookUrl: t
+		} : {
+			kind: "MEMBER",
+			memberIds: [n.id]
+		}, i = Oe.trim() || null;
+		M(!0), y(null);
+		try {
+			A === "COUNTERSIGN" ? await he({
+				comment: i,
+				target: r,
+				taskId: F.id
+			}) : A === "PRE_APPROVAL" ? await ge({
+				comment: i,
+				onReject: Le,
+				target: r,
+				taskId: F.id
+			}) : A === "STAGE_NOTIFY" ? await oe({
+				target: r,
+				taskId: F.id
+			}) : await ae({
+				target: r,
+				taskId: F.id
+			}), k(!1), at(), await o();
+		} catch (e) {
+			y(U(e));
+		} finally {
+			M(!1);
+		}
+	}
+	async function lt(e) {
+		M(!0), y(null);
+		try {
+			await re(e), await o();
+		} catch (e) {
+			y(U(e));
+		} finally {
+			M(!1);
+		}
+	}
+	c(u, () => ({
+		canAddSignerCurrentTask: z,
+		canReturnCurrentTask: R,
+		deciding: g,
+		handleApprove: () => {
+			G({
+				action: "APPROVED",
+				comment: null
+			});
+		},
+		hasCurrentTask: F !== null,
+		openAdhocModal: ot,
+		openRejectModal: Ke,
+		openReturnModal: Ye,
+		openTransferModal: tt
+	}), [
+		z,
+		R,
+		F,
+		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];
+	return /* @__PURE__ */ w(S, { children: [
+		/* @__PURE__ */ C(x, {
+			component: "h2",
+			variant: "h3",
+			children: "任務"
+		}),
+		ee ? /* @__PURE__ */ C(x, {
+			color: "text-error",
+			variant: "body",
+			children: ee
+		}) : null,
+		/* @__PURE__ */ C("div", {
+			style: jt,
+			children: /* @__PURE__ */ C(te, {
+				columns: We,
+				dataSource: H,
+				fullWidth: !0
+			})
+		}),
+		B.length > 0 ? /* @__PURE__ */ w(S, { children: [/* @__PURE__ */ C(x, {
+			component: "h3",
+			style: Mt,
+			variant: "h3",
+			children: "待生效的臨時設定"
+		}), /* @__PURE__ */ C("div", {
+			style: jt,
+			children: /* @__PURE__ */ C(te, {
+				columns: W,
+				dataSource: Ge,
+				fullWidth: !0
+			})
+		})] }) : null,
+		/* @__PURE__ */ C(h, {
+			cancelText: "取消",
+			confirmButtonProps: {
+				disabled: !P,
+				variant: "destructive-primary"
+			},
+			confirmText: "送出拒絕",
+			loading: g,
+			modalStatusType: "error",
+			modalType: "standard",
+			onCancel: Je,
+			onClose: Je,
+			onConfirm: () => void nt(),
+			open: ue,
+			showModalFooter: !0,
+			showModalHeader: !0,
+			size: "regular",
+			supportingText: "拒絕案件時必須留下原因，供發起人與後續追蹤查看。",
+			title: "拒絕原因",
+			children: /* @__PURE__ */ w("div", {
+				style: Ot,
+				children: [/* @__PURE__ */ C(n, {
+					label: "拒絕原因",
+					name: "rejectReason",
+					required: !0,
+					children: /* @__PURE__ */ C(ne, {
+						autoFocus: !0,
+						onChange: (e) => {
+							ie(e.target.value), le(null);
+						},
+						placeholder: "請說明拒絕原因",
+						ref: Nt,
+						resize: "vertical",
+						rows: 4,
+						style: kt,
+						type: ce ? "error" : "default",
+						value: b
+					})
+				}), ce ? /* @__PURE__ */ C(x, {
+					color: "text-error",
+					variant: "body",
+					children: ce
+				}) : null]
+			})
+		}),
+		/* @__PURE__ */ C(h, {
+			cancelText: "取消",
+			confirmButtonProps: { disabled: !T },
+			confirmText: "送出轉派",
+			loading: g,
+			modalType: "standard",
+			onCancel: X,
+			onClose: X,
+			onConfirm: () => void rt(),
+			open: Ee,
+			showModalFooter: !0,
+			showModalHeader: !0,
+			size: "regular",
+			supportingText: "轉派後，原任務會保留轉派紀錄，新的待簽任務會指派給指定成員。",
+			title: "轉派簽核",
+			children: /* @__PURE__ */ w("div", {
+				style: At,
+				children: [/* @__PURE__ */ C(n, {
+					label: "轉派對象",
+					name: "transferToMemberId",
+					required: !0,
+					children: /* @__PURE__ */ C(f, {
+						asyncData: !0,
+						disabledOptionsFilter: !0,
+						emptyText: "沒有符合的成員",
+						inputProps: {
+							autoCapitalize: "none",
+							autoCorrect: "off",
+							name: "transfer-member-search",
+							spellCheck: !1
+						},
+						loading: Ce,
+						loadingText: "搜尋成員中...",
+						mode: "single",
+						onChange: (e) => E(J(e)),
+						onSearch: Z,
+						onSearchTextChange: (e) => E(et(e, we)),
+						onVisibilityChange: (e) => {
+							e && Z("");
+						},
+						options: [...we],
+						placeholder: "搜尋姓名或信箱",
+						searchDebounceTime: 300,
+						value: T
+					})
+				}), /* @__PURE__ */ C(n, {
+					label: "轉派說明",
+					name: "transferComment",
+					children: /* @__PURE__ */ C(ne, {
+						onChange: (e) => Se(e.target.value),
+						placeholder: "可補充轉派原因",
+						ref: Nt,
+						resize: "vertical",
+						rows: 4,
+						style: kt,
+						value: xe
+					})
+				})]
+			})
+		}),
+		/* @__PURE__ */ C(h, {
+			cancelText: "取消",
+			confirmButtonProps: { disabled: !V },
+			confirmText: "送出退回",
+			loading: g,
+			modalType: "standard",
+			onCancel: Y,
+			onClose: Y,
+			onConfirm: () => void it(),
+			open: me,
+			showModalFooter: !0,
+			showModalHeader: !0,
+			size: "regular",
+			supportingText: "退回後，流程會回到指定節點並等待重新處理。",
+			title: "退回簽核",
+			children: /* @__PURE__ */ w("div", {
+				style: At,
+				children: [/* @__PURE__ */ C(n, {
+					label: "退回節點",
+					name: "returnTargetNodeId",
+					required: !0,
+					children: /* @__PURE__ */ C(v, {
+						clearable: !1,
+						fullWidth: !0,
+						onChange: (e) => be(e?.id ?? null),
+						options: [...L],
+						placeholder: "選擇退回節點",
+						value: V
+					})
+				}), /* @__PURE__ */ C(n, {
+					label: "退回說明",
+					name: "returnComment",
+					children: /* @__PURE__ */ C(ne, {
+						onChange: (e) => pe(e.target.value),
+						placeholder: "可補充需要修改的內容",
+						ref: Nt,
+						resize: "vertical",
+						rows: 4,
+						style: kt,
+						value: fe
+					})
+				})]
+			})
+		}),
+		/* @__PURE__ */ C(h, {
+			cancelText: "取消",
+			confirmButtonProps: { disabled: ut },
+			confirmText: "送出",
+			loading: j,
+			modalType: "standard",
+			onCancel: Q,
+			onClose: Q,
+			onConfirm: () => void ct(),
+			open: Fe,
+			showModalFooter: !0,
+			showModalHeader: !0,
+			size: "regular",
+			supportingText: Ft[A],
+			title: Pt[A],
+			children: /* @__PURE__ */ w("div", {
+				style: At,
+				children: [
+					$ ? /* @__PURE__ */ C(n, {
+						label: "通知時機",
+						name: "adhocNotifyMode",
+						required: !0,
+						children: /* @__PURE__ */ C(v, {
+							clearable: !1,
+							fullWidth: !0,
+							onChange: (e) => Ie(e?.id === "COMPLETION_NOTIFY" ? "COMPLETION_NOTIFY" : "STAGE_NOTIFY"),
+							options: [{
+								id: "STAGE_NOTIFY",
+								name: Pt.STAGE_NOTIFY
+							}, {
+								id: "COMPLETION_NOTIFY",
+								name: Pt.COMPLETION_NOTIFY
+							}],
+							value: {
+								id: A,
+								name: Pt[A]
+							}
+						})
+					}) : null,
+					$ ? /* @__PURE__ */ C(n, {
+						label: "通知對象類型",
+						name: "adhocTargetKind",
+						required: !0,
+						children: /* @__PURE__ */ C(v, {
+							clearable: !1,
+							fullWidth: !0,
+							onChange: (e) => ze(e?.id === "WEBHOOK" ? "WEBHOOK" : "MEMBER"),
+							options: [...Lt],
+							value: ft
+						})
+					}) : null,
+					$ && N === "WEBHOOK" ? /* @__PURE__ */ C(n, {
+						label: "Webhook URL",
+						name: "adhocWebhookUrl",
+						required: !0,
+						children: /* @__PURE__ */ C(m, {
+							fullWidth: !0,
+							onChange: (e) => Ve(e.target.value),
+							placeholder: "https://example.com/webhook",
+							value: Be
+						})
+					}) : /* @__PURE__ */ C(n, {
+						label: $ ? "通知對象" : "簽核對象",
+						name: "adhocMemberId",
+						required: !0,
+						children: /* @__PURE__ */ C(f, {
+							asyncData: !0,
+							disabledOptionsFilter: !0,
+							emptyText: "沒有符合的成員",
+							inputProps: {
+								autoCapitalize: "none",
+								autoCorrect: "off",
+								name: "adhoc-member-search",
+								spellCheck: !1
+							},
+							loading: je,
+							loadingText: "搜尋成員中...",
+							mode: "single",
+							onChange: (e) => Ae(J(e)),
+							onSearch: st,
+							onSearchTextChange: (e) => Ae(et(e, Ne)),
+							onVisibilityChange: (e) => {
+								e && st("");
+							},
+							options: [...Ne],
+							placeholder: "搜尋姓名或信箱",
+							searchDebounceTime: 300,
+							value: O
+						})
+					}),
+					A === "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"),
+							options: [...It],
+							value: dt
+						})
+					}) : null,
+					$ ? null : /* @__PURE__ */ C(n, {
+						label: "說明",
+						name: "adhocComment",
+						children: /* @__PURE__ */ C(ne, {
+							onChange: (e) => ke(e.target.value),
+							placeholder: "可補充原因",
+							ref: Nt,
+							resize: "vertical",
+							rows: 3,
+							style: kt,
+							value: Oe
+						})
+					})
+				]
+			})
+		})
+	] });
+});
+function zt(e, t) {
+	try {
+		let n = JSON.parse(e.targetValueJson);
+		if (n.memberIds?.length) return n.memberIds.map((e) => q(e, t)).join("、");
+		if (n.webhookUrl) return n.webhookUrl;
+		if (n.positionId) return `職位 ${n.positionId}`;
+		if (n.orgUnitId) return `部門 ${n.orgUnitId}`;
+	} catch {}
+	return e.targetKind;
+}
+//#endregion
+//#region src/views/instances/detail/sections/InstanceSignaturesSection.tsx
+var Bt = {
+	display: "grid",
+	gap: 16
+};
+function Vt({ 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__ */ w("div", {
+		style: Bt,
+		children: [
+			/* @__PURE__ */ C(x, {
+				component: "h2",
+				variant: "h3",
+				children: "簽章"
+			}),
+			/* @__PURE__ */ C(x, {
+				color: e?.valid ? "text-success" : "text-error",
+				variant: "body",
+				children: e ? e.valid ? `簽章鏈已驗證，共 ${e.checkedCount} 筆。` : `簽章鏈驗證失敗：${e.errors.join("、")}` : "尚無簽章紀錄。"
+			}),
+			r.length > 0 ? /* @__PURE__ */ C(te, {
+				columns: i,
+				dataSource: r,
+				fullWidth: !0
+			}) : null
+		]
+	});
+}
+//#endregion
+//#region src/views/instances/detail/sections/InstanceHistorySection.tsx
+var Ht = {
+	display: "grid",
+	gap: 16
+}, Ut = {
+	cursor: "help",
+	textDecoration: "underline dotted",
+	textUnderlineOffset: 3
+}, Wt = { color: "var(--mzn-color-text-error)" };
+function Gt(...e) {
+	return e.filter((e) => H(e ?? null)).join(" ");
+}
+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),
+		ref: d,
+		children: [l === "dot" ? /* @__PURE__ */ C("span", { className: Gt(j.statusIndicator, j.statusIndicatorDot) }) : /* @__PURE__ */ C("span", {
+			className: j.statusIndicator,
+			children: a + 1
+		}), /* @__PURE__ */ w("div", {
+			className: j.textContainer,
+			children: [/* @__PURE__ */ w(x, {
+				className: j.title,
+				variant: "label-primary-highlight",
+				children: [c, /* @__PURE__ */ C("span", { className: j.titleConnectLine })]
+			}), t.length > 0 ? /* @__PURE__ */ C(x, {
+				className: j.description,
+				variant: "caption",
+				children: t.map((e, t) => /* @__PURE__ */ w(i, { children: [t > 0 ? " · " : null, qt(e)] }, `${e.type}-${t}`))
+			}) : null]
+		})]
+	});
+});
+function qt(e) {
+	return e.type === "text" ? e.text : e.type === "dangerText" ? /* @__PURE__ */ C("span", {
+		style: Wt,
+		children: e.text
+	}) : e.email ? /* @__PURE__ */ w(S, { children: [
+		e.prefix,
+		"：",
+		/* @__PURE__ */ C(b, {
+			title: e.email,
+			children: ({ onMouseEnter: t, onMouseLeave: n, ref: r }) => /* @__PURE__ */ C("span", {
+				"data-testid": e.memberId ? `member-tooltip-${e.memberId}` : void 0,
+				onMouseEnter: t,
+				onMouseLeave: n,
+				ref: r,
+				style: Ut,
+				children: e.label
+			})
+		})
+	] }) : `${e.prefix}：${e.label}`;
+}
+function Jt({ activityLogs: e, instanceState: t, memberProfilesById: n, signatureVerification: r, signaturesById: i, taskDecisionsByTaskId: a, tasks: o, workflowSnapshot: s, workflowTokens: c }) {
+	let l = _t(e, o, c, s, t, n, a, i, r), u = nt(l), d = l.map((e) => ({
+		...e,
+		descriptionParts: e.descriptionParts.filter(Z)
+	}));
+	return /* @__PURE__ */ w("div", {
+		style: Ht,
+		children: [/* @__PURE__ */ C(x, {
+			component: "h2",
+			variant: "h3",
+			children: "歷程"
+		}), d.length > 0 ? /* @__PURE__ */ C(y, {
+			currentStep: u,
+			orientation: "vertical",
+			type: "dot",
+			children: d.map((e) => /* @__PURE__ */ C(Kt, {
+				descriptionParts: e.descriptionParts,
+				error: e.error,
+				forcePending: e.forcePending,
+				title: e.title
+			}, e.id))
+		}) : /* @__PURE__ */ C(x, {
+			color: "text-neutral",
+			variant: "body",
+			children: "尚無歷程紀錄。"
+		})]
+	});
+}
+//#endregion
+//#region src/views/instances/detail/InstanceDetailView.tsx
+var Yt = 184, Xt = 96, Zt = {
+	display: "grid",
+	gap: 16
+}, Qt = {
+	background: "#f8fafc",
+	border: "1px solid #e2e8f0",
+	borderRadius: 8,
+	height: "min(64vh, 620px)",
+	minHeight: 440,
+	overflow: "hidden",
+	width: "min(80vw, 1040px)"
+}, $t = {
+	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
+}, en = {
+	borderRadius: 999,
+	fontSize: 12,
+	fontWeight: 600,
+	justifySelf: "start",
+	lineHeight: "18px",
+	padding: "0 8px"
+}, tn = {
+	color: "#64748b",
+	fontSize: 12,
+	overflow: "hidden",
+	textOverflow: "ellipsis",
+	whiteSpace: "nowrap"
+}, nn = { opacity: 0 }, rn = {
+	display: "flex",
+	flexWrap: "wrap",
+	gap: 8
+}, an = {
+	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"
+}, on = {
+	display: "grid",
+	gap: 16
+}, sn = { workflowRuntime: _n };
+function cn({ instanceId: r, showAttachments: i = !0, showForm: a = !0, showHistory: o = !0, showSignatures: c = !0, showTasks: f = !0 }) {
+	let { member: m } = e(), v = m?.memberId ?? null, [y, te] = d([]), [b, re] = d(null), [ae, oe] = d([]), [se, ue] = d([]), [he, ge] = d([]), [_e, ye] = d(null), [T, E] = d([]), [D, we] = d([]), [O, Ae] = d([]), [Fe, k] = d(null), [Ie, Le] = d(!0), [Re, j] = d(!1), [M, N] = d(!1), [ze, Be] = d(""), [Ve, P] = d(!1), [He, Ue] = d({}), [I, L] = d({}), [R, z] = d(null), [B, V] = d(null), [H, We] = d([]), Ge = ze.trim(), W = u(null);
+	s(() => {
+		X();
+	}, [v, r]), s(() => {
+		L(b?.formData ?? {});
+	}, [b]);
+	let G = l(() => T.find((e) => Ze(e, v) && (e.status === "PENDING" || e.status === "IN_PROGRESS")) ?? null, [v, T]), qe = l(() => G && b ? b.workflowSnapshot.nodes.find((e) => e.id === G.nodeId) ?? null : null, [G, b]), Je = qe?.type === "userTask" && qe.data.returnBehavior.allowReturn, Ye = qe?.type === "userTask" && qe.data.allowAddSigner, K = !!(b && b.initiatorMemberId === v && (b.state === "RUNNING" || b.state === "RETURNED")), q = !!(b && b.initiatorMemberId === v && b.state === "RETURNED"), Xe = l(() => new Map(O.map((e) => [e.memberId, e])), [O]), Qe = l(() => St(ae), [ae]), $e = l(() => new Map(he.map((e) => [e.id, e])), [he]), J = l(() => b ? pn(b.workflowSnapshot) : null, [b]), et = l(() => b && J ? fn(J, T, D, b.state) : [], [
+		b,
+		J,
+		T,
+		D
+	]), Y = l(() => J ? mn(J) : [], [J]), tt = l(() => b ? un(b.workflowSnapshot) : [], [b]);
+	async function X() {
+		Le(!0), k(null);
+		try {
+			let e = await de(r);
+			te(e.activityLogs), re(e.instance), E(e.tasks), we(e.workflowTokens);
+			let t = await ce(e.instance.id), [n, i, a, o] = await Promise.all([
+				xt(e.tasks),
+				yt({
+					...e,
+					adhocDirectives: t
+				}),
+				le(e.instance.id),
+				me(e.instance.id)
+			]);
+			oe(n), Ae(i), ue(a), ge(o.signatures), ye(o.verification), We(t);
+		} catch (e) {
+			k(U(e));
+		} finally {
+			Le(!1);
+		}
+	}
+	async function Z(e, t) {
+		if (!v) throw Error("尚未登入，無法上傳附件");
+		return { id: (await be({
+			file: t,
+			formFieldPath: `form.${e.fieldKey}`
+		})).id };
+	}
+	async function nt(e) {
+		if (!v) return;
+		let t = await fe({ id: e.id });
+		window.open(t, "_blank", "noopener,noreferrer");
+	}
+	async function rt(e) {
+		if (!v) return;
+		let t = await pe({ id: e.id });
+		z(e), V(t);
+	}
+	async function it() {
+		if (!(!v || !b || !K)) {
+			if (j(!0), k(null), Ue({}), b.formDefinitionSnapshot.schema && b.formDefinitionSnapshot.uiSchema) {
+				let e = Me({
+					schema: b.formDefinitionSnapshot.schema,
+					uiSchema: b.formDefinitionSnapshot.uiSchema,
+					values: I
+				});
+				if (!e.valid) {
+					Ue(e.errors), k("請先補齊必填欄位。"), e.firstInvalidFieldKey && je(e.firstInvalidFieldKey), j(!1);
+					return;
+				}
+			}
+			try {
+				await ie({
+					cancelledByMemberId: v,
+					comment: Ge || null,
+					instanceId: b.id
+				}), Be(""), P(!1), await X();
+			} catch (e) {
+				k(U(e));
+			} finally {
+				j(!1);
+			}
+		}
+	}
+	async function at() {
+		if (!(!v || !b || !q)) {
+			j(!0), k(null);
+			try {
+				await ve({
+					formData: I,
+					initiatorMemberId: v,
+					instanceId: b.id,
+					title: b.title
+				}), await X();
+			} catch (e) {
+				k(U(e));
+			} finally {
+				j(!1);
+			}
+		}
+	}
+	let ot = W.current?.deciding ?? !1, Q = Re || ot;
+	return /* @__PURE__ */ w(S, { children: [
+		/* @__PURE__ */ C(g, { children: /* @__PURE__ */ w(xe, {
+			description: b ? `${Ke(b.state)} · ${t(b.startedAt)}` : "載入案件內容。",
+			title: b?.title ?? "簽核案件",
+			children: [
+				b ? /* @__PURE__ */ C(p, {
+					"aria-label": "查看流程圖",
+					icon: Oe,
+					iconType: "icon-only",
+					onClick: () => N(!0),
+					title: "查看流程圖",
+					variant: "base-secondary",
+					children: "流程圖"
+				}) : null,
+				K ? /* @__PURE__ */ C(p, {
+					disabled: Q,
+					icon: Ce,
+					iconType: "leading",
+					onClick: () => P(!0),
+					variant: "destructive-secondary",
+					children: "取消案件"
+				}) : null,
+				G ? /* @__PURE__ */ w(S, { children: [
+					Ye ? /* @__PURE__ */ w(S, { children: [/* @__PURE__ */ C(p, {
+						disabled: Q,
+						icon: Ee,
+						iconType: "leading",
+						onClick: () => W.current?.openAdhocModal("COUNTERSIGN"),
+						variant: "base-secondary",
+						children: "會簽"
+					}, "adhoc-countersign"), /* @__PURE__ */ C(p, {
+						disabled: Q,
+						icon: Ee,
+						iconType: "leading",
+						onClick: () => W.current?.openAdhocModal("PRE_APPROVAL"),
+						variant: "base-secondary",
+						children: "加簽"
+					}, "adhoc-pre-approval")] }) : null,
+					/* @__PURE__ */ C(p, {
+						disabled: Q,
+						icon: Te,
+						iconType: "leading",
+						onClick: () => W.current?.openAdhocModal("STAGE_NOTIFY"),
+						variant: "base-secondary",
+						children: "通知設定"
+					}, "adhoc-notify"),
+					Je ? /* @__PURE__ */ C(p, {
+						disabled: Q,
+						icon: De,
+						iconType: "leading",
+						onClick: () => W.current?.openReturnModal(),
+						variant: "base-secondary",
+						children: "退回"
+					}, "task-return") : null,
+					/* @__PURE__ */ C(p, {
+						disabled: Q,
+						icon: ke,
+						iconType: "leading",
+						onClick: () => W.current?.openTransferModal(),
+						variant: "base-secondary",
+						children: "轉派"
+					}, "task-transfer"),
+					/* @__PURE__ */ C(p, {
+						disabled: Q,
+						icon: Ce,
+						iconType: "leading",
+						onClick: () => W.current?.openRejectModal(),
+						variant: "destructive-secondary",
+						children: "拒絕"
+					}, "task-reject"),
+					/* @__PURE__ */ C(p, {
+						disabled: Q,
+						icon: Se,
+						iconType: "leading",
+						onClick: () => W.current?.handleApprove(),
+						variant: "base-primary",
+						children: "同意"
+					}, "task-approve")
+				] }) : null
+			]
+		}) }),
+		/* @__PURE__ */ w(ee, { children: [
+			a ? /* @__PURE__ */ C(_, { children: /* @__PURE__ */ C(Tt, {
+				canResubmitInstance: q,
+				deciding: Re,
+				error: Fe,
+				instance: b,
+				loading: Ie,
+				onResubmitFormChange: (e) => {
+					L(e), Ue({});
+				},
+				onResubmitInstance: () => void at(),
+				onUploadAttachment: Z,
+				resubmitFormData: I,
+				resubmitFormErrors: He
+			}) }) : null,
+			i ? /* @__PURE__ */ C(_, { children: /* @__PURE__ */ C(Dt, {
+				attachments: se,
+				onDownload: (e) => {
+					nt(e);
+				},
+				onPreview: (e) => {
+					rt(e);
+				}
+			}) }) : null,
+			f ? /* @__PURE__ */ C(_, { children: /* @__PURE__ */ C(Rt, {
+				adhocDirectives: H,
+				currentMemberId: v,
+				instance: b,
+				memberProfilesById: Xe,
+				onChanged: X,
+				ref: W,
+				tasks: T
+			}) }) : null,
+			c ? /* @__PURE__ */ C(_, { children: /* @__PURE__ */ C(Vt, {
+				signatureVerification: _e,
+				signatures: he
+			}) }) : null,
+			o ? /* @__PURE__ */ C(_, { children: /* @__PURE__ */ C(Jt, {
+				activityLogs: y,
+				instanceState: b?.state ?? "RUNNING",
+				memberProfilesById: Xe,
+				signatureVerification: _e,
+				signaturesById: $e,
+				taskDecisionsByTaskId: Qe,
+				tasks: T,
+				workflowSnapshot: b?.workflowSnapshot ?? null,
+				workflowTokens: D
+			}) }) : null
+		] }),
+		b ? /* @__PURE__ */ C(h, {
+			modalType: "standard",
+			onClose: () => N(!1),
+			open: M,
+			showModalHeader: !0,
+			size: "wide",
+			supportingText: `${Ke(b.state)} · ${t(b.startedAt)}`,
+			title: "流程圖",
+			children: /* @__PURE__ */ w("div", {
+				style: Zt,
+				children: [/* @__PURE__ */ C("div", {
+					style: Qt,
+					children: /* @__PURE__ */ w(A, {
+						edges: Y,
+						fitView: !0,
+						fitViewOptions: { padding: .18 },
+						maxZoom: 1.2,
+						minZoom: .2,
+						nodes: et,
+						nodesDraggable: !1,
+						nodesFocusable: !1,
+						nodeTypes: sn,
+						panOnDrag: !0,
+						proOptions: { hideAttribution: !0 },
+						children: [/* @__PURE__ */ C(Ne, {}), /* @__PURE__ */ C(Pe, { showInteractive: !1 })]
+					})
+				}), tt.length > 0 ? /* @__PURE__ */ C("div", {
+					style: rn,
+					children: tt.map((e) => /* @__PURE__ */ C("span", {
+						style: an,
+						children: e
+					}, e))
+				}) : null]
+			})
+		}) : null,
+		/* @__PURE__ */ C(h, {
+			modalType: "standard",
+			onClose: () => {
+				z(null), V(null);
+			},
+			open: !!(R && B),
+			showModalHeader: !0,
+			size: "wide",
+			supportingText: R?.filename ?? void 0,
+			title: "PDF 預覽",
+			children: B ? /* @__PURE__ */ C(F, {
+				filename: R?.filename ?? "PDF 預覽",
+				fileUrl: B,
+				onDownload: R ? () => void nt(R) : void 0
+			}) : null
+		}),
+		/* @__PURE__ */ C(h, {
+			cancelText: "保留案件",
+			confirmButtonProps: { variant: "destructive-primary" },
+			confirmText: "確認取消",
+			loading: Re,
+			modalStatusType: "error",
+			modalType: "standard",
+			onCancel: () => P(!1),
+			onClose: () => P(!1),
+			onConfirm: () => void it(),
+			open: Ve,
+			showModalFooter: !0,
+			showModalHeader: !0,
+			supportingText: "取消後會關閉目前待簽任務與候選簽核人。",
+			title: "取消案件",
+			children: /* @__PURE__ */ w("div", {
+				style: on,
+				children: [/* @__PURE__ */ w(x, {
+					variant: "body",
+					children: [
+						"確定要取消「",
+						b?.title ?? "",
+						"」嗎？"
+					]
+				}), /* @__PURE__ */ C(n, {
+					label: "取消原因",
+					name: "cancelComment",
+					children: /* @__PURE__ */ C(ne, {
+						onChange: (e) => Be(e.target.value),
+						placeholder: "可填寫取消原因",
+						resize: "vertical",
+						rows: 3,
+						value: ze
+					})
+				})]
+			})
+		})
+	] });
+}
+function ln(e) {
+	return e.data.label ? e.data.label : e.data.isDefault ? "其他情況" : e.data.condition ?? "";
+}
+function un(e) {
+	return e.edges.map(ln).filter((e) => e.trim().length > 0);
+}
+function dn(e) {
+	return e === "startEvent" ? "開始" : e === "endEvent" ? "完成" : e === "userTask" ? "簽核節點" : e === "serviceTask" ? "知會節點" : e === "exclusiveGateway" ? "條件分流" : "平行處理";
+}
+function fn(e, t, n, r) {
+	return e.nodes.map((e) => {
+		let i = vt(e, t, n, r);
+		return {
+			data: {
+				kindLabel: dn(e.type),
+				label: e.data.label,
+				secondaryLabel: i.secondaryLabel,
+				statusLabel: i.statusLabel,
+				tone: i.tone
+			},
+			id: e.id,
+			position: e.position,
+			sourcePosition: k.Right,
+			targetPosition: k.Left,
+			type: "workflowRuntime"
+		};
+	});
+}
+function pn(e) {
+	let t = new Ie.graphlib.Graph();
+	return t.setDefaultEdgeLabel(() => ({})), t.setGraph({
+		nodesep: 56,
+		rankdir: "LR",
+		ranksep: 120
+	}), e.nodes.forEach((e) => {
+		t.setNode(e.id, {
+			height: Xt,
+			width: Yt
+		});
+	}), e.edges.forEach((e) => {
+		t.setEdge(e.source, e.target);
+	}), Ie.layout(t), {
+		...e,
+		nodes: e.nodes.map((e) => {
+			let n = t.node(e.id);
+			return n ? {
+				...e,
+				position: {
+					x: n.x - Yt / 2,
+					y: n.y - Xt / 2
+				}
+			} : e;
+		})
+	};
+}
+function mn(e) {
+	return e.edges.map((e) => {
+		let t = ln(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 hn(e) {
+	return e === "current" ? {
+		...$t,
+		border: "1px solid var(--mzn-color-primary, #0057ff)",
+		boxShadow: "0 0 0 3px rgba(0, 87, 255, 0.14)"
+	} : e === "completed" ? {
+		...$t,
+		border: "1px solid #16a34a"
+	} : e === "cancelled" ? {
+		...$t,
+		border: "1px solid #dc2626",
+		opacity: .72
+	} : e === "waiting" ? {
+		...$t,
+		border: "1px dashed #64748b"
+	} : $t;
+}
+function gn(e) {
+	let t = en;
+	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 _n({ data: e }) {
+	return /* @__PURE__ */ w("div", {
+		style: hn(e.tone),
+		children: [
+			/* @__PURE__ */ C(Fe, {
+				isConnectable: !1,
+				position: k.Left,
+				style: nn,
+				type: "target"
+			}),
+			/* @__PURE__ */ C(x, {
+				component: "span",
+				ellipsis: !0,
+				title: e.label,
+				variant: "label-primary",
+				children: e.label
+			}),
+			/* @__PURE__ */ C("span", {
+				style: gn(e.tone),
+				children: e.statusLabel
+			}),
+			/* @__PURE__ */ C("span", {
+				title: e.secondaryLabel,
+				style: tn,
+				children: e.secondaryLabel || e.kindLabel
+			}),
+			/* @__PURE__ */ C(Fe, {
+				isConnectable: !1,
+				position: k.Right,
+				style: nn,
+				type: "source"
+			})
+		]
+	});
+}
+//#endregion
+export { Dt as a, Rt as i, Jt as n, Tt as o, Vt as r, cn as t };
+
+//# sourceMappingURL=detail-kyolfdBu.js.map