@rytass/bpm-core-react 0.17.9 → 0.18.1

package/dist/chunks/detail-C6XKZjlF.js

@@ -0,0 +1,2665 @@
+"use client";
+import '../style.css';import '../detail.css';/* empty css               */
+import { t as e } from "./bpm-form-field-9B-Det0u.js";
+import { t } from "./format-date-time-B0LdmWg4.js";
+import { n } from "./auth-provider-C2b-5mGt.js";
+import { t as r } from "./use-bpm-member-BPzcNU1g.js";
+import { n as i, s as a, t as o } from "./FormRendererView-CTLlG13b.js";
+import { a as s, n as c, o as l, r as u, t as d } from "./task-decision-3d17ZvZE.js";
+import { t as f } from "./format-member-label-C73FuP-d.js";
+import { a as p, c as m, d as h, i as g, l as ee, n as te, o as ne, r as _, s as re, t as ie, u as v } from "./approver-filled-form-Bgazhbvd.js";
+import { Fragment as ae, forwardRef as y, useCallback as oe, useEffect as se, useImperativeHandle as ce, useMemo as b, useRef as le, useState as x } from "react";
+import { AutoComplete as ue, Badge as de, Button as S, Description as C, DescriptionContent as fe, InlineMessage as w, Input as pe, Message as me, Modal as T, PageHeader as he, Section as ge, SectionGroup as _e, Select as ve, Stepper as ye, Table as be, Textarea as xe, Tooltip as Se, Typography as E } from "@mezzanine-ui/react";
+import { Fragment as Ce, jsx as D, jsxs as O } from "react/jsx-runtime";
+import { cancelAdhocDirective as we, cancelApprovalInstance as Te, configureAdhocCompletionNotification as Ee, configureAdhocStageNotification as De, decideTask as Oe, listAdhocDirectives as ke, listAttachments as Ae, listTaskDecisions as k, listWorkflowWebhookDeliveries as je, readApprovalInstance as Me, readAttachmentDownloadUrl as Ne, readAttachmentPreviewUrl as Pe, readInstanceSignatures as Fe, requestAdhocCountersign as Ie, requestAdhocPreApproval as Le, resolveMemberProfiles as Re, resubmitApprovalInstance as ze, retryWorkflowWebhookDelivery as Be, searchMembers as Ve, uploadAttachment as He } from "@rytass/bpm-core-client/workflow";
+import Ue from "@mezzanine-ui/react/ContentHeader";
+import { CheckedIcon as We, ChevronLeftIcon as Ge, ChevronRightIcon as Ke, DangerousOutlineIcon as qe, DownloadIcon as A, FileSearchIcon as Je, NotificationUnreadIcon as Ye, PlusIcon as Xe, RefreshCcwIcon as Ze, ResetIcon as Qe, ShareIcon as $e, UserIcon as et, ZoomInIcon as tt, ZoomOutIcon as j } from "@mezzanine-ui/icons";
+import { readNodeFillableFieldKeys as nt, readRevealedFieldKeys as rt, readTopLevelFieldKey as it, resolveFieldAccess as M } from "@rytass/bpm-core-shared";
+import { buildFormRendererValues as N, focusFormRendererField as at, readFormDataSourceErrorMessage as ot, validateFormRendererValuesInWorker as st } from "@rytass/bpm-core-client/form";
+import { resolveOrgUnitOptions as ct } from "@rytass/bpm-core-client/organization";
+import { Background as lt, Controls as ut, Handle as dt, Position as P, ReactFlow as ft } from "@xyflow/react";
+import * as pt from "dagre";
+import { Document as mt, Page as ht } from "react-pdf";
+import { readSelectableReturnTargetNodeIds as gt } from "@rytass/bpm-core-shared/workflow-graph";
+import { stepClasses as F } from "@mezzanine-ui/core/stepper";
+function _t(e) {
+	let [t, n] = x(/* @__PURE__ */ new Map()), r = e.join("\n");
+	return se(() => {
+		let e = r ? [...new Set(r.split("\n"))].filter((e) => !t.has(e)) : [], a = !1;
+		return e.length === 0 ? () => void 0 : (ct(e).then((e) => e.map(i)).catch(() => []).then((t) => {
+			a || n((n) => new Map([...n, ...e.map((e) => [e, t.find((t) => t.id.toLowerCase() === e.toLowerCase())?.name ?? null])]));
+		}), () => {
+			a = !0;
+		});
+	}, [r, t]), b(() => new Map((r ? [...new Set(r.split("\n"))] : []).flatMap((e) => {
+		let n = t.get(e);
+		return n === null ? [] : [[e, n ?? "讀取中…"]];
+	})), [r, t]);
+}
+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"
+}, vt = 760, yt = 920, bt = 320, xt = 32, St = .75, Ct = 1.75, L = .25;
+function wt({ filename: e, fileUrl: t, onDownload: n }) {
+	let r = le(null), [i, a] = x(null), [o, s] = x(1), [c, l] = x(1), [u, d] = x(vt);
+	se(() => {
+		let e = r.current;
+		if (!e || typeof ResizeObserver > "u") return;
+		let t = new ResizeObserver((e) => {
+			let t = e[0]?.contentRect.width;
+			t && d(t);
+		});
+		return t.observe(e), () => t.disconnect();
+	}, []), se(() => {
+		a(null), s(1), l(1);
+	}, [t]);
+	let f = b(() => {
+		let e = Math.max(bt, u - xt);
+		return Math.round(Math.min(yt, e) * c);
+	}, [c, u]), p = oe((e) => {
+		a(e.numPages), s(1);
+	}, []), m = o > 1, h = i !== null && o < i, g = c > St, ee = c < Ct, te = i === null ? `第 ${o} 頁` : `第 ${o} / ${i} 頁`, ne = `${Math.round(c * 100)}%`;
+	return /* @__PURE__ */ O("section", {
+		"aria-label": `${e} PDF 預覽`,
+		className: I.root,
+		children: [/* @__PURE__ */ O("div", {
+			className: I.toolbar,
+			children: [
+				/* @__PURE__ */ O("div", {
+					className: I.pageControls,
+					"aria-label": "頁面切換",
+					children: [
+						/* @__PURE__ */ D(S, {
+							"aria-label": "上一頁",
+							disabled: !m,
+							icon: Ge,
+							onClick: () => {
+								s((e) => Math.max(1, e - 1));
+							},
+							size: "minor",
+							variant: "base-secondary"
+						}),
+						/* @__PURE__ */ D(E, {
+							className: I.counter,
+							component: "span",
+							variant: "body",
+							children: te
+						}),
+						/* @__PURE__ */ D(S, {
+							"aria-label": "下一頁",
+							disabled: !h,
+							icon: Ke,
+							onClick: () => {
+								s((e) => i === null ? e : Math.min(i, e + 1));
+							},
+							size: "minor",
+							variant: "base-secondary"
+						})
+					]
+				}),
+				/* @__PURE__ */ O("div", {
+					className: I.zoomControls,
+					"aria-label": "縮放",
+					children: [
+						/* @__PURE__ */ D(S, {
+							"aria-label": "縮小",
+							disabled: !g,
+							icon: j,
+							onClick: () => {
+								l((e) => Math.max(St, e - L));
+							},
+							size: "minor",
+							variant: "base-secondary"
+						}),
+						/* @__PURE__ */ D(E, {
+							className: I.counter,
+							component: "span",
+							variant: "body",
+							children: ne
+						}),
+						/* @__PURE__ */ D(S, {
+							"aria-label": "放大",
+							disabled: !ee,
+							icon: tt,
+							onClick: () => {
+								l((e) => Math.min(Ct, e + L));
+							},
+							size: "minor",
+							variant: "base-secondary"
+						})
+					]
+				}),
+				n ? /* @__PURE__ */ D(S, {
+					icon: A,
+					iconType: "leading",
+					onClick: n,
+					size: "minor",
+					variant: "base-primary",
+					children: "下載"
+				}) : null
+			]
+		}), /* @__PURE__ */ D("div", {
+			className: I.viewport,
+			ref: r,
+			children: /* @__PURE__ */ D(mt, {
+				error: /* @__PURE__ */ D(Tt, { message: "PDF 無法載入。" }),
+				file: t,
+				loading: /* @__PURE__ */ D(Tt, { message: "正在載入 PDF..." }),
+				noData: /* @__PURE__ */ D(Tt, { message: "沒有可預覽的 PDF。" }),
+				onLoadSuccess: p,
+				suspense: !1,
+				children: /* @__PURE__ */ D(ht, {
+					className: I.page,
+					loading: /* @__PURE__ */ D(Tt, { message: "正在載入頁面..." }),
+					pageNumber: o,
+					renderAnnotationLayer: !0,
+					renderTextLayer: !0,
+					width: f
+				})
+			})
+		})]
+	});
+}
+function Tt({ message: e }) {
+	return /* @__PURE__ */ D("div", {
+		className: I.state,
+		children: /* @__PURE__ */ D(E, {
+			color: "text-neutral",
+			variant: "body",
+			children: e
+		})
+	});
+}
+// src/views/instances/detail/submitted-by.ts
+function Et({ initiatorMemberId: e, submittedByMemberId: t }) {
+	return t && t !== e ? t : null;
+}
+function Dt(e, t) {
+	let n = Et(e);
+	if (!n || !e.initiatorMemberId) return null;
+	let r = (e) => t.get(e)?.name ?? e;
+	return `由 ${r(n)} 代 ${r(e.initiatorMemberId)} 送出`;
+}
+// src/views/instances/detail/sections/shared.ts
+function Ot(e) {
+	let t = R(e, "from"), n = R(e, "to"), r = R(e, "reason");
+	return !t || !n || !r ? null : {
+		from: t,
+		reason: r,
+		ruleId: R(e, "ruleId"),
+		to: n
+	};
+}
+function kt(e) {
+	try {
+		let t = JSON.parse(e);
+		return Array.isArray(t) ? t.map((e) => jt(e) ? Ot(e) : null).filter((e) => e !== null) : [];
+	} catch {
+		return [];
+	}
+}
+function R(e, t) {
+	let n = e[t];
+	return typeof n == "string" ? n : null;
+}
+function At(e, t) {
+	let n = e[t];
+	return Array.isArray(n) ? n.filter((e) => typeof e == "string") : [];
+}
+function z(e, t) {
+	let n = e[t];
+	return typeof n == "number" ? n : null;
+}
+function B(e) {
+	return typeof e == "string" && e.trim().length > 0;
+}
+function jt(e) {
+	return typeof e == "object" && !!e;
+}
+function Mt(e) {
+	return e.status === "PENDING" || e.status === "IN_PROGRESS";
+}
+function V(e) {
+	return ot(e) || (e instanceof Error ? e.message : "發生未知錯誤");
+}
+function Nt(e) {
+	return !Number.isFinite(e) || e <= 0 ? "-" : e < 1024 ? `${e} B` : e < 1048576 ? `${(e / 1024).toFixed(1)} KB` : `${(e / 1024 / 1024).toFixed(1)} MB`;
+}
+function H(e) {
+	return e.length > 16 ? `${e.slice(0, 12)}...` : e;
+}
+function Pt(e) {
+	return e === "APPROVED" ? "已同意" : e === "CANCELLED" ? "已取消" : e === "DRAFT" ? "草稿" : e === "EXPIRED" ? "已逾期" : e === "REJECTED" ? "已拒絕" : e === "RETURNED" ? "已退回" : e === "RUNNING" ? "進行中" : e;
+}
+function U(e) {
+	return e === "PENDING" ? "待處理" : e === "IN_PROGRESS" ? "處理中" : e === "COMPLETED" ? "已完成" : e === "CANCELLED" ? "已取消" : e === "TRANSFERRED" ? "已轉派" : e;
+}
+function Ft(e) {
+	return e === "APPROVED" ? "同意" : e === "REJECTED" ? "拒絕" : e === "RETURNED" ? "退回" : e === "TRANSFERRED" ? "轉派" : e;
+}
+function It(e) {
+	return e === "startEvent" ? "開始" : e === "endEvent" ? "完成" : e === "userTask" ? "簽核節點" : e === "serviceTask" ? "知會節點" : e === "exclusiveGateway" ? "條件分流" : "平行處理";
+}
+function Lt(e, t) {
+	return t?.nodes.find((t) => t.id === e)?.data.label ?? e;
+}
+function W(e, t) {
+	if (!e) return "-";
+	let n = t.get(e);
+	return n ? f(n.name, n.email, "fullwidth") : e;
+}
+function Rt(e, t = /* @__PURE__ */ new Map()) {
+	let n = kt(e.delegationChainJson);
+	if (!e.assigneeMemberId) return e.candidateMemberIds.length ? `候選 ${e.candidateMemberIds.map((e) => W(e, t)).join("、")}` : "未指定";
+	let r = W(e.assigneeMemberId, t), i = W(e.originalAssigneeMemberId, t);
+	return n.length === 0 || e.originalAssigneeMemberId === e.assigneeMemberId ? r : `${r}（原：${i}）`;
+}
+function zt(e, t) {
+	return t ? e.assigneeMemberId === t || (e.openCandidateMemberIds ?? e.candidateMemberIds).includes(t) : !1;
+}
+function Bt(e, t) {
+	let n = e.filter((e) => zt(e, t) && (e.status === "PENDING" || e.status === "IN_PROGRESS"));
+	return n.find((e) => !e.isAdhoc) ?? n[0] ?? null;
+}
+function Vt(e, t) {
+	if (t.type !== "userTask" || !t.data.returnBehavior.allowReturn) return [];
+	if (t.data.returnBehavior.allowedTargets === "ANY") {
+		let n = gt(e, t.id);
+		return e.nodes.filter((e) => n.includes(e.id)).map((e) => ({
+			id: e.id,
+			name: `${e.data.label}（${It(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}（${It(r.type)}）`
+	}] : [];
+}
+function Ht(e) {
+	return {
+		email: e.email,
+		id: e.memberId,
+		name: f(e.name, e.email, "dot")
+	};
+}
+function G({ memberIds: e, useWebhookTarget: t, webhookUrl: n }) {
+	if (t) {
+		let e = n.trim();
+		return e ? {
+			target: {
+				kind: "WEBHOOK",
+				webhookUrl: e
+			},
+			valid: !0
+		} : {
+			error: "請輸入 Webhook URL",
+			valid: !1
+		};
+	}
+	return e.length > 0 ? {
+		target: {
+			kind: "MEMBER",
+			memberIds: e
+		},
+		valid: !0
+	} : {
+		error: "請選擇對象成員",
+		valid: !1
+	};
+}
+function Ut(e) {
+	return !!e;
+}
+function Wt(e) {
+	if (!jt(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 Gt(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 K(e) {
+	return B(e) ? {
+		text: e,
+		type: "text"
+	} : null;
+}
+function q(e, t, n = "neutral") {
+	return B(t) ? {
+		label: e,
+		text: t,
+		tone: n,
+		type: "comment"
+	} : null;
+}
+function Kt(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 J(e) {
+	return !!e;
+}
+function Y(e) {
+	let t = e.findIndex((e) => e.id.startsWith("pending-task-") || e.id.startsWith("future-node-"));
+	return t === -1 ? e.length : t;
+}
+function X(e) {
+	return e.eventType === "INSTANCE_STARTED" || e.eventType === "INSTANCE_CANCELLED" || e.eventType === "INSTANCE_EXPIRED" || e.eventType === "INSTANCE_RESUBMITTED" || e.eventType === "TASK_DECIDED" || e.eventType === "SLA_TRIGGERED" || e.eventType === "TASK_CANDIDATE_ACTIVATED" || e.eventType === "TASK_REASSIGNED" || Z(e) || Yt(e.eventType, $t(e));
+}
+function Z(e) {
+	return e.eventType === "TASK_CREATED" && At($t(e), "sequentialCandidateMemberIds").length > 0;
+}
+function qt(e) {
+	if (e.eventType !== "TASK_CANDIDATE_ACTIVATED" && e.eventType !== "TASK_CREATED") return [];
+	let t = $t(e);
+	return [
+		...At(t, "sequentialCandidateMemberIds"),
+		R(t, "candidateMemberId"),
+		R(t, "previousMemberId")
+	].filter(B);
+}
+var Jt = /* @__PURE__ */ new Set([
+	"SERVICE_TASK_EXECUTED",
+	"SERVICE_TASK_FAILED",
+	"WEBHOOK_DELIVERY_RETRIED"
+]);
+function Yt(e, t) {
+	return Jt.has(e) && R(t, "action") === "NOTIFY_WEBHOOK";
+}
+function Xt(e) {
+	return R(e, "endpointLabel") ?? R(e, "endpointKey") ?? "外部系統";
+}
+function Zt(e) {
+	return e === "APPROVED" ? "已同意" : e === "REJECTED" ? "已拒絕" : e === "RETURNED" ? "已退回" : e === "TRANSFERRED" ? "已轉派" : "簽核已決議";
+}
+function Qt(e, t) {
+	if (e === "INSTANCE_STARTED") return "案件已發起";
+	if (e === "INSTANCE_CANCELLED") return "案件已取消";
+	if (e === "INSTANCE_EXPIRED") return "案件逾期，已由系統終止";
+	if (e === "INSTANCE_RESUBMITTED") return "申請人重新送出";
+	if (e === "TOKEN_CREATED") return "流程路徑已建立";
+	if (e === "ENGINE_PROCESS_REQUESTED") return "流程引擎已處理";
+	if (e === "TOKEN_ADVANCED") return "流程已前進";
+	if (e === "TASK_CREATED") return "待簽任務已建立";
+	if (e === "TASK_CANDIDATE_ACTIVATED") return "輪到下一位簽核";
+	if (e === "TASK_DECIDED") return Zt(R(t, "action"));
+	if (e === "SLA_TRIGGERED") return "時限提醒已觸發";
+	if (e === "TASK_REASSIGNED") return "管理者改派待辦";
+	if (Yt(e, t)) {
+		let n = Xt(t);
+		return e === "SERVICE_TASK_EXECUTED" ? `已通知外部系統：${n}` : e === "SERVICE_TASK_FAILED" ? `通知外部系統失敗：${n}` : `管理者重新傳送外部系統通知：${n}`;
+	}
+	return e;
+}
+function $t(e) {
+	try {
+		let t = JSON.parse(e.payloadJson);
+		return jt(t) ? t : {};
+	} catch {
+		return {};
+	}
+}
+function en(e, t) {
+	return e.eventType === "SLA_TRIGGERED" || e.eventType === "INSTANCE_EXPIRED" || e.eventType === "SERVICE_TASK_FAILED" && Yt(e.eventType, t) || R(t, "action") === "REJECTED" || R(t, "instanceState") === "REJECTED";
+}
+function tn(e) {
+	return t(e);
+}
+function nn(e, t, n, r) {
+	if (e.eventType === "INSTANCE_STARTED") return Dt({
+		initiatorMemberId: e.actorMemberId,
+		submittedByMemberId: R(t, "submittedByMemberId")
+	}, r);
+	if (e.eventType === "TASK_CANDIDATE_ACTIVATED") {
+		let e = R(t, "candidateMemberId"), n = R(t, "previousMemberId");
+		if (!e) return null;
+		let i = W(e, r);
+		return n ? `輪到：${i}（前一位：${W(n, r)}）` : `輪到：${i}`;
+	}
+	if (e.eventType === "TASK_CREATED") {
+		let e = At(t, "sequentialCandidateMemberIds");
+		if (e.length) return `簽核順序：${e.map((e) => W(e, r)).join(" → ")}`;
+		let n = R(t, "assigneeMemberId"), i = R(t, "originalAssigneeMemberId");
+		if (!n) {
+			let e = At(t, "candidateMemberIds");
+			return e.length ? `候選簽核人：${e.map((e) => W(e, r)).join("、")}` : null;
+		}
+		let a = W(n, r), o = W(i, r);
+		return i && i !== n ? `待簽人：${a}（原簽核人：${o}）` : `待簽人：${a}`;
+	}
+	if (e.eventType === "TASK_DECIDED") {
+		let e = R(t, "action"), n = R(t, "comment"), i = e ? `決議：${Ft(e)}` : null, a = R(t, "transferToMemberId");
+		return e === "REJECTED" && n ? [i, `拒絕原因：${n}`].filter(B).join(" · ") : e === "APPROVED" && n ? [i, `同意說明：${n}`].filter(B).join(" · ") : e === "TRANSFERRED" ? [i, `轉派給：${W(a, r)}`].filter(B).join(" · ") : i;
+	}
+	if (e.eventType === "TOKEN_ADVANCED") {
+		let e = R(t, "action");
+		if (e) return `流程結果：${Ft(e)}`;
+		let r = z(t, "arrivedCount"), i = z(t, "requiredCount");
+		if (r !== null && i !== null) return `等待匯合：${r}/${i}`;
+		let a = R(t, "fromNodeId"), o = R(t, "toNodeId");
+		if (a && o) return `由 ${Lt(a, n)} 前進至 ${Lt(o, n)}`;
+	}
+	if (e.eventType === "ENGINE_PROCESS_REQUESTED") {
+		let e = R(t, "state");
+		return e ? `案件狀態：${Pt(e)}` : null;
+	}
+	return null;
+}
+function rn(e, t, n, r, i, a, o, s = null, c = null) {
+	if (e.eventType === "INSTANCE_RESUBMITTED") return [q("簽核意見", R(t, "comment"))].filter(J);
+	if (e.eventType !== "TASK_DECIDED") return [K(nn(e, t, n, o))].filter(J);
+	let l = an(e, t, r, c), u = R(t, "action") ?? l?.action ?? null, d = R(t, "comment") ?? l?.comment ?? null, f = R(t, "transferToMemberId") ?? l?.transferToMemberId ?? null, p = R(t, "signatureId") ?? l?.signatureId ?? null, m = p ? i.get(p) : null;
+	return [
+		K(u ? `決議：${Ft(u)}` : null),
+		u === "REJECTED" ? q("拒絕原因", d ?? "-", "danger") : null,
+		u === "APPROVED" ? q("同意說明", d) : null,
+		u === "RETURNED" ? q("退回說明", d ?? "-") : null,
+		u === "TRANSFERRED" ? K(`轉派給：${W(f, o)}`) : null,
+		u === "TRANSFERRED" ? q("轉派說明", d ?? "-") : null,
+		K(sn(t, s)),
+		m ? K(a?.valid ? `簽章：已驗證（${H(m.signedPayloadHash)}）` : `簽章：待檢查（${H(m.signedPayloadHash)}）`) : null
+	].filter(J);
+}
+function an(e, t, n, r) {
+	let i = e.taskId;
+	if (!i) return null;
+	let a = R(t, "decisionId"), o = (t) => a ? t.id === a : t.decidedByMemberId === e.actorMemberId;
+	if (!r) {
+		let e = n.get(i) ?? null;
+		return e && o(e) ? e : null;
+	}
+	return on(r.filter((e) => e.taskId === i && o(e)), new Date(e.createdAt).getTime());
+}
+function on(e, t) {
+	let n = (e) => Math.abs(u(e) - t), r = (e, t) => {
+		let r = n(e) - n(t);
+		return r < 0 || !(r > 0) && d(e, t) < 0;
+	};
+	return e.reduce((e, t) => !e || r(t, e) ? t : e, null);
+}
+function sn(e, t) {
+	let n = e.changedFieldKeys;
+	if (!Array.isArray(n)) return null;
+	let r = n.filter((e) => typeof e == "string" && e !== "");
+	if (r.length === 0) return null;
+	let i = r.map((e) => t?.fields.find((t) => t.fieldKey === e)?.label || e);
+	return `補填 ${r.length} 個欄位：${i.join("、")}`;
+}
+function cn(e, t, n, r, i) {
+	if (e.type === "startEvent" || i.has(e.id)) return !1;
+	if (r === "REJECTED") return !0;
+	let a = _n(e, t, n, r);
+	return a.tone === "neutral" || a.tone === "waiting";
+}
+function ln(e, t, n, r, i) {
+	if (r !== "RUNNING" && r !== "REJECTED") return [];
+	let a = e.nodes.filter((e) => cn(e, t, n, r, i)), o = Q(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 Q(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 un(e, n, r, i).reduce((e, t) => pn(e, dn(t, o, a)), /* @__PURE__ */ new Map());
+}
+function un(e, t, n, r) {
+	let i = n.filter((e) => e.status === "ACTIVE" || e.status === "WAITING").map((e) => e.currentNodeId), a = t.filter(Mt).map((e) => e.nodeId), o = e.nodes.filter((e) => r.has(e.id)).map((e) => e.id), s = [.../* @__PURE__ */ new Set([
+		...i,
+		...a,
+		...o
+	])], c = e.nodes.filter((e) => e.type === "startEvent").map((e) => e.id);
+	return s.length > 0 ? s : c;
+}
+function dn(e, t, n) {
+	return fn([{
+		distance: 0,
+		nodeId: e
+	}], t, n);
+}
+function fn(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 fn(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 fn([...o, ...(t.get(a.nodeId) ?? []).map((e) => ({
+		distance: a.distance + 1,
+		nodeId: e
+	}))], t, n, s, c);
+}
+function pn(e, t) {
+	return [...t.entries()].reduce((e, [t, n]) => new Map(e).set(t, Math.min(e.get(t) ?? n, n)), e);
+}
+function mn(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 hn(e, t, n, r, i, a, o, s, l, u = null, d = null) {
+	let f = d ? c(d) : null, p = e.filter(X).map((e) => {
+		let t = $t(e), n = e.nodeId ? Lt(e.nodeId, r) : null;
+		return {
+			descriptionParts: [
+				K(n ? `節點：${n}` : "節點：全流程"),
+				Kt("操作者", e.actorMemberId, a, "系統"),
+				K(`時間：${tn(e.createdAt)}`),
+				...rn(e, t, r, o, s, l, a, u, f ? f.get(e.taskId ?? "") ?? [] : null)
+			].filter(J),
+			error: en(e, t),
+			id: e.id,
+			title: Qt(e.eventType, t)
+		};
+	}), m = t.filter(Mt).map((e) => ({
+		descriptionParts: [
+			K(`節點：${Lt(e.nodeId, r)}`),
+			Kt("處理者", e.assigneeMemberId, a, "未指定"),
+			K(`建立時間：${tn(e.createdAt)}`)
+		].filter(J),
+		error: !1,
+		id: `pending-task-${e.id}`,
+		title: e.status === "IN_PROGRESS" ? "簽核處理中" : "等待簽核處理"
+	})), h = new Set([...e.filter(X).map((e) => e.nodeId), ...t.map((e) => e.nodeId)].filter(B)), g = r ? ln(r, t, n, i, h).map((e) => ({
+		descriptionParts: [K(`${It(e.type)} · 尚未抵達`)].filter(J),
+		error: !1,
+		forcePending: !0,
+		id: `future-node-${e.id}`,
+		title: mn(e)
+	})) : [];
+	return [
+		...p,
+		...m,
+		...g
+	];
+}
+var gn = {
+	APPROVED: {
+		statusLabel: "已完成",
+		tone: "completed"
+	},
+	CANCELLED: {
+		statusLabel: "已取消",
+		tone: "cancelled"
+	},
+	EXPIRED: {
+		statusLabel: "已逾期終止",
+		tone: "cancelled"
+	},
+	REJECTED: {
+		statusLabel: "已拒絕",
+		tone: "cancelled"
+	}
+};
+function _n(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");
+	if (a) return {
+		secondaryLabel: `處理者 ${Rt(a)}`,
+		statusLabel: "待處理",
+		tone: "current"
+	};
+	if (o) return {
+		secondaryLabel: `已取消 ${Rt(o)}`,
+		statusLabel: "已取消",
+		tone: "cancelled"
+	};
+	if (s) return {
+		secondaryLabel: `已完成 ${Rt(s)}`,
+		statusLabel: "已完成",
+		tone: "completed"
+	};
+	if (l) return {
+		secondaryLabel: `token ${l.id}`,
+		statusLabel: "執行中",
+		tone: "current"
+	};
+	if (u) return {
+		secondaryLabel: `token ${u.id}`,
+		statusLabel: "等待前置",
+		tone: "waiting"
+	};
+	if (e.type === "startEvent") return {
+		secondaryLabel: "流程已發起",
+		statusLabel: "已發起",
+		tone: "completed"
+	};
+	let d = e.type === "endEvent" ? gn[r] : void 0;
+	return d ? {
+		...d,
+		secondaryLabel: r
+	} : {
+		secondaryLabel: It(e.type),
+		statusLabel: "未抵達",
+		tone: "neutral"
+	};
+}
+// src/views/instances/detail/sections/container-helpers.ts
+async function vn({ activityLogs: e, adhocDirectives: t = [], instance: n, tasks: r }) {
+	let i = [...new Set([
+		n?.initiatorMemberId ?? null,
+		n?.submittedByMemberId ?? null,
+		...e.map((e) => e.actorMemberId),
+		...e.flatMap(qt),
+		...r.map((e) => e.assigneeMemberId),
+		...r.map((e) => e.originalAssigneeMemberId),
+		...r.flatMap((e) => e.candidateMemberIds),
+		...r.flatMap((e) => kt(e.delegationChainJson).flatMap((e) => [e.from, e.to])),
+		...t.flatMap((e) => [e.createdByMemberId, ...$(e.targetValueJson)])
+	].filter(B))];
+	try {
+		return await Re(i);
+	} catch {
+		return [];
+	}
+}
+function $(e) {
+	try {
+		return (JSON.parse(e).memberIds ?? []).filter((e) => typeof e == "string");
+	} catch {
+		return [];
+	}
+}
+async function yn(e) {
+	return (await Promise.all(e.map((e) => k(e.id)))).flat();
+}
+// src/views/instances/detail/use-resubmit-comment-draft.ts
+function bn(e) {
+	let [t, n] = x({
+		instanceId: e,
+		text: ""
+	}), r = oe((t) => n({
+		instanceId: e,
+		text: t
+	}), [e]);
+	return {
+		clearAfterResubmit: oe((e) => n((t) => t.instanceId === e ? {
+			instanceId: e,
+			text: ""
+		} : t), []),
+		comment: t.instanceId === e ? t.text : "",
+		setComment: r
+	};
+}
+// src/views/instances/detail/sections/InstanceFormSection.tsx
+var xn = {
+	display: "grid",
+	gap: 16
+}, Sn = {
+	display: "flex",
+	flexWrap: "wrap",
+	gap: 8
+}, Cn = 2e3, wn = {
+	minWidth: "100%",
+	width: "100%"
+};
+function Tn(e) {
+	e && (e.style.width = "100%");
+}
+function En({ canResubmitInstance: t, deciding: n, error: r, fieldAccess: i, fieldLabelMarkers: a, fill: s = null, instance: c, loading: l, onDataSourceStateChange: u, onResubmitFormChange: d, onReloadAfterConflict: f = null, onResubmitCommentChange: p = null, onResubmitInstance: m, onUploadAttachment: h, resubmitComment: g = "", resubmitFormData: ee, resubmitFormErrors: ne }) {
+	let _ = c?.formDefinitionSnapshot.schema, re = c?.workflowSnapshot, ie = b(() => t && _ && re ? te(_, re) : s?.schema ?? _, [
+		t,
+		s?.schema,
+		_,
+		re
+	]), v = !t && s !== null;
+	return /* @__PURE__ */ O("div", {
+		style: xn,
+		children: [
+			r ? /* @__PURE__ */ D(E, {
+				color: "text-error",
+				variant: "body",
+				children: r
+			}) : null,
+			l ? /* @__PURE__ */ D(E, {
+				color: "text-neutral",
+				variant: "body",
+				children: "載入中..."
+			}) : null,
+			f ? /* @__PURE__ */ O("div", {
+				style: xn,
+				children: [/* @__PURE__ */ D(w, {
+					content: "表單在你填寫期間被更新了，你填的內容還在。請重新載入後確認再同意。",
+					severity: "error"
+				}), /* @__PURE__ */ D("div", {
+					style: Sn,
+					children: /* @__PURE__ */ D(S, {
+						disabled: l,
+						icon: Ze,
+						iconType: "leading",
+						onClick: f,
+						variant: "base-secondary",
+						children: "重新載入"
+					})
+				})]
+			}) : null,
+			v && s.fieldCount > 0 ? /* @__PURE__ */ D(w, {
+				content: `本關需要你補填 ${s.fieldCount} 個欄位，按「同意」時會一起送出並納入簽章。`,
+				severity: "info"
+			}) : null,
+			ie && c?.formDefinitionSnapshot.uiSchema ? /* @__PURE__ */ O(Ce, { children: [
+				/* @__PURE__ */ D(o, {
+					dataSourceContext: t ? {
+						instanceId: c.id,
+						kind: "runtime"
+					} : void 0,
+					dataSourceInitialValues: c.formData,
+					errors: v ? s.errors : ne,
+					...!t && i ? { fieldAccess: i } : {},
+					...!t && a ? { fieldLabelMarkers: a } : {},
+					onChange: (e) => {
+						v ? s.onChange(e) : d(e);
+					},
+					onDataSourceStateChange: u,
+					onUploadAttachment: t ? h : void 0,
+					optionSnapshots: c.formDataOptionSnapshot,
+					readonly: !t,
+					schema: ie,
+					uiSchema: c.formDefinitionSnapshot.uiSchema,
+					value: t ? ee : v ? s.value : c.formData
+				}),
+				t && p ? /* @__PURE__ */ D(e, {
+					label: "簽核意見",
+					name: "resubmitComment",
+					children: /* @__PURE__ */ D(xe, {
+						disabled: n,
+						onChange: (e) => p(e.target.value),
+						placeholder: "選填，例如說明這次補正或修改了哪些內容",
+						maxLength: Cn,
+						ref: Tn,
+						resize: "vertical",
+						rows: 4,
+						style: wn,
+						value: g
+					})
+				}) : null,
+				t ? /* @__PURE__ */ D("div", {
+					style: Sn,
+					children: /* @__PURE__ */ D(S, {
+						disabled: n,
+						icon: Ze,
+						iconType: "leading",
+						onClick: m,
+						variant: "base-primary",
+						children: "重新送出"
+					})
+				}) : null
+			] }) : /* @__PURE__ */ D(E, {
+				color: "text-neutral",
+				variant: "body",
+				children: "此案件沒有可顯示的表單快照。"
+			})
+		]
+	});
+}
+// src/views/instances/detail/sections/InstanceAttachmentsSection.tsx
+var Dn = {
+	display: "grid",
+	gap: 16
+};
+function On({ attachments: e, onDownload: n, onPreview: r }) {
+	let i = b(() => e.map((e) => ({
+		attachment: e,
+		createdAt: e.createdAt,
+		filename: e.filename,
+		id: e.id,
+		key: e.id,
+		mimeType: e.mimeType,
+		sizeLabel: Nt(Number(e.sizeBytes))
+	})), [e]), a = b(() => [
+		{
+			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__ */ D(E, {
+				component: "span",
+				variant: "body",
+				children: t(e.createdAt)
+			}),
+			title: "上傳時間",
+			width: 220
+		}
+	], []), o = b(() => ({
+		render: (e) => [...e.mimeType === "application/pdf" ? [{
+			icon: Je,
+			iconType: "leading",
+			name: "預覽",
+			onClick: () => {
+				r(e.attachment);
+			}
+		}] : [], {
+			icon: A,
+			iconType: "leading",
+			name: "下載",
+			onClick: () => {
+				n(e.attachment);
+			}
+		}],
+		variant: "base-secondary",
+		width: 160
+	}), [n, r]);
+	return /* @__PURE__ */ O("div", {
+		style: Dn,
+		children: [/* @__PURE__ */ D(E, {
+			component: "h2",
+			variant: "h3",
+			children: "附件"
+		}), i.length > 0 ? /* @__PURE__ */ D(be, {
+			actions: o,
+			columns: a,
+			dataSource: i,
+			fullWidth: !0
+		}) : /* @__PURE__ */ D(E, {
+			color: "text-neutral",
+			variant: "body",
+			children: "此案件沒有附件。"
+		})]
+	});
+}
+// src/views/instances/detail/sections/InstanceTasksSection.tsx
+var kn = {
+	display: "grid",
+	gap: 12,
+	width: "100%"
+}, An = {
+	minWidth: "100%",
+	width: "100%"
+}, jn = {
+	display: "grid",
+	gap: 12,
+	width: "100%"
+}, Mn = { marginTop: 12 }, Nn = { marginTop: 24 };
+function Pn(e) {
+	e && (e.style.width = "100%");
+}
+var Fn = {
+	COMPLETION_NOTIFY: "結案通知",
+	COUNTERSIGN: "臨時會簽",
+	PRE_APPROVAL: "臨時加簽",
+	STAGE_NOTIFY: "階段完成通知"
+}, In = {
+	COMPLETION_NOTIFY: "本張單到達結案狀態（核准 / 拒絕 / 取消）後，通知指定對象。",
+	COUNTERSIGN: "指定對象會併入下一層簽核，下一層需所有人都完成才會繼續。",
+	PRE_APPROVAL: "指定對象需先完成加簽，本階段才會往下一層繼續。",
+	STAGE_NOTIFY: "本階段完成後（不論通過與否）通知指定對象。"
+}, Ln = [{
+	id: "REJECT_INSTANCE",
+	name: "加簽拒絕時整單駁回"
+}, {
+	id: "RETURN_TO_ORIGIN",
+	name: "加簽拒絕時退回給我重新處理"
+}], Rn = [{
+	id: "MEMBER",
+	name: "指定成員"
+}, {
+	id: "WEBHOOK",
+	name: "Webhook"
+}], zn = y(function({ adhocDirectives: n, currentMemberId: r, fill: i = null, instance: a, memberProfilesById: o, onChanged: s, onDecidingChange: c, onFillApproveError: u, tasks: d }, f) {
+	let [p, m] = x(!1), [h, g] = x(null);
+	se(() => {
+		c?.(p);
+	}, [p, c]);
+	let [ee, te] = x(""), [ne, _] = x(!1), [re, ie] = x(""), [v, ae] = x(null), [y, oe] = x(!1), [le, w] = x(""), [me, he] = x(!1), [ge, _e] = x(null), [ye, Se] = x(""), [Te, ke] = x(null), [Ae, k] = x(!1), [je, Me] = x([]), [Ne, Pe] = x(!1), [Fe, Re] = x(""), [ze, Be] = x([]), [He, Ue] = x(!1), [We, Ge] = x([]), [Ke, qe] = x(!1), [A, Je] = x("COUNTERSIGN"), [Ye, Xe] = x("REJECT_INSTANCE"), [Ze, Qe] = x(!1), [$e, et] = x("MEMBER"), [tt, j] = x(""), nt = re.trim(), rt = le.trim(), it = ye.trim(), M = b(() => Bt(d, r), [r, d]), N = b(() => M && a ? a.workflowSnapshot.nodes.find((e) => e.id === M.nodeId) ?? null : null, [M, a]), at = b(() => N && a ? Vt(a.workflowSnapshot, N) : [], [N, a]), ot = N?.type === "userTask" && N.data.returnBehavior.allowReturn, st = N?.type === "userTask" && N.data.allowReject !== !1, ct = N?.type === "userTask" && N.data.allowTransfer !== !1, lt = N?.type === "userTask" && N.data.returnBehavior.requireComment === !0, ut = N?.type === "userTask" && N.data.allowAddSigner, dt = b(() => n.filter((e) => e.status === "PENDING"), [n]), P = at.find((e) => e.id === ge) ?? at[0] ?? null, ft = b(() => d.map((e) => ({
+		...e,
+		assigneeLabel: Rt(e, o),
+		fillFieldCount: Vn(e, a?.workflowSnapshot ?? null),
+		key: e.id,
+		nodeLabel: l({
+			...e,
+			nodeLabel: Lt(e.nodeId, a?.workflowSnapshot ?? null)
+		}),
+		statusLabel: U(e.status)
+	})), [
+		a,
+		o,
+		d
+	]), pt = b(() => [
+		{
+			dataIndex: "nodeLabel",
+			key: "nodeLabel",
+			title: "節點",
+			width: 180
+		},
+		{
+			key: "assigneeMemberId",
+			title: "處理者",
+			render: (e) => /* @__PURE__ */ D(E, {
+				component: "span",
+				variant: "body",
+				children: e.assigneeLabel
+			}),
+			width: 180
+		},
+		{
+			dataIndex: "statusLabel",
+			key: "statusLabel",
+			title: "狀態",
+			width: 120
+		},
+		{
+			key: "fill",
+			render: (e) => e.fillFieldCount > 0 ? /* @__PURE__ */ D(de, {
+				size: "sub",
+				text: `需補填 ${e.fillFieldCount} 欄`,
+				variant: "dot-warning"
+			}) : null,
+			title: "補填",
+			width: 140
+		},
+		{
+			key: "createdAt",
+			render: (e) => /* @__PURE__ */ D(E, {
+				component: "span",
+				variant: "body",
+				children: t(e.createdAt)
+			}),
+			title: "建立時間",
+			width: 220
+		}
+	], []), mt = b(() => dt.map((e) => ({
+		...e,
+		createdByLabel: W(e.createdByMemberId, o),
+		key: e.id,
+		targetLabel: Bn(e, o),
+		typeLabel: Fn[e.type]
+	})), [o, dt]), ht = b(() => [
+		{
+			dataIndex: "typeLabel",
+			key: "typeLabel",
+			title: "類型",
+			width: 180
+		},
+		{
+			key: "targetLabel",
+			render: (e) => /* @__PURE__ */ D(E, {
+				component: "span",
+				variant: "body",
+				children: e.targetLabel
+			}),
+			title: "對象",
+			width: 220
+		},
+		{
+			key: "createdByLabel",
+			render: (e) => /* @__PURE__ */ D(E, {
+				component: "span",
+				variant: "body",
+				children: e.createdByLabel
+			}),
+			title: "設定者",
+			width: 180
+		},
+		{
+			key: "createdAt",
+			render: (e) => /* @__PURE__ */ D(E, {
+				component: "span",
+				variant: "body",
+				children: t(e.createdAt)
+			}),
+			title: "建立時間",
+			width: 220
+		},
+		{
+			key: "actions",
+			render: (e) => e.createdByMemberId === r ? /* @__PURE__ */ D(S, {
+				disabled: Ze,
+				onClick: () => void z(e.id),
+				size: "minor",
+				variant: "destructive-secondary",
+				children: "撤回"
+			}) : /* @__PURE__ */ D(Ce, {}),
+			title: "操作",
+			width: 100
+		}
+	], [Ze, r]);
+	async function gt({ action: e, comment: t, returnToNodeId: n = null, transferToMemberId: a = null }) {
+		if (!r || !M || e === "REJECTED" && !st || e === "TRANSFERRED" && !ct) return !1;
+		m(!0), g(null);
+		let o = e === "APPROVED" && i !== null && !M.isAdhoc ? {
+			expectedFormDataFingerprint: i.expectedFormDataFingerprint,
+			formData: i.formData
+		} : null;
+		try {
+			await Oe({
+				action: e,
+				comment: t,
+				decidedByMemberId: r,
+				fill: o,
+				returnToNodeId: n,
+				taskId: M.id,
+				transferToMemberId: a
+			}), oe(!1), he(!1), Pe(!1), ie(""), w(""), Se(""), ke(null), _e(null), ae(null);
+		} catch (e) {
+			return m(!1), o !== null && e instanceof Error && u?.(e.message) === !0 ? (_(!1), !1) : (g(V(e)), !1);
+		}
+		try {
+			await s();
+		} catch (e) {
+			g(V(e));
+		} finally {
+			m(!1);
+		}
+		return !0;
+	}
+	function F() {
+		r && M && (g(null), _(!0));
+	}
+	function _t() {
+		p || (_(!1), te(""));
+	}
+	async function I() {
+		p || await gt({
+			action: "APPROVED",
+			comment: ee.trim() || null
+		}) && (_(!1), te(""));
+	}
+	function vt() {
+		st && (ie(""), ae(null), oe(!0));
+	}
+	function yt() {
+		p || (oe(!1), ie(""), ae(null));
+	}
+	function bt() {
+		w(""), _e(at[0]?.id ?? null), he(!0);
+	}
+	function xt() {
+		p || (he(!1), w(""), _e(null));
+	}
+	function St() {
+		ct && (Se(""), ke(null), Pe(!0), L(""));
+	}
+	function Ct() {
+		p || (Pe(!1), Se(""), ke(null));
+	}
+	async function L(e) {
+		k(!0);
+		try {
+			Me((await Ve(e)).filter((e) => e.memberId !== r).map(Ht));
+		} catch (e) {
+			g(V(e));
+		} finally {
+			k(!1);
+		}
+	}
+	async function wt() {
+		st && (nt ? await gt({
+			action: "REJECTED",
+			comment: nt
+		}) : ae("請輸入拒絕原因"));
+	}
+	async function Tt() {
+		ct && (Te ? await gt({
+			action: "TRANSFERRED",
+			comment: it || null,
+			transferToMemberId: Te.id
+		}) : g("請選擇轉派對象"));
+	}
+	async function Et() {
+		await gt({
+			action: "RETURNED",
+			comment: rt || null,
+			returnToNodeId: P?.id ?? null
+		});
+	}
+	function Dt() {
+		Re(""), Be([]), Xe("REJECT_INSTANCE"), et("MEMBER"), j("");
+	}
+	function Ot(e) {
+		Je(e), Dt(), qe(!0), R("");
+	}
+	function kt() {
+		Ze || (qe(!1), Dt());
+	}
+	async function R(e) {
+		Ue(!0);
+		try {
+			Ge((await Ve(e)).map(Ht));
+		} catch (e) {
+			g(V(e));
+		} finally {
+			Ue(!1);
+		}
+	}
+	async function At() {
+		if (!M) return;
+		let e = (A === "STAGE_NOTIFY" || A === "COMPLETION_NOTIFY") && $e === "WEBHOOK", t = G({
+			memberIds: ze.map((e) => e.id),
+			useWebhookTarget: e,
+			webhookUrl: tt
+		});
+		if (!t.valid) {
+			g(t.error);
+			return;
+		}
+		let { target: n } = t, r = Fe.trim() || null;
+		Qe(!0), g(null);
+		try {
+			A === "COUNTERSIGN" ? await Ie({
+				comment: r,
+				target: n,
+				taskId: M.id
+			}) : A === "PRE_APPROVAL" ? await Le({
+				comment: r,
+				onReject: Ye,
+				target: n,
+				taskId: M.id
+			}) : A === "STAGE_NOTIFY" ? await De({
+				target: n,
+				taskId: M.id
+			}) : await Ee({
+				target: n,
+				taskId: M.id
+			}), qe(!1), Dt(), await s();
+		} catch (e) {
+			g(V(e));
+		} finally {
+			Qe(!1);
+		}
+	}
+	async function z(e) {
+		Qe(!0), g(null);
+		try {
+			await we(e), await s();
+		} catch (e) {
+			g(V(e));
+		} finally {
+			Qe(!1);
+		}
+	}
+	ce(f, () => ({
+		canAddSignerCurrentTask: ut,
+		canRejectCurrentTask: st,
+		canReturnCurrentTask: ot,
+		canTransferCurrentTask: ct,
+		deciding: p,
+		handleApprove: F,
+		hasCurrentTask: M !== null,
+		openAdhocModal: Ot,
+		openRejectModal: vt,
+		openReturnModal: bt,
+		openTransferModal: St
+	}), [
+		ut,
+		st,
+		ot,
+		ct,
+		r,
+		M,
+		p
+	]);
+	let B = A === "STAGE_NOTIFY" || A === "COMPLETION_NOTIFY", jt = B && $e === "WEBHOOK" ? !tt.trim() : ze.length === 0, Mt = Ln.find((e) => e.id === Ye) ?? Ln[0], Nt = Rn.find((e) => e.id === $e) ?? Rn[0];
+	return /* @__PURE__ */ O(Ce, { children: [
+		/* @__PURE__ */ D(E, {
+			component: "h2",
+			variant: "h3",
+			children: "任務"
+		}),
+		h ? /* @__PURE__ */ D(E, {
+			color: "text-error",
+			variant: "body",
+			children: h
+		}) : null,
+		/* @__PURE__ */ D("div", {
+			style: Mn,
+			children: /* @__PURE__ */ D(be, {
+				columns: pt,
+				dataSource: ft,
+				fullWidth: !0
+			})
+		}),
+		dt.length > 0 ? /* @__PURE__ */ O(Ce, { children: [/* @__PURE__ */ D(E, {
+			component: "h3",
+			style: Nn,
+			variant: "h3",
+			children: "待生效的臨時設定"
+		}), /* @__PURE__ */ D("div", {
+			style: Mn,
+			children: /* @__PURE__ */ D(be, {
+				columns: ht,
+				dataSource: mt,
+				fullWidth: !0
+			})
+		})] }) : null,
+		/* @__PURE__ */ O(T, {
+			cancelText: "取消",
+			confirmText: "送出同意",
+			loading: p,
+			modalType: "standard",
+			onCancel: _t,
+			onClose: _t,
+			onConfirm: () => void I(),
+			open: ne,
+			showModalFooter: !0,
+			showModalHeader: !0,
+			size: "regular",
+			supportingText: "可以留下同意的說明，內容會記錄在簽核歷程；不填也可以直接送出。",
+			title: "簽核意見",
+			children: [
+				h ? /* @__PURE__ */ D(E, {
+					color: "text-error",
+					role: "alert",
+					variant: "body",
+					children: h
+				}) : null,
+				i !== null && i.summary.length > 0 ? /* @__PURE__ */ O("div", {
+					style: kn,
+					children: [/* @__PURE__ */ D(E, {
+						variant: "body",
+						children: "將一併送出的補填欄位："
+					}), i.summary.map((e) => /* @__PURE__ */ D(C, {
+						title: e.label,
+						children: /* @__PURE__ */ D(fe, { children: e.text })
+					}, e.fieldKey))]
+				}) : null,
+				/* @__PURE__ */ D("div", {
+					style: kn,
+					children: /* @__PURE__ */ D(e, {
+						label: "簽核意見",
+						name: "approveComment",
+						children: /* @__PURE__ */ D(xe, {
+							autoFocus: !0,
+							onChange: (e) => te(e.target.value),
+							placeholder: "選填，例如補充核准的條件或提醒事項",
+							ref: Pn,
+							resize: "vertical",
+							rows: 4,
+							style: An,
+							value: ee
+						})
+					})
+				})
+			]
+		}),
+		/* @__PURE__ */ D(T, {
+			cancelText: "取消",
+			confirmButtonProps: {
+				disabled: !nt,
+				variant: "destructive-primary"
+			},
+			confirmText: "送出拒絕",
+			loading: p,
+			modalStatusType: "error",
+			modalType: "standard",
+			onCancel: yt,
+			onClose: yt,
+			onConfirm: () => void wt(),
+			open: y,
+			showModalFooter: !0,
+			showModalHeader: !0,
+			size: "regular",
+			supportingText: "拒絕案件時必須留下原因，供發起人與後續追蹤查看。",
+			title: "拒絕原因",
+			children: /* @__PURE__ */ O("div", {
+				style: kn,
+				children: [/* @__PURE__ */ D(e, {
+					label: "拒絕原因",
+					name: "rejectReason",
+					required: !0,
+					children: /* @__PURE__ */ D(xe, {
+						autoFocus: !0,
+						onChange: (e) => {
+							ie(e.target.value), ae(null);
+						},
+						placeholder: "請說明拒絕原因",
+						ref: Pn,
+						resize: "vertical",
+						rows: 4,
+						style: An,
+						type: v ? "error" : "default",
+						value: re
+					})
+				}), v ? /* @__PURE__ */ D(E, {
+					color: "text-error",
+					variant: "body",
+					children: v
+				}) : null]
+			})
+		}),
+		/* @__PURE__ */ D(T, {
+			cancelText: "取消",
+			confirmButtonProps: { disabled: !Te },
+			confirmText: "送出轉派",
+			loading: p,
+			modalType: "standard",
+			onCancel: Ct,
+			onClose: Ct,
+			onConfirm: () => void Tt(),
+			open: Ne,
+			showModalFooter: !0,
+			showModalHeader: !0,
+			size: "regular",
+			supportingText: "轉派後，原任務會保留轉派紀錄，新的待簽任務會指派給指定成員。",
+			title: "轉派簽核",
+			children: /* @__PURE__ */ O("div", {
+				style: jn,
+				children: [/* @__PURE__ */ D(e, {
+					label: "轉派對象",
+					name: "transferToMemberId",
+					required: !0,
+					children: /* @__PURE__ */ D(ue, {
+						asyncData: !0,
+						disabledOptionsFilter: !0,
+						emptyText: "沒有符合的成員",
+						inputProps: {
+							autoCapitalize: "none",
+							autoCorrect: "off",
+							name: "transfer-member-search",
+							spellCheck: !1
+						},
+						loading: Ae,
+						loadingText: "搜尋成員中...",
+						mode: "single",
+						onChange: (e) => ke(Wt(e)),
+						onSearch: L,
+						onSearchTextChange: (e) => ke(Gt(e, je)),
+						onVisibilityChange: (e) => {
+							e && L("");
+						},
+						options: [...je],
+						placeholder: "搜尋姓名或信箱",
+						searchDebounceTime: 300,
+						value: Te
+					})
+				}), /* @__PURE__ */ D(e, {
+					label: "轉派說明",
+					name: "transferComment",
+					children: /* @__PURE__ */ D(xe, {
+						onChange: (e) => Se(e.target.value),
+						placeholder: "可補充轉派原因",
+						ref: Pn,
+						resize: "vertical",
+						rows: 4,
+						style: An,
+						value: ye
+					})
+				})]
+			})
+		}),
+		/* @__PURE__ */ D(T, {
+			cancelText: "取消",
+			confirmButtonProps: { disabled: !P || lt && !rt },
+			confirmText: "送出退回",
+			loading: p,
+			modalType: "standard",
+			onCancel: xt,
+			onClose: xt,
+			onConfirm: () => void Et(),
+			open: me,
+			showModalFooter: !0,
+			showModalHeader: !0,
+			size: "regular",
+			supportingText: "退回後，流程會回到指定節點並等待重新處理。",
+			title: "退回簽核",
+			children: /* @__PURE__ */ O("div", {
+				style: jn,
+				children: [/* @__PURE__ */ D(e, {
+					label: "退回節點",
+					name: "returnTargetNodeId",
+					required: !0,
+					children: /* @__PURE__ */ D(ve, {
+						clearable: !1,
+						fullWidth: !0,
+						onChange: (e) => _e(e?.id ?? null),
+						options: [...at],
+						placeholder: "選擇退回節點",
+						value: P
+					})
+				}), /* @__PURE__ */ D(e, {
+					hintText: lt ? "此關卡設定退回時必須填寫意見。" : void 0,
+					label: "退回說明",
+					name: "returnComment",
+					required: lt,
+					children: /* @__PURE__ */ D(xe, {
+						onChange: (e) => w(e.target.value),
+						placeholder: lt ? "請說明退回原因" : "可補充需要修改的內容",
+						ref: Pn,
+						resize: "vertical",
+						rows: 4,
+						style: An,
+						value: le
+					})
+				})]
+			})
+		}),
+		/* @__PURE__ */ D(T, {
+			cancelText: "取消",
+			confirmButtonProps: { disabled: jt },
+			confirmText: "送出",
+			loading: Ze,
+			modalType: "standard",
+			onCancel: kt,
+			onClose: kt,
+			onConfirm: () => void At(),
+			open: Ke,
+			showModalFooter: !0,
+			showModalHeader: !0,
+			size: "regular",
+			supportingText: In[A],
+			title: Fn[A],
+			children: /* @__PURE__ */ O("div", {
+				style: jn,
+				children: [
+					B ? /* @__PURE__ */ D(e, {
+						label: "通知時機",
+						name: "adhocNotifyMode",
+						required: !0,
+						children: /* @__PURE__ */ D(ve, {
+							clearable: !1,
+							fullWidth: !0,
+							onChange: (e) => Je(e?.id === "COMPLETION_NOTIFY" ? "COMPLETION_NOTIFY" : "STAGE_NOTIFY"),
+							options: [{
+								id: "STAGE_NOTIFY",
+								name: Fn.STAGE_NOTIFY
+							}, {
+								id: "COMPLETION_NOTIFY",
+								name: Fn.COMPLETION_NOTIFY
+							}],
+							value: {
+								id: A,
+								name: Fn[A]
+							}
+						})
+					}) : null,
+					B ? /* @__PURE__ */ D(e, {
+						label: "通知對象類型",
+						name: "adhocTargetKind",
+						required: !0,
+						children: /* @__PURE__ */ D(ve, {
+							clearable: !1,
+							fullWidth: !0,
+							onChange: (e) => et(e?.id === "WEBHOOK" ? "WEBHOOK" : "MEMBER"),
+							options: [...Rn],
+							value: Nt
+						})
+					}) : null,
+					B && $e === "WEBHOOK" ? /* @__PURE__ */ D(e, {
+						label: "Webhook URL",
+						name: "adhocWebhookUrl",
+						required: !0,
+						children: /* @__PURE__ */ D(pe, {
+							fullWidth: !0,
+							onChange: (e) => j(e.target.value),
+							placeholder: "https://example.com/webhook",
+							value: tt
+						})
+					}) : /* @__PURE__ */ D(e, {
+						label: B ? "通知對象" : "簽核對象",
+						name: "adhocMemberId",
+						required: !0,
+						children: /* @__PURE__ */ D(ue, {
+							asyncData: !0,
+							disabledOptionsFilter: !0,
+							emptyText: "沒有符合的成員",
+							inputProps: {
+								autoCapitalize: "none",
+								autoCorrect: "off",
+								name: "adhoc-member-search",
+								spellCheck: !1
+							},
+							loading: He,
+							loadingText: "搜尋成員中...",
+							menuMaxHeight: 320,
+							mode: "multiple",
+							onChange: (e) => Be(e.map(Wt).filter(Ut)),
+							onSearch: R,
+							onVisibilityChange: (e) => {
+								e && R("");
+							},
+							options: [...We],
+							overflowStrategy: "wrap",
+							placeholder: "搜尋姓名或信箱，可加入多位",
+							searchDebounceTime: 300,
+							value: [...ze]
+						})
+					}),
+					A === "PRE_APPROVAL" ? /* @__PURE__ */ D(e, {
+						label: "拒簽處理方式",
+						name: "adhocOnReject",
+						required: !0,
+						children: /* @__PURE__ */ D(ve, {
+							clearable: !1,
+							fullWidth: !0,
+							onChange: (e) => Xe(e?.id === "RETURN_TO_ORIGIN" ? "RETURN_TO_ORIGIN" : "REJECT_INSTANCE"),
+							options: [...Ln],
+							value: Mt
+						})
+					}) : null,
+					B ? null : /* @__PURE__ */ D(e, {
+						label: "說明",
+						name: "adhocComment",
+						children: /* @__PURE__ */ D(xe, {
+							onChange: (e) => Re(e.target.value),
+							placeholder: "可補充原因",
+							ref: Pn,
+							resize: "vertical",
+							rows: 3,
+							style: An,
+							value: Fe
+						})
+					})
+				]
+			})
+		})
+	] });
+});
+function Bn(e, t) {
+	try {
+		let n = JSON.parse(e.targetValueJson);
+		if (n.memberIds?.length) return n.memberIds.map((e) => W(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;
+}
+function Vn(e, t) {
+	if (e.isAdhoc || e.status !== "PENDING" && e.status !== "IN_PROGRESS") return 0;
+	let n = t?.nodes.find((t) => t.id === e.nodeId);
+	return n?.type === "userTask" ? nt(n).size : 0;
+}
+// src/views/instances/detail/sections/InstanceSignaturesSection.tsx
+var Hn = {
+	display: "grid",
+	gap: 16
+};
+function Un({ signatureVerification: e, signatures: n }) {
+	let r = b(() => n.map((e) => ({
+		algorithm: e.algorithm,
+		hashLabel: H(e.signedPayloadHash),
+		key: e.id,
+		keyVersion: e.keyVersion,
+		signedAtLabel: t(e.signedAt),
+		signerMemberId: e.signerMemberId
+	})), [n]), i = b(() => [
+		{
+			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__ */ O("div", {
+		style: Hn,
+		children: [
+			/* @__PURE__ */ D(E, {
+				component: "h2",
+				variant: "h3",
+				children: "簽章"
+			}),
+			/* @__PURE__ */ D(E, {
+				color: e?.valid ? "text-success" : "text-error",
+				variant: "body",
+				children: e ? e.valid ? `簽章鏈已驗證，共 ${e.checkedCount} 筆。` : `簽章鏈驗證失敗：${e.errors.join("、")}` : "尚無簽章紀錄。"
+			}),
+			r.length > 0 ? /* @__PURE__ */ D(be, {
+				columns: i,
+				dataSource: r,
+				fullWidth: !0
+			}) : null
+		]
+	});
+}
+// src/views/instances/detail/sections/InstanceHistorySection.tsx
+var Wn = {
+	display: "grid",
+	gap: 16
+}, Gn = {
+	cursor: "help",
+	textDecoration: "underline dotted",
+	textUnderlineOffset: 3
+}, Kn = {
+	borderLeftColor: "var(--mzn-color-border)",
+	borderLeftStyle: "solid",
+	borderLeftWidth: 2,
+	fontSize: "var(--mzn-typography-h3-font-size)",
+	lineHeight: "var(--mzn-typography-h3-line-height)",
+	marginTop: 4,
+	paddingLeft: 8,
+	whiteSpace: "pre-wrap"
+}, qn = { color: "var(--mzn-color-text-secondary)" }, Jn = {
+	...Kn,
+	borderLeftColor: "var(--mzn-color-text-error)",
+	color: "var(--mzn-color-text-error)"
+};
+function Yn(...e) {
+	return e.filter((e) => B(e ?? null)).join(" ");
+}
+var Xn = y(function({ className: e, descriptionParts: t, error: n, forcePending: r = !1, index: i = 0, orientation: a, status: o = "pending", title: s, type: c = "number", ...l }, u) {
+	let d = r ? "pending" : o, f = t.filter((e) => e.type !== "comment"), p = t.filter((e) => e.type === "comment");
+	return /* @__PURE__ */ O("div", {
+		...l,
+		className: Yn(F.host, c === "dot" ? F.dot : null, n && d !== "processing" ? F.error : null, a === "horizontal" ? F.horizontal : null, c === "number" ? F.number : null, d === "pending" ? F.pending : null, d === "processing" ? F.processing : null, n && d === "processing" ? F.processingError : null, !n && d === "succeeded" ? F.succeeded : null, a === "vertical" ? F.vertical : null, e),
+		ref: u,
+		children: [c === "dot" ? /* @__PURE__ */ D("span", { className: Yn(F.statusIndicator, F.statusIndicatorDot) }) : /* @__PURE__ */ D("span", {
+			className: F.statusIndicator,
+			children: i + 1
+		}), /* @__PURE__ */ O("div", {
+			className: F.textContainer,
+			children: [
+				/* @__PURE__ */ O(E, {
+					className: F.title,
+					variant: "label-primary-highlight",
+					children: [s, /* @__PURE__ */ D("span", { className: F.titleConnectLine })]
+				}),
+				f.length > 0 ? /* @__PURE__ */ D(E, {
+					className: F.description,
+					component: "div",
+					variant: "body",
+					children: f.map((e, t) => /* @__PURE__ */ O(ae, { children: [t > 0 ? " · " : null, Zn(e)] }, `${e.type}-${t}`))
+				}) : null,
+				p.map((e, t) => /* @__PURE__ */ O(E, {
+					style: e.tone === "danger" ? Jn : Kn,
+					variant: "body",
+					children: [/* @__PURE__ */ O("span", {
+						style: e.tone === "danger" ? void 0 : qn,
+						children: [e.label, "："]
+					}), e.text]
+				}, `comment-${t}`))
+			]
+		})]
+	});
+});
+function Zn(e) {
+	return e.type === "text" ? e.text : e.email?.trim() ? /* @__PURE__ */ O(Ce, { children: [
+		e.prefix,
+		"：",
+		/* @__PURE__ */ D(Se, {
+			title: e.email,
+			children: ({ ref: t, ...n }) => /* @__PURE__ */ D("span", {
+				...n,
+				"data-testid": e.memberId ? `member-tooltip-${e.memberId}` : void 0,
+				ref: t,
+				style: Gn,
+				children: e.label
+			})
+		})
+	] }) : `${e.prefix}：${e.label}`;
+}
+function Qn({ activityLogs: e, formSchema: t = null, instanceState: n, memberProfilesById: r, signatureVerification: i, signaturesById: a, taskDecisions: o = null, taskDecisionsByTaskId: s, tasks: c, workflowSnapshot: l, workflowTokens: u }) {
+	let d = b(() => hn(e, c, u, l, n, r, s, a, i, t, o), [
+		e,
+		t,
+		n,
+		r,
+		i,
+		a,
+		o,
+		s,
+		c,
+		l,
+		u
+	]), f = Y(d), p = d.map((e) => ({
+		...e,
+		descriptionParts: e.descriptionParts.filter(J)
+	}));
+	return /* @__PURE__ */ O("div", {
+		style: Wn,
+		children: [/* @__PURE__ */ D(E, {
+			component: "h2",
+			variant: "h3",
+			children: "歷程"
+		}), p.length > 0 ? /* @__PURE__ */ D(ye, {
+			currentStep: f,
+			orientation: "vertical",
+			type: "dot",
+			children: p.map((e) => /* @__PURE__ */ D(Xn, {
+				descriptionParts: e.descriptionParts,
+				error: e.error,
+				forcePending: e.forcePending,
+				title: e.title
+			}, e.id))
+		}) : /* @__PURE__ */ D(E, {
+			color: "text-neutral",
+			variant: "body",
+			children: "尚無歷程紀錄。"
+		})]
+	});
+}
+// src/views/instances/detail/sections/InstanceWebhookDeliveriesSection.tsx
+var $n = {
+	display: "grid",
+	gap: 16
+}, er = {
+	display: "grid",
+	gap: 2
+}, tr = {
+	overflowWrap: "anywhere",
+	whiteSpace: "pre-wrap"
+};
+function nr({ deliveries: e, onRetry: t, readNodeLabel: n }) {
+	let [r, i] = x(null), [a, o] = x(!1), [s, c] = x(null), l = b(() => e.map((e) => ({
+		delivery: e,
+		key: e.id
+	})), [e]), u = b(() => [
+		{
+			key: "endpoint",
+			render: ({ delivery: e }) => /* @__PURE__ */ O("div", {
+				style: er,
+				children: [/* @__PURE__ */ D(E, {
+					component: "span",
+					variant: "body",
+					children: e.endpointLabel ?? e.endpointKey
+				}), /* @__PURE__ */ O(E, {
+					color: "text-neutral",
+					component: "span",
+					variant: "caption",
+					children: [
+						e.endpointKey,
+						"@",
+						e.endpointVersion,
+						" ·",
+						" ",
+						n(e.nodeId)
+					]
+				})]
+			}),
+			title: "外部系統",
+			width: 240
+		},
+		{
+			key: "status",
+			render: ({ delivery: e }) => /* @__PURE__ */ D(rr, { status: e.status }),
+			title: "狀態",
+			width: 120
+		},
+		{
+			key: "attemptCount",
+			render: ({ delivery: e }) => /* @__PURE__ */ D(E, {
+				component: "span",
+				variant: "body",
+				children: e.attemptCount
+			}),
+			title: "嘗試次數",
+			width: 100
+		},
+		{
+			key: "lastError",
+			render: ({ delivery: e }) => e.lastErrorCode && e.status !== "SENT" ? /* @__PURE__ */ O("div", {
+				style: er,
+				children: [/* @__PURE__ */ D(E, {
+					color: "text-error",
+					component: "span",
+					variant: "body",
+					children: e.lastErrorCode
+				}), e.lastErrorDetail ? /* @__PURE__ */ D(E, {
+					color: "text-neutral",
+					component: "span",
+					style: tr,
+					variant: "caption",
+					children: e.lastErrorDetail
+				}) : null]
+			}) : /* @__PURE__ */ D(E, {
+				color: "text-neutral",
+				component: "span",
+				variant: "body",
+				children: "—"
+			}),
+			title: "最後錯誤",
+			width: 280
+		},
+		{
+			key: "time",
+			render: ({ delivery: e }) => /* @__PURE__ */ D(E, {
+				component: "span",
+				variant: "body",
+				children: ir(e)
+			}),
+			title: "時間",
+			width: 220
+		}
+	], [n]), d = b(() => ({
+		render: ({ delivery: e }) => e.status === "FAILED" && e.attemptCount > 0 ? [{
+			disabled: () => a,
+			icon: Qe,
+			iconType: "leading",
+			name: "重新傳送",
+			onClick: () => {
+				c(null), i(e);
+			}
+		}] : [],
+		variant: "base-secondary",
+		width: 140
+	}), [a]);
+	async function f() {
+		if (r) {
+			o(!0), c(null);
+			try {
+				await t(r), i(null);
+			} catch (e) {
+				i(null), c(e instanceof Error && e.message ? e.message : "重新傳送失敗，請稍後再試。");
+			} finally {
+				o(!1);
+			}
+		}
+	}
+	return /* @__PURE__ */ O("div", {
+		style: $n,
+		children: [
+			/* @__PURE__ */ D(E, {
+				component: "h2",
+				variant: "h3",
+				children: "外部系統通知"
+			}),
+			s ? /* @__PURE__ */ D(E, {
+				color: "text-error",
+				variant: "body",
+				children: s
+			}) : null,
+			l.length > 0 ? /* @__PURE__ */ D(be, {
+				actions: d,
+				columns: u,
+				dataSource: l,
+				fullWidth: !0
+			}) : /* @__PURE__ */ D(E, {
+				color: "text-neutral",
+				variant: "body",
+				children: "此案件沒有外部系統通知。"
+			}),
+			/* @__PURE__ */ D(T, {
+				cancelText: "取消",
+				confirmText: "重新傳送",
+				loading: a,
+				modalStatusType: "info",
+				modalType: "standard",
+				onCancel: () => i(null),
+				onClose: () => i(null),
+				onConfirm: () => void f(),
+				open: !!r,
+				showModalFooter: !0,
+				showModalHeader: !0,
+				supportingText: "會以相同的投遞編號重新送出，接收端可據此避免重複處理。",
+				title: "重新傳送通知",
+				children: /* @__PURE__ */ O(E, {
+					variant: "body",
+					children: [
+						"確定要重新通知「",
+						r?.endpointLabel ?? r?.endpointKey ?? "",
+						"」嗎？"
+					]
+				})
+			})
+		]
+	});
+}
+function rr({ status: e }) {
+	return e === "SENT" ? /* @__PURE__ */ D(de, {
+		size: "sub",
+		text: "已送達",
+		variant: "dot-success"
+	}) : e === "FAILED" ? /* @__PURE__ */ D(de, {
+		size: "sub",
+		text: "失敗",
+		variant: "dot-error"
+	}) : /* @__PURE__ */ D(de, {
+		size: "sub",
+		text: e === "PENDING" ? "等待傳送" : "傳送中",
+		variant: "dot-info"
+	});
+}
+function ir(e) {
+	return e.sentAt ? `送達：${t(e.sentAt)}` : e.status === "PENDING" && e.nextRetryAt ? `下次重試：${t(e.nextRetryAt)}` : e.lastAttemptAt ? `最後嘗試：${t(e.lastAttemptAt)}` : `建立：${t(e.createdAt)}`;
+}
+// src/views/instances/viewer-field-access.ts
+function ar(e, t) {
+	let n = new Map(t.map((e) => [e.id, e]));
+	return new Set(e.filter((e) => e.eventType === "TASK_CREATED").map((e) => e.taskId === null ? void 0 : n.get(e.taskId)).filter((e) => e !== void 0 && !e.isAdhoc).map((e) => e.nodeId));
+}
+function or({ activityLogs: e, actingTask: t, instance: n, tasks: r }) {
+	let i = n.workflowSnapshot;
+	return M({
+		definition: i,
+		fieldKeys: (n.formDefinitionSnapshot.schema?.fields ?? []).map((e) => e.fieldKey),
+		isAdhocTask: t?.isAdhoc ?? !1,
+		nodeId: t?.nodeId ?? null,
+		revealedFieldKeys: rt(i, ar(e, r))
+	});
+}
+// src/views/instances/detail/InstanceDetailView.tsx
+function sr(e) {
+	return `還有 ${new Set(Object.keys(e).map(it)).size} 個補填欄位需要完成`;
+}
+var cr = 3e3, lr = 40, ur = 184, dr = 96, fr = {
+	display: "grid",
+	gap: 16
+}, pr = {
+	background: "#f8fafc",
+	border: "1px solid #e2e8f0",
+	borderRadius: 8,
+	height: "min(64vh, 620px)",
+	minHeight: 440,
+	overflow: "hidden",
+	width: "min(80vw, 1040px)"
+}, mr = {
+	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
+}, hr = {
+	borderRadius: 999,
+	fontSize: 12,
+	fontWeight: 600,
+	justifySelf: "start",
+	lineHeight: "18px",
+	padding: "0 8px"
+}, gr = {
+	color: "#64748b",
+	fontSize: 12,
+	overflow: "hidden",
+	textOverflow: "ellipsis",
+	whiteSpace: "nowrap"
+}, _r = { opacity: 0 }, vr = {
+	display: "flex",
+	flexWrap: "wrap",
+	gap: 8
+}, yr = {
+	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"
+}, br = {
+	display: "grid",
+	gap: 16
+}, xr = { workflowRuntime: jr };
+function Sr({ instanceId: i, showAttachments: o = !0, showForm: c = !0, showHistory: l = !0, showSignatures: u = !0, showTasks: d = !0, showWebhookDeliveries: f = !0 }) {
+	let { member: ae } = n(), y = ae?.memberId ?? null, ce = f && r(ae), [ue, de] = x([]), [C, fe] = x(null), [w, pe] = x([]), [ve, ye] = x([]), [be, Se] = x([]), [we, Ee] = x([]), [De, Oe] = x(null), [k, Ie] = x([]), [Le, Re] = x([]), [Ve, Ge] = x([]), [Ke, A] = x(null), [Je, Qe] = x(!0), [tt, j] = x(!1), [rt, it] = x(!1), [M, ot] = x(!1), [ct, dt] = x(!1), [P, pt] = x(""), [mt, ht] = x(!1), [gt, F] = x({}), [I, vt] = x({}), { clearAfterResubmit: yt, comment: bt, setComment: xt } = bn(i), [St, Ct] = x({}), [L, Tt] = x(null), [Et, Ot] = x(null), [kt, R] = x([]), At = P.trim(), z = le(null), jt = le(0), Mt = we.some((e) => e.status === "PENDING" || e.status === "DELIVERY_IN_PROGRESS");
+	se(() => {
+		Q();
+	}, [y, i]), se(() => {
+		if (!ce || !Mt || jt.current >= lr) return;
+		let e = setTimeout(() => {
+			jt.current += 1, fn();
+		}, cr);
+		return () => clearTimeout(e);
+	}, [
+		ce,
+		Mt,
+		we
+	]), se(() => {
+		vt(C?.formData ?? {}), Ct({});
+	}, [C]);
+	let Nt = oe((e, t) => {
+		Ct((n) => {
+			let r = n[e];
+			return r?.hasValue === t.hasValue && r.status === t.status ? n : {
+				...n,
+				[e]: {
+					hasValue: t.hasValue,
+					status: t.status
+				}
+			};
+		});
+	}, []), H = b(() => Bt(k, y), [y, k]), U = b(() => H && C ? C.workflowSnapshot.nodes.find((e) => e.id === H.nodeId) ?? null : null, [H, C]), Ft = U?.type === "userTask" && U.data.returnBehavior.allowReturn, It = U?.type === "userTask" && U.data.allowReject !== !1, Rt = U?.type === "userTask" && U.data.allowTransfer !== !1, zt = U?.type === "userTask" && U.data.allowAddSigner, Vt = !(!C || C.initiatorMemberId !== y || C.state !== "RUNNING" && C.state !== "RETURNED"), Ht = !!(C && C.initiatorMemberId === y && C.state === "RETURNED"), G = b(() => H && !H.isAdhoc && U?.type === "userTask" && nt(U).size > 0 ? U : null, [H, U]), Ut = G ? H?.id ?? null : null, [Wt, Gt] = x({}), [K, q] = x({}), [Kt, J] = x(!1);
+	se(() => {
+		Gt({}), q({}), J(!1);
+	}, [Ut]);
+	let Y = C?.formDefinitionSnapshot.schema ?? null, X = b(() => G && Y ? p(Y, G) : null, [G, Y]), Z = b(() => X && C ? N(X.fields, {
+		...C.formData,
+		...Wt
+	}) : null, [
+		Wt,
+		X,
+		C
+	]), qt = b(() => G && X && Z && C ? g({
+		draft: Wt,
+		node: G,
+		schema: X,
+		stored: C.formData,
+		values: Z
+	}) : {}, [
+		Wt,
+		G,
+		X,
+		Z,
+		C
+	]), Jt = b(() => C ? or({
+		activityLogs: ue,
+		actingTask: H,
+		instance: C,
+		tasks: k
+	}) : void 0, [
+		ue,
+		H,
+		C,
+		k
+	]), Yt = b(() => C ? ne(C.workflowSnapshot, G) : void 0, [G, C]), Xt = b(() => new Map(Ve.map((e) => [e.memberId, e])), [Ve]), Zt = _t(b(() => Y ? re(Y, qt) : [], [qt, Y])), Qt = b(() => G && Z && Y && C?.formDataFingerprint ? {
+		expectedFormDataFingerprint: C.formDataFingerprint,
+		formData: m(qt, G),
+		summary: v(Y, G, qt, new Map([...Xt.keys()].map((e) => [e, W(e, Xt)])), Zt)
+	} : null, [
+		qt,
+		G,
+		Zt,
+		Z,
+		C,
+		Xt,
+		Y
+	]);
+	function $t(e) {
+		if (!G) return;
+		let t = nt(G), n = Object.entries(e).filter(([e, n]) => t.has(e) && JSON.stringify(n) !== JSON.stringify(Z?.[e]));
+		Gt((e) => ({
+			...e,
+			...Object.fromEntries(n)
+		})), q({});
+	}
+	async function en() {
+		if (G && !C?.formDataFingerprint) me.error("無法確認表單版本，請重新整理頁面後再同意。");
+		else {
+			if (G && Z && Y && C?.formDefinitionSnapshot.uiSchema) {
+				it(!0);
+				let e = await st({
+					schema: h(Y, G),
+					uiSchema: C.formDefinitionSnapshot.uiSchema,
+					values: Z
+				}).catch((e) => (me.error(V(e)), null)).finally(() => it(!1));
+				if (!e) return;
+				if (!e.valid) {
+					q(e.errors), e.firstInvalidFieldKey && at(e.firstInvalidFieldKey), me.warning(sr(e.errors));
+					return;
+				}
+			}
+			z.current?.handleApprove();
+		}
+	}
+	function tn(e) {
+		if (!G || !Y) return !1;
+		if (ie(e)) return J(!0), !0;
+		let t = ee(e, Y, G);
+		return t ? (q(t), at(Object.keys(t)[0] ?? ""), me.warning(sr(t)), !0) : !1;
+	}
+	async function nn() {
+		await Q(), J(!1);
+	}
+	let rn = b(() => s(w), [w]), an = b(() => new Map(be.map((e) => [e.id, e])), [be]), on = b(() => C ? Dr(C.workflowSnapshot) : null, [C]), sn = b(() => C && on ? Er(on, k, Le, C.state) : [], [
+		C,
+		on,
+		k,
+		Le
+	]), cn = b(() => on ? Or(on) : [], [on]), ln = b(() => C ? wr(C.workflowSnapshot) : [], [C]);
+	async function Q() {
+		Qe(!0), A(null);
+		try {
+			let e = await Me(i);
+			de(e.activityLogs), fe(e.instance), Ie(e.tasks), Re(e.workflowTokens);
+			let t = await ke(e.instance.id), [n, r, a, o, s] = await Promise.all([
+				yn(e.tasks),
+				vn({
+					...e,
+					adhocDirectives: t
+				}),
+				Ae(e.instance.id),
+				Fe(e.instance.id),
+				un(e.instance.id)
+			]);
+			pe(n), Ge(r), ye(a), Se(o.signatures), Oe(o.verification), R(t), Ee(s);
+		} catch (e) {
+			A(V(e));
+		} finally {
+			Qe(!1);
+		}
+	}
+	async function un(e) {
+		return ce ? je(e).catch(() => []) : [];
+	}
+	async function dn(e) {
+		await Be(e.id), jt.current = 0, await Q();
+	}
+	async function fn() {
+		let e = await un(i);
+		e.some((e) => e.status === "PENDING" || e.status === "DELIVERY_IN_PROGRESS") ? Ee(e) : await Q();
+	}
+	async function pn(e, t) {
+		if (!y) throw Error("尚未登入，無法上傳附件");
+		return { id: (await He({
+			file: t,
+			formFieldPath: `form.${e.fieldKey}`
+		})).id };
+	}
+	async function mn(e) {
+		if (!y) return;
+		let t = await Ne({ id: e.id });
+		window.open(t, "_blank", "noopener,noreferrer");
+	}
+	async function hn(e) {
+		if (!y) return;
+		let t = await Pe({ id: e.id });
+		Tt(e), Ot(t);
+	}
+	async function gn() {
+		if (y && C && Vt) {
+			j(!0), A(null), F({});
+			try {
+				await Te({
+					cancelledByMemberId: y,
+					comment: At || null,
+					instanceId: C.id
+				}), pt(""), ht(!1), await Q();
+			} catch (e) {
+				A(V(e));
+			} finally {
+				j(!1);
+			}
+		}
+	}
+	async function _n() {
+		if (!y || !C || !Ht) return;
+		j(!0), A(null), F({});
+		let e = a(Object.values(St));
+		if (e) {
+			A(e), j(!1);
+			return;
+		}
+		let t = C.formDefinitionSnapshot.schema ? te(C.formDefinitionSnapshot.schema, C.workflowSnapshot) : null, n = _(t ? N(t.fields, I) : I, C.workflowSnapshot);
+		try {
+			if (t && C.formDefinitionSnapshot.uiSchema) {
+				let e = await st({
+					schema: t,
+					uiSchema: C.formDefinitionSnapshot.uiSchema,
+					values: n
+				});
+				if (!e.valid) {
+					F(e.errors), A("請先修正表單中標示的欄位。"), e.firstInvalidFieldKey && at(e.firstInvalidFieldKey);
+					return;
+				}
+			}
+			await ze({
+				comment: bt,
+				formData: n,
+				initiatorMemberId: y,
+				instanceId: C.id,
+				title: C.title
+			}), yt(C.id), await Q();
+		} catch (e) {
+			A(V(e));
+		} finally {
+			j(!1);
+		}
+	}
+	let $ = tt || M || rt;
+	return /* @__PURE__ */ O(Ce, { children: [
+		/* @__PURE__ */ D(he, { children: /* @__PURE__ */ O(Ue, {
+			description: C ? [
+				Pt(C.state),
+				t(C.startedAt),
+				Dt(C, Xt)
+			].filter(B).join(" · ") : "載入案件內容。",
+			title: C?.title ?? "簽核案件",
+			children: [
+				C ? /* @__PURE__ */ D(S, {
+					"aria-label": "查看流程圖",
+					icon: $e,
+					iconType: "icon-only",
+					onClick: () => dt(!0),
+					title: "查看流程圖",
+					variant: "base-secondary",
+					children: "流程圖"
+				}) : null,
+				Vt ? /* @__PURE__ */ D(S, {
+					disabled: $,
+					icon: qe,
+					iconType: "leading",
+					onClick: () => ht(!0),
+					variant: "destructive-secondary",
+					children: "取消案件"
+				}) : null,
+				H ? /* @__PURE__ */ O(Ce, { children: [
+					zt ? /* @__PURE__ */ O(Ce, { children: [/* @__PURE__ */ D(S, {
+						disabled: $,
+						icon: Xe,
+						iconType: "leading",
+						onClick: () => z.current?.openAdhocModal("COUNTERSIGN"),
+						variant: "base-secondary",
+						children: "會簽"
+					}, "adhoc-countersign"), /* @__PURE__ */ D(S, {
+						disabled: $,
+						icon: Xe,
+						iconType: "leading",
+						onClick: () => z.current?.openAdhocModal("PRE_APPROVAL"),
+						variant: "base-secondary",
+						children: "加簽"
+					}, "adhoc-pre-approval")] }) : null,
+					/* @__PURE__ */ D(S, {
+						disabled: $,
+						icon: Ye,
+						iconType: "leading",
+						onClick: () => z.current?.openAdhocModal("STAGE_NOTIFY"),
+						variant: "base-secondary",
+						children: "通知設定"
+					}, "adhoc-notify"),
+					Ft ? /* @__PURE__ */ D(S, {
+						disabled: $,
+						icon: Ze,
+						iconType: "leading",
+						onClick: () => z.current?.openReturnModal(),
+						variant: "base-secondary",
+						children: "退回"
+					}, "task-return") : null,
+					Rt ? /* @__PURE__ */ D(S, {
+						disabled: $,
+						icon: et,
+						iconType: "leading",
+						onClick: () => z.current?.openTransferModal(),
+						variant: "base-secondary",
+						children: "轉派"
+					}, "task-transfer") : null,
+					It ? /* @__PURE__ */ D(S, {
+						disabled: $,
+						icon: qe,
+						iconType: "leading",
+						onClick: () => z.current?.openRejectModal(),
+						variant: "destructive-secondary",
+						children: "拒絕"
+					}, "task-reject") : null,
+					/* @__PURE__ */ D(S, {
+						disabled: $,
+						icon: We,
+						iconType: "leading",
+						onClick: () => {
+							en();
+						},
+						variant: "base-primary",
+						children: "同意"
+					}, "task-approve")
+				] }) : null
+			]
+		}) }),
+		/* @__PURE__ */ O(_e, { children: [
+			c ? /* @__PURE__ */ D(ge, { children: /* @__PURE__ */ D(En, {
+				canResubmitInstance: Ht,
+				deciding: tt,
+				error: Ke,
+				fieldAccess: Jt,
+				fieldLabelMarkers: Yt,
+				fill: X && Z && G ? {
+					errors: K,
+					fieldCount: nt(G).size,
+					onChange: $t,
+					schema: X,
+					value: Z
+				} : null,
+				instance: C,
+				loading: Je,
+				onDataSourceStateChange: Nt,
+				onReloadAfterConflict: Kt ? () => void nn() : null,
+				onResubmitFormChange: (e) => {
+					vt(e), F({});
+				},
+				onResubmitCommentChange: xt,
+				onResubmitInstance: () => void _n(),
+				onUploadAttachment: pn,
+				resubmitComment: bt,
+				resubmitFormData: I,
+				resubmitFormErrors: gt
+			}) }) : null,
+			o ? /* @__PURE__ */ D(ge, { children: /* @__PURE__ */ D(On, {
+				attachments: ve,
+				onDownload: (e) => {
+					mn(e);
+				},
+				onPreview: (e) => {
+					hn(e);
+				}
+			}) }) : null,
+			d ? /* @__PURE__ */ D(ge, { children: /* @__PURE__ */ D(zn, {
+				adhocDirectives: kt,
+				currentMemberId: y,
+				fill: Qt,
+				instance: C,
+				memberProfilesById: Xt,
+				onChanged: Q,
+				onDecidingChange: ot,
+				onFillApproveError: tn,
+				ref: z,
+				tasks: k
+			}) }) : null,
+			u ? /* @__PURE__ */ D(ge, { children: /* @__PURE__ */ D(Un, {
+				signatureVerification: De,
+				signatures: be
+			}) }) : null,
+			ce && we.length > 0 ? /* @__PURE__ */ D(ge, { children: /* @__PURE__ */ D(nr, {
+				deliveries: we,
+				onRetry: dn,
+				readNodeLabel: (e) => Lt(e, C?.workflowSnapshot ?? null)
+			}) }) : null,
+			l ? /* @__PURE__ */ D(ge, { children: /* @__PURE__ */ D(Qn, {
+				activityLogs: ue,
+				formSchema: Y,
+				instanceState: C?.state ?? "RUNNING",
+				memberProfilesById: Xt,
+				signatureVerification: De,
+				signaturesById: an,
+				taskDecisions: w,
+				taskDecisionsByTaskId: rn,
+				tasks: k,
+				workflowSnapshot: C?.workflowSnapshot ?? null,
+				workflowTokens: Le
+			}) }) : null
+		] }),
+		C ? /* @__PURE__ */ D(T, {
+			modalType: "standard",
+			onClose: () => dt(!1),
+			open: ct,
+			showModalHeader: !0,
+			size: "wide",
+			supportingText: `${Pt(C.state)} · ${t(C.startedAt)}`,
+			title: "流程圖",
+			children: /* @__PURE__ */ O("div", {
+				style: fr,
+				children: [/* @__PURE__ */ D("div", {
+					style: pr,
+					children: /* @__PURE__ */ O(ft, {
+						edges: cn,
+						fitView: !0,
+						fitViewOptions: { padding: .18 },
+						maxZoom: 1.2,
+						minZoom: .2,
+						nodes: sn,
+						nodesDraggable: !1,
+						nodesFocusable: !1,
+						nodeTypes: xr,
+						panOnDrag: !0,
+						proOptions: { hideAttribution: !0 },
+						children: [/* @__PURE__ */ D(lt, {}), /* @__PURE__ */ D(ut, { showInteractive: !1 })]
+					})
+				}), ln.length > 0 ? /* @__PURE__ */ D("div", {
+					style: vr,
+					children: ln.map((e) => /* @__PURE__ */ D("span", {
+						style: yr,
+						children: e
+					}, e))
+				}) : null]
+			})
+		}) : null,
+		/* @__PURE__ */ D(T, {
+			modalType: "standard",
+			onClose: () => {
+				Tt(null), Ot(null);
+			},
+			open: !!(L && Et),
+			showModalHeader: !0,
+			size: "wide",
+			supportingText: L?.filename ?? void 0,
+			title: "PDF 預覽",
+			children: Et ? /* @__PURE__ */ D(wt, {
+				filename: L?.filename ?? "PDF 預覽",
+				fileUrl: Et,
+				onDownload: L ? () => void mn(L) : void 0
+			}) : null
+		}),
+		/* @__PURE__ */ D(T, {
+			cancelText: "保留案件",
+			confirmButtonProps: { variant: "destructive-primary" },
+			confirmText: "確認取消",
+			loading: tt,
+			modalStatusType: "error",
+			modalType: "standard",
+			onCancel: () => ht(!1),
+			onClose: () => ht(!1),
+			onConfirm: () => void gn(),
+			open: mt,
+			showModalFooter: !0,
+			showModalHeader: !0,
+			supportingText: "取消後會關閉目前待簽任務與候選簽核人。",
+			title: "取消案件",
+			children: /* @__PURE__ */ O("div", {
+				style: br,
+				children: [/* @__PURE__ */ O(E, {
+					variant: "body",
+					children: [
+						"確定要取消「",
+						C?.title ?? "",
+						"」嗎？"
+					]
+				}), /* @__PURE__ */ D(e, {
+					label: "取消原因",
+					name: "cancelComment",
+					children: /* @__PURE__ */ D(xe, {
+						onChange: (e) => pt(e.target.value),
+						placeholder: "可填寫取消原因",
+						resize: "vertical",
+						rows: 3,
+						value: P
+					})
+				})]
+			})
+		})
+	] });
+}
+function Cr(e) {
+	return e.data.label ? e.data.label : e.data.isDefault ? "其他情況" : e.data.condition ?? "";
+}
+function wr(e) {
+	return e.edges.map(Cr).filter((e) => e.trim().length > 0);
+}
+function Tr(e) {
+	return e === "startEvent" ? "開始" : e === "endEvent" ? "完成" : e === "userTask" ? "簽核節點" : e === "serviceTask" ? "知會節點" : e === "exclusiveGateway" ? "條件分流" : "平行處理";
+}
+function Er(e, t, n, r) {
+	return e.nodes.map((e) => {
+		let i = _n(e, t, n, r);
+		return {
+			data: {
+				kindLabel: Tr(e.type),
+				label: e.data.label,
+				secondaryLabel: i.secondaryLabel,
+				statusLabel: i.statusLabel,
+				tone: i.tone
+			},
+			id: e.id,
+			position: e.position,
+			sourcePosition: P.Right,
+			targetPosition: P.Left,
+			type: "workflowRuntime"
+		};
+	});
+}
+function Dr(e) {
+	let t = new pt.graphlib.Graph();
+	return t.setDefaultEdgeLabel(() => ({})), t.setGraph({
+		nodesep: 56,
+		rankdir: "LR",
+		ranksep: 120
+	}), e.nodes.forEach((e) => {
+		t.setNode(e.id, {
+			height: dr,
+			width: ur
+		});
+	}), e.edges.forEach((e) => {
+		t.setEdge(e.source, e.target);
+	}), pt.layout(t), {
+		...e,
+		nodes: e.nodes.map((e) => {
+			let n = t.node(e.id);
+			return n ? {
+				...e,
+				position: {
+					x: n.x - ur / 2,
+					y: n.y - dr / 2
+				}
+			} : e;
+		})
+	};
+}
+function Or(e) {
+	return e.edges.map((e) => {
+		let t = Cr(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 kr(e) {
+	return e === "current" ? {
+		...mr,
+		border: "1px solid var(--mzn-color-primary, #0057ff)",
+		boxShadow: "0 0 0 3px rgba(0, 87, 255, 0.14)"
+	} : e === "completed" ? {
+		...mr,
+		border: "1px solid #16a34a"
+	} : e === "cancelled" ? {
+		...mr,
+		border: "1px solid #dc2626",
+		opacity: .72
+	} : e === "waiting" ? {
+		...mr,
+		border: "1px dashed #64748b"
+	} : mr;
+}
+function Ar(e) {
+	let t = hr;
+	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 jr({ data: e }) {
+	return /* @__PURE__ */ O("div", {
+		style: kr(e.tone),
+		children: [
+			/* @__PURE__ */ D(dt, {
+				isConnectable: !1,
+				position: P.Left,
+				style: _r,
+				type: "target"
+			}),
+			/* @__PURE__ */ D(E, {
+				component: "span",
+				ellipsis: !0,
+				title: e.label,
+				variant: "label-primary",
+				children: e.label
+			}),
+			/* @__PURE__ */ D("span", {
+				style: Ar(e.tone),
+				children: e.statusLabel
+			}),
+			/* @__PURE__ */ D("span", {
+				title: e.secondaryLabel,
+				style: gr,
+				children: e.secondaryLabel || e.kindLabel
+			}),
+			/* @__PURE__ */ D(dt, {
+				isConnectable: !1,
+				position: P.Right,
+				style: _r,
+				type: "source"
+			})
+		]
+	});
+}
+export { zn as a, Un as i, nr as n, On as o, Qn as r, En as s, Sr as t };
+
+//# sourceMappingURL=detail-C6XKZjlF.js.map