@corensystem/coren-ui 1.0.0-next.20260924.75108.887a9c2

package/dist/pages/wc3-action-type-detail.mjs

@@ -0,0 +1,2182 @@
+import { Badge } from "../badge.mjs";
+import { HoverTooltip } from "../tooltip.mjs";
+import { Button } from "../button.mjs";
+import { Card, CardContent, CardHeader, CardTitle } from "../card.mjs";
+import { Empty } from "../empty.mjs";
+import { Sheet, SheetContent, SheetTitle } from "../sheet.mjs";
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "../select.mjs";
+import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuSeparator, DropdownMenuTrigger } from "../dropdown-menu.mjs";
+import { Label } from "../label.mjs";
+import { Input } from "../input.mjs";
+import { Switch } from "../switch.mjs";
+import { Textarea } from "../textarea.mjs";
+import { ConfirmDialog } from "../confirm-dialog.mjs";
+import { DataTable, DataTableColumnHeader } from "../data-table.mjs";
+import { PropertyList, PropertyRow } from "../property-list.mjs";
+import { RecordDetailShell } from "../record-detail-shell.mjs";
+import { RuleList, RuleRow } from "../rule-row.mjs";
+import { WC3_LINK_TYPES, WC3_OBJECT_TYPES, WC3_STATUSES, WC3_USER_GROUPS, getObjectType, linkTypeLabel } from "./wc3-ontology-data.mjs";
+import { ACTION_PARAM_TYPES, ACTION_RULE_PARAM_SENTINELS } from "./wc3-action-type-wizard.mjs";
+import { OntologyGlyph } from "./wc3-ontology-glyphs.mjs";
+import { ArrowLeft, Bell, CircleCheck, CircleX, Info, LayoutGrid, List, Lock, Play, Plus, RotateCw, ShieldCheck, Trash2, TriangleAlert, Workflow, X } from "lucide-react";
+import { useMemo, useState } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+//#region src/pages/wc3-action-type-detail.tsx
+const paramsOf = (at) => at.parameters;
+const fnRuleOf = (at) => Array.isArray(at.rules) ? null : at.rules;
+const declRulesOf = (at) => Array.isArray(at.rules) ? at.rules : [];
+const criteriaOf = (at) => at.submissionCriteria ?? null;
+const layoutOf = (at) => at.formLayout ?? {
+	sections: [],
+	tableEntry: false,
+	inlineEdits: false
+};
+const notificationsOf = (at) => at.sideEffects.notifications;
+const webhooksOf = (at) => at.sideEffects.webhooks;
+const isGroup = (node) => typeof node === "object" && node !== null && "children" in node;
+const { createdObject: CREATED_OBJECT, anyObject: ANY_OBJECT } = ACTION_RULE_PARAM_SENTINELS;
+const CRIT_OPS = [
+	"==",
+	"!=",
+	">",
+	">=",
+	"<",
+	"<=",
+	"lengthGte"
+];
+const RULE_KIND_LABEL = {
+	createObject: "Create object",
+	modifyObject: "Modify object",
+	deleteObject: "Delete object",
+	createLink: "Create link",
+	deleteLink: "Delete link"
+};
+const MAPPING_KINDS = [
+	"param",
+	"static",
+	"now",
+	"template"
+];
+const HTTP_METHODS = [
+	"POST",
+	"PUT",
+	"PATCH"
+];
+/** Every backing function the fixture names, so the Rules select offers real options. */
+const KNOWN_FUNCTIONS = [
+	"applyActivityDelay",
+	"computeZoneRiskScores",
+	"extendPermitFn",
+	"suspendPermitGate",
+	"verifyElementQty"
+];
+const STATUS_VARIANT = {
+	Active: "successSoft",
+	Endorsed: "infoSoft",
+	Experimental: "warningSoft",
+	Deprecated: "dangerSoft"
+};
+function StatusPill({ status }) {
+	return /* @__PURE__ */ jsx(Badge, {
+		variant: STATUS_VARIANT[status],
+		children: status
+	});
+}
+function RidChip({ rid }) {
+	const short = rid.split(".").slice(-1)[0];
+	return /* @__PURE__ */ jsx(HoverTooltip, {
+		content: rid,
+		children: /* @__PURE__ */ jsx("span", {
+			className: "wwc:cursor-default wwc:font-mono wwc:text-[11px] wwc:text-muted-foreground",
+			children: short
+		})
+	});
+}
+/**
+* Values repeat — an action can carry two `createLink` rules — so a bare value is not a unique key.
+* Suffix each repeat with its occurrence number: `createLink`, `createLink~2`, …
+*/
+function keyed(items) {
+	const seen = /* @__PURE__ */ new Map();
+	return items.map((label) => {
+		const n = (seen.get(label) ?? 0) + 1;
+		seen.set(label, n);
+		return {
+			label,
+			key: n === 1 ? label : `${label}~${n}`
+		};
+	});
+}
+/**
+* Pairs each item with a repeat-disambiguated key derived from `label`, so a list whose entries carry
+* no id of their own (rules, mappings, overrides, side effects) never falls back to an array index.
+*/
+function withKeys(items, label) {
+	return keyed(items.map(label)).map((k, i) => ({
+		key: k.key,
+		item: items[i],
+		index: i
+	}));
+}
+function compare(op, left, right) {
+	switch (op) {
+		case "==": return left === right;
+		case "!=": return left !== right;
+		case ">": return Number(left) > Number(right);
+		case ">=": return Number(left) >= Number(right);
+		case "<": return Number(left) < Number(right);
+		case "<=": return Number(left) <= Number(right);
+		case "lengthGte": return String(left ?? "").trim().length >= Number(right);
+		case "in": return Array.isArray(right) && right.includes(left);
+		default: return false;
+	}
+}
+/**
+* Walks a submission-criteria tree for one acting persona and one set of parameter values.
+*
+* `kind: "fn"` guards are server-side state checks (permitStateIn, permitFormComplete, …) with no
+* client-evaluable input, so they PASS here rather than block: reporting a gate as failing when we
+* simply cannot see it would make every permit action look broken in the live preview.
+*/
+function evaluateCriteria(node, args, user) {
+	if (!node || typeof node !== "object") return {
+		ok: true,
+		errors: []
+	};
+	const n = node;
+	if ("kind" in n && n.kind === "fn") return {
+		ok: true,
+		errors: []
+	};
+	if ("kind" in n && n.kind === "param") {
+		const ok = compare(n.op, args[n.param], n.value);
+		return {
+			ok,
+			errors: ok ? [] : [n.error ?? `Condition on ${n.param} not met.`]
+		};
+	}
+	if ("kind" in n && n.kind === "userGroup") {
+		const ok = n.groups.some((g) => user.groups.includes(g));
+		return {
+			ok,
+			errors: ok ? [] : [n.error ?? "You are not in a permitted user group."]
+		};
+	}
+	if (isGroup(n)) {
+		const results = n.children.map((child) => evaluateCriteria(child, args, user));
+		if (n.op === "OR") {
+			const ok = results.length === 0 || results.some((r) => r.ok);
+			return {
+				ok,
+				errors: ok ? [] : n.error ? [n.error] : results.flatMap((r) => r.errors)
+			};
+		}
+		const failing = results.filter((r) => !r.ok);
+		return {
+			ok: failing.length === 0,
+			errors: failing.flatMap((r) => r.errors)
+		};
+	}
+	return {
+		ok: true,
+		errors: []
+	};
+}
+/**
+* A parameter's live visible/editable/required, after conditional overrides are applied against the
+* current argument values. `at_record_observation` uses this to flip `corrective_action` to required
+* the moment severity becomes High or Critical.
+*/
+function effectiveParam(_at, p, args) {
+	let state = {
+		visible: p.visible !== false,
+		editable: p.editable !== false,
+		required: p.required === true,
+		overrideNote: void 0
+	};
+	for (const o of p.overrides ?? []) {
+		if (!compare(o.when.op, args[o.when.param], o.when.value)) continue;
+		state = {
+			...state,
+			...o.set,
+			overrideNote: o.note
+		};
+	}
+	return state;
+}
+/** Object-type ids an action points at that no longer resolve — the prototype's `actionMissingTypeRefs`. */
+function actionMissingTypeRefs(at) {
+	const ids = /* @__PURE__ */ new Set();
+	for (const p of paramsOf(at)) if (p.type === "objectRef" && p.objectTypeId) ids.add(p.objectTypeId);
+	for (const r of declRulesOf(at)) if (r.objectTypeId) ids.add(r.objectTypeId);
+	return [...ids].filter((id) => !getObjectType(id));
+}
+const ruleSummary = (at) => {
+	const fn = fnRuleOf(at);
+	if (fn) return `ƒ ${fn.functionName}`;
+	const kinds = declRulesOf(at).map((r) => r.kind);
+	return kinds.length ? `Rules: ${[...new Set(kinds)].join(", ")}` : "No rules";
+};
+function OverviewSection({ at, takenApiNames, onChange, onDelete }) {
+	const [apiError, setApiError] = useState(null);
+	const [confirm, setConfirm] = useState(null);
+	return /* @__PURE__ */ jsxs("div", {
+		className: "wwc:space-y-4",
+		children: [
+			/* @__PURE__ */ jsxs(Card, { children: [/* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsx(CardTitle, {
+				className: "wwc:text-sm",
+				children: "About"
+			}) }), /* @__PURE__ */ jsxs(CardContent, {
+				className: "wwc:space-y-4",
+				children: [
+					/* @__PURE__ */ jsxs("div", {
+						className: "wwc:grid wwc:gap-4 wwc:sm:grid-cols-2",
+						children: [
+							/* @__PURE__ */ jsxs("div", {
+								className: "wwc:space-y-1.5",
+								children: [/* @__PURE__ */ jsx(Label, {
+									htmlFor: "at-dn",
+									children: "Display name"
+								}), /* @__PURE__ */ jsx(Input, {
+									id: "at-dn",
+									value: at.displayName,
+									onChange: (e) => onChange({
+										...at,
+										displayName: e.target.value
+									})
+								})]
+							}),
+							/* @__PURE__ */ jsxs("div", {
+								className: "wwc:space-y-1.5",
+								children: [
+									/* @__PURE__ */ jsx(Label, {
+										htmlFor: "at-api",
+										children: "API name"
+									}),
+									/* @__PURE__ */ jsx(Input, {
+										id: "at-api",
+										className: "wwc:font-mono",
+										value: at.apiName,
+										onChange: (e) => {
+											const v = e.target.value.trim();
+											if (!v) setApiError("API name cannot be empty.");
+											else if (takenApiNames.includes(v)) setApiError(`API name “${v}” is already used by another action type.`);
+											else setApiError(null);
+											onChange({
+												...at,
+												apiName: e.target.value
+											});
+										}
+									}),
+									apiError && /* @__PURE__ */ jsx("p", {
+										className: "wwc:text-xs wwc:text-destructive",
+										children: apiError
+									})
+								]
+							}),
+							/* @__PURE__ */ jsxs("div", {
+								className: "wwc:space-y-1.5",
+								children: [/* @__PURE__ */ jsx(Label, { children: "Status" }), /* @__PURE__ */ jsxs(Select, {
+									value: at.status,
+									onValueChange: (v) => onChange({
+										...at,
+										status: v
+									}),
+									children: [/* @__PURE__ */ jsx(SelectTrigger, { children: /* @__PURE__ */ jsx(SelectValue, {}) }), /* @__PURE__ */ jsx(SelectContent, { children: WC3_STATUSES.map((s) => /* @__PURE__ */ jsx(SelectItem, {
+										value: s,
+										children: s
+									}, s)) })]
+								})]
+							})
+						]
+					}),
+					/* @__PURE__ */ jsxs("div", {
+						className: "wwc:space-y-1.5",
+						children: [/* @__PURE__ */ jsx(Label, {
+							htmlFor: "at-desc",
+							children: "Description"
+						}), /* @__PURE__ */ jsx(Textarea, {
+							id: "at-desc",
+							value: at.description,
+							onChange: (e) => onChange({
+								...at,
+								description: e.target.value
+							})
+						})]
+					}),
+					/* @__PURE__ */ jsxs(PropertyList, { children: [
+						/* @__PURE__ */ jsx(PropertyRow, {
+							label: "RID",
+							children: /* @__PURE__ */ jsx("span", {
+								className: "wwc:font-mono wwc:text-xs",
+								children: at.rid
+							})
+						}),
+						/* @__PURE__ */ jsx(PropertyRow, {
+							label: "Rules",
+							children: ruleSummary(at)
+						}),
+						/* @__PURE__ */ jsx(PropertyRow, {
+							label: "Provenance",
+							children: at.installedBy ? /* @__PURE__ */ jsxs("span", {
+								className: "wwc:flex wwc:flex-wrap wwc:items-center wwc:gap-2",
+								children: [/* @__PURE__ */ jsxs(Badge, {
+									variant: "infoSoft",
+									children: ["product · ", at.installedBy.productKey]
+								}), /* @__PURE__ */ jsxs("span", {
+									className: "wwc:text-xs wwc:text-muted-foreground",
+									children: [
+										"install ",
+										/* @__PURE__ */ jsx("span", {
+											className: "wwc:font-mono",
+											children: at.installedBy.installId
+										}),
+										" — roll that install back and this action leaves the store with it."
+									]
+								})]
+							}) : /* @__PURE__ */ jsx(Badge, {
+								variant: "neutralSoft",
+								children: "authored locally"
+							})
+						})
+					] })
+				]
+			})] }),
+			/* @__PURE__ */ jsxs(Card, {
+				className: "wwc:border-destructive/30",
+				children: [/* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsx(CardTitle, {
+					className: "wwc:text-sm wwc:text-destructive",
+					children: "Danger zone"
+				}) }), /* @__PURE__ */ jsx(CardContent, {
+					className: "wwc:flex wwc:flex-wrap wwc:items-center wwc:justify-between wwc:gap-3",
+					children: at.status === "Deprecated" ? /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx("p", {
+						className: "wwc:text-sm wwc:text-muted-foreground",
+						children: "This action is deprecated and can now be removed from the ontology."
+					}), /* @__PURE__ */ jsxs(Button, {
+						variant: "destructive",
+						size: "sm",
+						onClick: () => setConfirm("delete"),
+						children: [/* @__PURE__ */ jsx(Trash2, { className: "wwc:h-3.5 wwc:w-3.5" }), "Delete…"]
+					})] }) : /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx("p", {
+						className: "wwc:text-sm wwc:text-muted-foreground",
+						children: "Deprecating hides the action from new surfaces without breaking anything already wired to it."
+					}), /* @__PURE__ */ jsx(Button, {
+						variant: "outline",
+						size: "sm",
+						onClick: () => setConfirm("deprecate"),
+						children: "Deprecate…"
+					})] })
+				})]
+			}),
+			/* @__PURE__ */ jsx(ConfirmDialog, {
+				open: confirm === "deprecate",
+				onOpenChange: (o) => !o && setConfirm(null),
+				title: `Deprecate “${at.displayName}”?`,
+				description: "Existing forms keep working; new surfaces hide it.",
+				confirmLabel: "Deprecate",
+				onConfirm: () => {
+					onChange({
+						...at,
+						status: "Deprecated"
+					});
+					setConfirm(null);
+				}
+			}),
+			/* @__PURE__ */ jsx(ConfirmDialog, {
+				open: confirm === "delete",
+				onOpenChange: (o) => !o && setConfirm(null),
+				title: `Delete “${at.displayName}”?`,
+				description: "The action type and everything configured on it are removed from the ontology. This cannot be undone.",
+				confirmLabel: "Delete action type",
+				destructive: true,
+				onConfirm: () => {
+					setConfirm(null);
+					onDelete(at.id);
+				}
+			})
+		]
+	});
+}
+function describeDefault(d) {
+	if (!d) return /* @__PURE__ */ jsx("span", {
+		className: "wwc:text-muted-foreground",
+		children: "—"
+	});
+	if (d.kind === "static") return /* @__PURE__ */ jsx("span", {
+		className: "wwc:font-mono wwc:text-xs",
+		children: String(d.value)
+	});
+	return /* @__PURE__ */ jsxs("span", {
+		className: "wwc:font-mono wwc:text-xs",
+		children: [
+			d.param,
+			".",
+			d.property
+		]
+	});
+}
+function describeConstraints(p) {
+	const bits = [];
+	if (p.allowedValues?.length) bits.push(p.allowedValues.join(" | "));
+	if (p.validation && (p.validation.min !== void 0 || p.validation.max !== void 0)) bits.push(`${p.validation.min ?? "−∞"}–${p.validation.max ?? "∞"}`);
+	if (!bits.length) return /* @__PURE__ */ jsx("span", {
+		className: "wwc:text-muted-foreground",
+		children: "—"
+	});
+	return /* @__PURE__ */ jsx("span", {
+		className: "wwc:text-xs wwc:text-muted-foreground",
+		children: bits.join(" · ")
+	});
+}
+const yesNo = (v) => v ? "Yes" : /* @__PURE__ */ jsx("span", {
+	className: "wwc:text-muted-foreground",
+	children: "No"
+});
+function ParametersSection({ at, onChange, onOpenParam }) {
+	const params = paramsOf(at);
+	const addParameter = () => {
+		const n = params.length + 1;
+		const next = {
+			id: `${at.id}_p_new_${Date.now()}`,
+			apiName: `parameter_${n}`,
+			displayName: `Parameter ${n}`,
+			type: "string",
+			objectTypeId: null,
+			visible: true,
+			editable: true,
+			required: false,
+			default: null,
+			allowedValues: null,
+			validation: null,
+			overrides: [],
+			description: ""
+		};
+		onChange({
+			...at,
+			parameters: [...params, next]
+		});
+		onOpenParam(next.id);
+	};
+	const columns = useMemo(() => [
+		{
+			accessorKey: "displayName",
+			header: ({ column }) => /* @__PURE__ */ jsx(DataTableColumnHeader, {
+				column,
+				title: "Parameter"
+			}),
+			cell: ({ row }) => /* @__PURE__ */ jsxs("span", {
+				className: "wwc:flex wwc:items-center wwc:gap-2 wwc:font-medium",
+				children: [/* @__PURE__ */ jsx("button", {
+					type: "button",
+					onClick: () => onOpenParam(row.original.id),
+					className: "wwc:text-left wwc:underline wwc:underline-offset-2 wwc:transition-colors wwc:hover:text-primary",
+					children: row.original.displayName
+				}), (row.original.overrides?.length ?? 0) > 0 && /* @__PURE__ */ jsxs(Badge, {
+					variant: "warningSoft",
+					className: "wwc:font-normal",
+					children: [
+						row.original.overrides?.length,
+						" override",
+						row.original.overrides?.length === 1 ? "" : "s"
+					]
+				})]
+			})
+		},
+		{
+			accessorKey: "apiName",
+			header: ({ column }) => /* @__PURE__ */ jsx(DataTableColumnHeader, {
+				column,
+				title: "API name"
+			}),
+			cell: ({ row }) => /* @__PURE__ */ jsx("span", {
+				className: "wwc:font-mono wwc:text-xs wwc:text-muted-foreground",
+				children: row.original.apiName
+			})
+		},
+		{
+			accessorKey: "type",
+			header: ({ column }) => /* @__PURE__ */ jsx(DataTableColumnHeader, {
+				column,
+				title: "Type"
+			}),
+			cell: ({ row }) => {
+				const p = row.original;
+				const ot = p.objectTypeId ? getObjectType(p.objectTypeId) : void 0;
+				return /* @__PURE__ */ jsxs("span", {
+					className: "wwc:flex wwc:items-center wwc:gap-1.5 wwc:whitespace-nowrap wwc:font-mono wwc:text-xs",
+					children: [p.type, p.type === "objectRef" && (ot ? /* @__PURE__ */ jsxs(Fragment$1, { children: [
+						"→ ",
+						/* @__PURE__ */ jsx(OntologyGlyph, {
+							name: ot.icon,
+							color: ot.color
+						}),
+						" ",
+						ot.displayName
+					] }) : /* @__PURE__ */ jsx(Badge, {
+						variant: "dangerSoft",
+						children: "broken ref"
+					}))]
+				});
+			}
+		},
+		{
+			id: "visible",
+			header: "Shown",
+			cell: ({ row }) => yesNo(row.original.visible !== false)
+		},
+		{
+			id: "editable",
+			header: "Editable",
+			cell: ({ row }) => yesNo(row.original.editable !== false)
+		},
+		{
+			id: "required",
+			header: "Required",
+			cell: ({ row }) => yesNo(row.original.required === true)
+		},
+		{
+			id: "default",
+			header: "Default",
+			cell: ({ row }) => describeDefault(row.original.default ?? null)
+		},
+		{
+			id: "constraints",
+			header: "Constraints",
+			cell: ({ row }) => describeConstraints(row.original)
+		}
+	], [onOpenParam]);
+	if (params.length === 0) return /* @__PURE__ */ jsx(Empty, {
+		icon: /* @__PURE__ */ jsx(List, { className: "wwc:h-6 wwc:w-6" }),
+		title: "No parameters",
+		description: "Zero-parameter actions are allowed (e.g. function-backed recomputations), but most actions take input.",
+		action: /* @__PURE__ */ jsxs(Button, {
+			size: "sm",
+			onClick: addParameter,
+			children: [/* @__PURE__ */ jsx(Plus, { className: "wwc:h-3.5 wwc:w-3.5" }), "Add the first parameter"]
+		})
+	});
+	return /* @__PURE__ */ jsx(DataTable, {
+		columns,
+		data: params,
+		searchKey: "displayName",
+		searchPlaceholder: "Filter parameters…",
+		showColumnToggle: true,
+		recordLabel: "parameter",
+		recordLabelPlural: "parameters",
+		pageSize: 25,
+		getRowId: (p) => p.id,
+		emptyMessage: "No parameters match your filter.",
+		toolbarExtra: /* @__PURE__ */ jsxs(Button, {
+			size: "sm",
+			onClick: addParameter,
+			children: [/* @__PURE__ */ jsx(Plus, { className: "wwc:h-3.5 wwc:w-3.5" }), "Add parameter"]
+		})
+	});
+}
+function ParameterSheet({ at, paramId, onOpenChange, onChange }) {
+	const params = paramsOf(at);
+	const p = params.find((x) => x.id === paramId) ?? null;
+	const [confirmRemove, setConfirmRemove] = useState(false);
+	if (!p) return null;
+	const patch = (next) => onChange({
+		...at,
+		parameters: params.map((x) => x.id === p.id ? {
+			...x,
+			...next
+		} : x)
+	});
+	const nameTaken = params.some((x) => x.id !== p.id && x.apiName.trim() === p.apiName.trim());
+	const refParams = params.filter((x) => x.type === "objectRef" && x.objectTypeId);
+	const defaultKind = p.default?.kind ?? "none";
+	const fromProperty = p.default?.kind === "fromObjectProperty" ? p.default : null;
+	const sourceParam = fromProperty ? refParams.find((x) => x.apiName === fromProperty.param) : void 0;
+	const sourceType = sourceParam?.objectTypeId ? getObjectType(sourceParam.objectTypeId) : void 0;
+	return /* @__PURE__ */ jsx(Sheet, {
+		open: paramId !== null,
+		onOpenChange,
+		children: /* @__PURE__ */ jsxs(SheetContent, {
+			className: "wwc:w-full wwc:overflow-y-auto wwc:sm:max-w-lg",
+			children: [
+				/* @__PURE__ */ jsx(SheetTitle, {
+					className: "wwc:mb-4 wwc:pr-8",
+					children: p.displayName
+				}),
+				/* @__PURE__ */ jsxs("div", {
+					className: "wwc:space-y-4",
+					children: [
+						/* @__PURE__ */ jsxs("div", {
+							className: "wwc:space-y-1.5",
+							children: [/* @__PURE__ */ jsx(Label, {
+								htmlFor: "ps-dn",
+								children: "Display name"
+							}), /* @__PURE__ */ jsx(Input, {
+								id: "ps-dn",
+								value: p.displayName,
+								onChange: (e) => patch({ displayName: e.target.value })
+							})]
+						}),
+						/* @__PURE__ */ jsxs("div", {
+							className: "wwc:space-y-1.5",
+							children: [
+								/* @__PURE__ */ jsx(Label, {
+									htmlFor: "ps-api",
+									children: "API name"
+								}),
+								/* @__PURE__ */ jsx(Input, {
+									id: "ps-api",
+									className: "wwc:font-mono",
+									value: p.apiName,
+									onChange: (e) => patch({ apiName: e.target.value })
+								}),
+								!p.apiName.trim() ? /* @__PURE__ */ jsx("p", {
+									className: "wwc:text-xs wwc:text-destructive",
+									children: "API name cannot be empty."
+								}) : nameTaken ? /* @__PURE__ */ jsxs("p", {
+									className: "wwc:text-xs wwc:text-destructive",
+									children: [
+										"API name “",
+										p.apiName,
+										"” is already used by another parameter on this action."
+									]
+								}) : null
+							]
+						}),
+						/* @__PURE__ */ jsxs("div", {
+							className: "wwc:grid wwc:gap-3 wwc:sm:grid-cols-2",
+							children: [/* @__PURE__ */ jsxs("div", {
+								className: "wwc:space-y-1.5",
+								children: [/* @__PURE__ */ jsx(Label, { children: "Type" }), /* @__PURE__ */ jsxs(Select, {
+									value: p.type,
+									onValueChange: (v) => patch({
+										type: v,
+										objectTypeId: v === "objectRef" ? p.objectTypeId ?? WC3_OBJECT_TYPES[0]?.id ?? null : null
+									}),
+									children: [/* @__PURE__ */ jsx(SelectTrigger, { children: /* @__PURE__ */ jsx(SelectValue, {}) }), /* @__PURE__ */ jsx(SelectContent, { children: ACTION_PARAM_TYPES.map((t) => /* @__PURE__ */ jsx(SelectItem, {
+										value: t,
+										children: t
+									}, t)) })]
+								})]
+							}), p.type === "objectRef" && /* @__PURE__ */ jsxs("div", {
+								className: "wwc:space-y-1.5",
+								children: [/* @__PURE__ */ jsx(Label, { children: "Object type" }), /* @__PURE__ */ jsxs(Select, {
+									value: p.objectTypeId ?? "",
+									onValueChange: (v) => patch({ objectTypeId: v }),
+									children: [/* @__PURE__ */ jsx(SelectTrigger, { children: /* @__PURE__ */ jsx(SelectValue, { placeholder: "Object type…" }) }), /* @__PURE__ */ jsx(SelectContent, { children: WC3_OBJECT_TYPES.map((o) => /* @__PURE__ */ jsx(SelectItem, {
+										value: o.id,
+										children: o.displayName
+									}, o.id)) })]
+								})]
+							})]
+						}),
+						/* @__PURE__ */ jsxs("div", {
+							className: "wwc:space-y-2 wwc:rounded-lg wwc:border wwc:border-border wwc:p-3",
+							children: [
+								/* @__PURE__ */ jsxs("div", {
+									className: "wwc:flex wwc:items-center wwc:justify-between wwc:gap-3 wwc:text-sm",
+									children: [/* @__PURE__ */ jsx(Label, {
+										htmlFor: "ps-visible",
+										children: "Shown in form"
+									}), /* @__PURE__ */ jsx(Switch, {
+										id: "ps-visible",
+										checked: p.visible !== false,
+										onCheckedChange: (v) => patch({ visible: v })
+									})]
+								}),
+								/* @__PURE__ */ jsxs("div", {
+									className: "wwc:flex wwc:items-center wwc:justify-between wwc:gap-3 wwc:text-sm",
+									children: [/* @__PURE__ */ jsx(Label, {
+										htmlFor: "ps-editable",
+										children: "User-editable"
+									}), /* @__PURE__ */ jsx(Switch, {
+										id: "ps-editable",
+										checked: p.editable !== false,
+										onCheckedChange: (v) => patch({ editable: v })
+									})]
+								}),
+								/* @__PURE__ */ jsxs("div", {
+									className: "wwc:flex wwc:items-center wwc:justify-between wwc:gap-3 wwc:text-sm",
+									children: [/* @__PURE__ */ jsx(Label, {
+										htmlFor: "ps-required",
+										children: "Required"
+									}), /* @__PURE__ */ jsx(Switch, {
+										id: "ps-required",
+										checked: p.required === true,
+										onCheckedChange: (v) => patch({ required: v })
+									})]
+								})
+							]
+						}),
+						/* @__PURE__ */ jsxs("div", {
+							className: "wwc:space-y-1.5",
+							children: [
+								/* @__PURE__ */ jsx(Label, { children: "Default value" }),
+								/* @__PURE__ */ jsxs(Select, {
+									value: defaultKind,
+									onValueChange: (v) => patch({ default: v === "none" ? null : v === "static" ? {
+										kind: "static",
+										value: ""
+									} : {
+										kind: "fromObjectProperty",
+										param: refParams[0]?.apiName ?? "",
+										property: ""
+									} }),
+									children: [/* @__PURE__ */ jsx(SelectTrigger, { children: /* @__PURE__ */ jsx(SelectValue, {}) }), /* @__PURE__ */ jsxs(SelectContent, { children: [
+										/* @__PURE__ */ jsx(SelectItem, {
+											value: "none",
+											children: "No default"
+										}),
+										/* @__PURE__ */ jsx(SelectItem, {
+											value: "static",
+											children: "Static value"
+										}),
+										/* @__PURE__ */ jsx(SelectItem, {
+											value: "fromObjectProperty",
+											children: "From selected object's property"
+										})
+									] })]
+								}),
+								p.default?.kind === "static" && /* @__PURE__ */ jsx(Input, {
+									"aria-label": "Static default value",
+									value: String(p.default.value ?? ""),
+									onChange: (e) => patch({ default: {
+										kind: "static",
+										value: e.target.value
+									} })
+								}),
+								fromProperty && /* @__PURE__ */ jsxs("div", {
+									className: "wwc:grid wwc:gap-2 wwc:sm:grid-cols-2",
+									children: [/* @__PURE__ */ jsxs(Select, {
+										value: fromProperty.param,
+										onValueChange: (v) => patch({ default: {
+											kind: "fromObjectProperty",
+											param: v,
+											property: ""
+										} }),
+										children: [/* @__PURE__ */ jsx(SelectTrigger, {
+											"aria-label": "Source parameter",
+											children: /* @__PURE__ */ jsx(SelectValue, { placeholder: "Parameter…" })
+										}), /* @__PURE__ */ jsx(SelectContent, { children: refParams.map((x) => /* @__PURE__ */ jsx(SelectItem, {
+											value: x.apiName,
+											children: x.apiName
+										}, x.id)) })]
+									}), /* @__PURE__ */ jsxs(Select, {
+										value: fromProperty.property,
+										onValueChange: (v) => patch({ default: {
+											kind: "fromObjectProperty",
+											param: fromProperty.param,
+											property: v
+										} }),
+										children: [/* @__PURE__ */ jsx(SelectTrigger, {
+											"aria-label": "Source property",
+											children: /* @__PURE__ */ jsx(SelectValue, { placeholder: "Property…" })
+										}), /* @__PURE__ */ jsx(SelectContent, { children: (sourceType?.properties ?? []).map((prop) => /* @__PURE__ */ jsx(SelectItem, {
+											value: prop.apiName,
+											children: prop.apiName
+										}, prop.id)) })]
+									})]
+								})
+							]
+						}),
+						/* @__PURE__ */ jsxs("div", {
+							className: "wwc:space-y-1.5",
+							children: [
+								/* @__PURE__ */ jsx(Label, {
+									htmlFor: "ps-allowed",
+									children: "Allowed values"
+								}),
+								/* @__PURE__ */ jsx(Input, {
+									id: "ps-allowed",
+									placeholder: "Low, Medium, High, Critical",
+									value: (p.allowedValues ?? []).join(", "),
+									onChange: (e) => {
+										const list = e.target.value.split(",").map((s) => s.trim()).filter(Boolean);
+										patch({ allowedValues: list.length ? list : null });
+									}
+								}),
+								/* @__PURE__ */ jsx("p", {
+									className: "wwc:text-xs wwc:text-muted-foreground",
+									children: "Comma-separated. A parameter with allowed values renders as a select in the run form."
+								})
+							]
+						}),
+						/* @__PURE__ */ jsxs("div", {
+							className: "wwc:space-y-2",
+							children: [
+								/* @__PURE__ */ jsx(Label, { children: "Validation" }),
+								/* @__PURE__ */ jsxs("div", {
+									className: "wwc:grid wwc:gap-2 wwc:sm:grid-cols-2",
+									children: [/* @__PURE__ */ jsx(Input, {
+										type: "number",
+										"aria-label": "Minimum",
+										placeholder: "min",
+										value: p.validation?.min ?? "",
+										onChange: (e) => patch({ validation: {
+											...p.validation,
+											min: e.target.value === "" ? void 0 : Number(e.target.value)
+										} })
+									}), /* @__PURE__ */ jsx(Input, {
+										type: "number",
+										"aria-label": "Maximum",
+										placeholder: "max",
+										value: p.validation?.max ?? "",
+										onChange: (e) => patch({ validation: {
+											...p.validation,
+											max: e.target.value === "" ? void 0 : Number(e.target.value)
+										} })
+									})]
+								}),
+								/* @__PURE__ */ jsx(Input, {
+									"aria-label": "Validation error message",
+									placeholder: "Error message shown when the value is out of range",
+									value: p.validation?.error ?? "",
+									onChange: (e) => patch({ validation: {
+										...p.validation,
+										error: e.target.value
+									} })
+								})
+							]
+						}),
+						/* @__PURE__ */ jsxs("div", {
+							className: "wwc:space-y-2",
+							children: [
+								/* @__PURE__ */ jsx(Label, { children: "Conditional overrides" }),
+								(p.overrides ?? []).length === 0 ? /* @__PURE__ */ jsx("p", {
+									className: "wwc:text-xs wwc:text-muted-foreground",
+									children: "No overrides. An override re-evaluates live while the form is being filled in."
+								}) : /* @__PURE__ */ jsx("div", {
+									className: "wwc:space-y-2",
+									children: withKeys(p.overrides ?? [], (o) => `${o.when.param}:${o.when.op}`).map(({ key, item: o, index }) => /* @__PURE__ */ jsxs("div", {
+										className: "wwc:flex wwc:items-start wwc:justify-between wwc:gap-2 wwc:rounded-md wwc:border wwc:border-border wwc:p-2.5 wwc:text-xs",
+										children: [/* @__PURE__ */ jsxs("span", { children: [
+											"when ",
+											/* @__PURE__ */ jsx("span", {
+												className: "wwc:font-mono",
+												children: o.when.param
+											}),
+											" ",
+											o.when.op,
+											" ",
+											/* @__PURE__ */ jsx("span", {
+												className: "wwc:font-mono",
+												children: Array.isArray(o.when.value) ? o.when.value.join(", ") : String(o.when.value)
+											}),
+											" ",
+											"→ ",
+											Object.keys(o.set).join(", "),
+											o.note && /* @__PURE__ */ jsx("span", {
+												className: "wwc:block wwc:text-muted-foreground",
+												children: o.note
+											})
+										] }), /* @__PURE__ */ jsx(Button, {
+											variant: "ghost",
+											icon: true,
+											"aria-label": "Remove override",
+											className: "wwc:h-6 wwc:w-6 wwc:shrink-0 wwc:text-destructive",
+											onClick: () => patch({ overrides: (p.overrides ?? []).filter((_, i) => i !== index) }),
+											children: /* @__PURE__ */ jsx(X, { className: "wwc:h-3.5 wwc:w-3.5" })
+										})]
+									}, key))
+								}),
+								/* @__PURE__ */ jsxs(Button, {
+									variant: "outline",
+									size: "sm",
+									onClick: () => patch({ overrides: [...p.overrides ?? [], {
+										when: {
+											param: params[0]?.apiName ?? "",
+											op: "in",
+											value: []
+										},
+										set: { required: true },
+										note: "Required when …"
+									}] }),
+									children: [/* @__PURE__ */ jsx(Plus, { className: "wwc:h-3.5 wwc:w-3.5" }), "Add override (required-when)"]
+								})
+							]
+						}),
+						/* @__PURE__ */ jsx("div", {
+							className: "wwc:border-t wwc:border-border wwc:pt-4",
+							children: /* @__PURE__ */ jsxs(Button, {
+								variant: "outline",
+								size: "sm",
+								className: "wwc:text-destructive",
+								onClick: () => setConfirmRemove(true),
+								children: [/* @__PURE__ */ jsx(Trash2, { className: "wwc:h-3.5 wwc:w-3.5" }), "Remove parameter…"]
+							})
+						})
+					]
+				}),
+				/* @__PURE__ */ jsx(ConfirmDialog, {
+					open: confirmRemove,
+					onOpenChange: setConfirmRemove,
+					title: `Remove “${p.displayName}”?`,
+					description: "The parameter is dropped from the action, from every rule that reads it, and from the form layout.",
+					confirmLabel: "Remove parameter",
+					destructive: true,
+					onConfirm: () => {
+						setConfirmRemove(false);
+						const layout = layoutOf(at);
+						onChange({
+							...at,
+							parameters: params.filter((x) => x.id !== p.id),
+							formLayout: {
+								...layout,
+								sections: layout.sections.map((s) => ({
+									...s,
+									parameterIds: s.parameterIds.filter((id) => id !== p.id)
+								}))
+							}
+						});
+						onOpenChange(false);
+					}
+				})
+			]
+		})
+	});
+}
+function MappingRow({ mapping, onChange, onRemove, params }) {
+	const from = mapping.from;
+	return /* @__PURE__ */ jsxs("div", {
+		className: "wwc:flex wwc:flex-wrap wwc:items-center wwc:gap-2 wwc:text-xs",
+		children: [
+			/* @__PURE__ */ jsx("span", {
+				className: "wwc:font-mono",
+				children: mapping.property
+			}),
+			/* @__PURE__ */ jsx("span", {
+				className: "wwc:text-muted-foreground",
+				children: "←"
+			}),
+			/* @__PURE__ */ jsxs(Select, {
+				value: from.kind,
+				onValueChange: (v) => onChange({
+					...mapping,
+					from: v === "param" ? {
+						kind: "param",
+						param: params[0]?.apiName ?? ""
+					} : v === "static" ? {
+						kind: "static",
+						value: ""
+					} : v === "now" ? { kind: "now" } : {
+						kind: "template",
+						value: ""
+					}
+				}),
+				children: [/* @__PURE__ */ jsx(SelectTrigger, {
+					className: "wwc:h-7 wwc:w-28",
+					"aria-label": "Mapping source",
+					children: /* @__PURE__ */ jsx(SelectValue, {})
+				}), /* @__PURE__ */ jsx(SelectContent, { children: MAPPING_KINDS.map((k) => /* @__PURE__ */ jsx(SelectItem, {
+					value: k,
+					children: k
+				}, k)) })]
+			}),
+			from.kind === "param" && /* @__PURE__ */ jsxs(Select, {
+				value: from.param,
+				onValueChange: (v) => onChange({
+					...mapping,
+					from: {
+						kind: "param",
+						param: v
+					}
+				}),
+				children: [/* @__PURE__ */ jsx(SelectTrigger, {
+					className: "wwc:h-7 wwc:w-44",
+					"aria-label": "Source parameter",
+					children: /* @__PURE__ */ jsx(SelectValue, { placeholder: "Parameter…" })
+				}), /* @__PURE__ */ jsx(SelectContent, { children: params.map((p) => /* @__PURE__ */ jsx(SelectItem, {
+					value: p.apiName,
+					children: p.apiName
+				}, p.id)) })]
+			}),
+			from.kind === "static" && /* @__PURE__ */ jsx(Input, {
+				"aria-label": "Static value",
+				className: "wwc:h-7 wwc:w-44",
+				value: String(from.value ?? ""),
+				onChange: (e) => onChange({
+					...mapping,
+					from: {
+						kind: "static",
+						value: e.target.value
+					}
+				})
+			}),
+			from.kind === "template" && /* @__PURE__ */ jsx(Input, {
+				"aria-label": "Template",
+				className: "wwc:h-7 wwc:w-56 wwc:font-mono",
+				value: from.value,
+				onChange: (e) => onChange({
+					...mapping,
+					from: {
+						kind: "template",
+						value: e.target.value
+					}
+				})
+			}),
+			from.kind === "now" && /* @__PURE__ */ jsx("span", {
+				className: "wwc:font-mono wwc:text-muted-foreground",
+				children: "now()"
+			}),
+			/* @__PURE__ */ jsx(Button, {
+				variant: "ghost",
+				icon: true,
+				"aria-label": `Remove mapping for ${mapping.property}`,
+				className: "wwc:h-6 wwc:w-6 wwc:text-destructive",
+				onClick: onRemove,
+				children: /* @__PURE__ */ jsx(X, { className: "wwc:h-3.5 wwc:w-3.5" })
+			})
+		]
+	});
+}
+function RulesSection({ at, onChange }) {
+	const fn = fnRuleOf(at);
+	const rules = declRulesOf(at);
+	const params = paramsOf(at);
+	const [confirm, setConfirm] = useState(null);
+	const patchRule = (index, next) => onChange({
+		...at,
+		rules: rules.map((r, i) => i === index ? {
+			...r,
+			...next
+		} : r)
+	});
+	const addRule = (kind) => {
+		const isLink = kind === "createLink" || kind === "deleteLink";
+		onChange({
+			...at,
+			rules: [...rules, {
+				kind,
+				objectTypeId: isLink ? void 0 : WC3_OBJECT_TYPES[0]?.id,
+				linkTypeId: isLink ? WC3_LINK_TYPES[0]?.id : void 0,
+				aParam: isLink ? CREATED_OBJECT : void 0,
+				bParam: isLink ? ANY_OBJECT : void 0,
+				set: kind === "createObject" || kind === "modifyObject" ? [] : void 0
+			}]
+		});
+	};
+	if (fn) return /* @__PURE__ */ jsxs(Card, { children: [/* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsx(CardTitle, {
+		className: "wwc:text-sm",
+		children: "Function-backed action"
+	}) }), /* @__PURE__ */ jsxs(CardContent, {
+		className: "wwc:space-y-3",
+		children: [
+			/* @__PURE__ */ jsxs("div", {
+				className: "wwc:space-y-1.5",
+				children: [/* @__PURE__ */ jsx(Label, { children: "Function" }), /* @__PURE__ */ jsxs(Select, {
+					value: fn.functionName,
+					onValueChange: (v) => onChange({
+						...at,
+						rules: {
+							...fn,
+							functionName: v
+						}
+					}),
+					children: [/* @__PURE__ */ jsx(SelectTrigger, {
+						className: "wwc:w-72",
+						children: /* @__PURE__ */ jsx(SelectValue, {})
+					}), /* @__PURE__ */ jsx(SelectContent, { children: [.../* @__PURE__ */ new Set([fn.functionName, ...KNOWN_FUNCTIONS])].map((name) => /* @__PURE__ */ jsx(SelectItem, {
+						value: name,
+						children: name
+					}, name)) })]
+				})]
+			}),
+			/* @__PURE__ */ jsx("p", {
+				className: "wwc:text-sm wwc:text-muted-foreground",
+				children: fn.description
+			}),
+			/* @__PURE__ */ jsx("p", {
+				className: "wwc:text-xs wwc:text-muted-foreground",
+				children: "A function rule is exclusive — the action runs the function instead of a declarative rule list."
+			}),
+			/* @__PURE__ */ jsx(Button, {
+				variant: "outline",
+				size: "sm",
+				onClick: () => setConfirm("toDeclarative"),
+				children: "Use declarative rules instead"
+			}),
+			/* @__PURE__ */ jsx(ConfirmDialog, {
+				open: confirm === "toDeclarative",
+				onOpenChange: (o) => !o && setConfirm(null),
+				title: "Replace the function with declarative rules?",
+				description: `ƒ ${fn.functionName} will be dropped and the action will start with an empty rule list.`,
+				confirmLabel: "Use declarative rules",
+				destructive: true,
+				onConfirm: () => {
+					setConfirm(null);
+					onChange({
+						...at,
+						rules: []
+					});
+				}
+			})
+		]
+	})] });
+	return /* @__PURE__ */ jsxs("div", {
+		className: "wwc:space-y-4",
+		children: [
+			/* @__PURE__ */ jsx(RuleList, {
+				emptyMessage: "No rules. An action with no rules writes nothing when it runs.",
+				children: withKeys(rules, (r) => r.kind).map(({ key: ruleKey, item: r, index }) => {
+					const isLink = r.kind === "createLink" || r.kind === "deleteLink";
+					const composite = r.kind === "createObject" || r.kind === "modifyObject";
+					const target = r.objectTypeId ? getObjectType(r.objectTypeId) : void 0;
+					const detail = composite ? /* @__PURE__ */ jsxs("div", {
+						className: "wwc:w-full wwc:space-y-1.5 wwc:border-t wwc:border-border wwc:px-3 wwc:py-2",
+						children: [
+							(r.set ?? []).length === 0 && /* @__PURE__ */ jsx("p", {
+								className: "wwc:text-xs wwc:text-muted-foreground",
+								children: "No property mappings yet."
+							}),
+							withKeys(r.set ?? [], (m) => m.property).map(({ key, item: m, index: mi }) => /* @__PURE__ */ jsx(MappingRow, {
+								mapping: m,
+								params,
+								onChange: (next) => patchRule(index, { set: (r.set ?? []).map((x, xi) => xi === mi ? next : x) }),
+								onRemove: () => patchRule(index, { set: (r.set ?? []).filter((_, xi) => xi !== mi) })
+							}, key)),
+							/* @__PURE__ */ jsxs(DropdownMenu, { children: [/* @__PURE__ */ jsx(DropdownMenuTrigger, {
+								asChild: true,
+								children: /* @__PURE__ */ jsxs(Button, {
+									variant: "outline",
+									size: "sm",
+									className: "wwc:h-7",
+									children: [/* @__PURE__ */ jsx(Plus, { className: "wwc:h-3.5 wwc:w-3.5" }), "Set property"]
+								})
+							}), /* @__PURE__ */ jsx(DropdownMenuContent, {
+								align: "start",
+								className: "wwc:max-h-72 wwc:overflow-auto",
+								children: (target?.properties ?? []).map((prop) => /* @__PURE__ */ jsx(DropdownMenuItem, {
+									onSelect: () => patchRule(index, { set: [...r.set ?? [], {
+										property: prop.apiName,
+										from: {
+											kind: "param",
+											param: params[0]?.apiName ?? ""
+										}
+									}] }),
+									children: prop.apiName
+								}, prop.id))
+							})] })
+						]
+					}) : null;
+					return /* @__PURE__ */ jsxs("div", {
+						className: "wwc:rounded-lg wwc:border wwc:border-border",
+						children: [/* @__PURE__ */ jsxs(RuleRow, {
+							className: "wwc:border-0",
+							showDragHandle: false,
+							onDelete: () => onChange({
+								...at,
+								rules: rules.filter((_, i) => i !== index)
+							}),
+							children: [
+								/* @__PURE__ */ jsxs("span", {
+									className: "wwc:font-mono wwc:text-xs wwc:text-muted-foreground",
+									children: [index + 1, "."]
+								}),
+								/* @__PURE__ */ jsx(Badge, {
+									variant: "neutralSoft",
+									className: "wwc:font-mono wwc:font-normal",
+									children: r.kind
+								}),
+								isLink ? /* @__PURE__ */ jsxs(Select, {
+									value: r.linkTypeId ?? "",
+									onValueChange: (v) => patchRule(index, { linkTypeId: v }),
+									children: [/* @__PURE__ */ jsx(SelectTrigger, {
+										className: "wwc:w-56",
+										"aria-label": "Link type",
+										children: /* @__PURE__ */ jsx(SelectValue, { placeholder: "Link type…" })
+									}), /* @__PURE__ */ jsx(SelectContent, { children: WC3_LINK_TYPES.map((l) => /* @__PURE__ */ jsx(SelectItem, {
+										value: l.id,
+										children: linkTypeLabel(l)
+									}, l.id)) })]
+								}) : /* @__PURE__ */ jsxs(Select, {
+									value: r.objectTypeId ?? "",
+									onValueChange: (v) => patchRule(index, { objectTypeId: v }),
+									children: [/* @__PURE__ */ jsx(SelectTrigger, {
+										className: "wwc:w-56",
+										"aria-label": "Object type",
+										children: /* @__PURE__ */ jsx(SelectValue, { placeholder: "Object type…" })
+									}), /* @__PURE__ */ jsx(SelectContent, { children: WC3_OBJECT_TYPES.map((o) => /* @__PURE__ */ jsx(SelectItem, {
+										value: o.id,
+										children: o.displayName
+									}, o.id)) })]
+								}),
+								isLink ? /* @__PURE__ */ jsxs(Fragment$1, { children: [
+									/* @__PURE__ */ jsx("span", {
+										className: "wwc:text-sm wwc:text-muted-foreground",
+										children: "A"
+									}),
+									/* @__PURE__ */ jsxs(Select, {
+										value: r.aParam ?? CREATED_OBJECT,
+										onValueChange: (v) => patchRule(index, { aParam: v }),
+										children: [/* @__PURE__ */ jsx(SelectTrigger, {
+											className: "wwc:w-40",
+											"aria-label": "Side A parameter",
+											children: /* @__PURE__ */ jsx(SelectValue, {})
+										}), /* @__PURE__ */ jsxs(SelectContent, { children: [
+											/* @__PURE__ */ jsx(SelectItem, {
+												value: CREATED_OBJECT,
+												children: "(created object)"
+											}),
+											/* @__PURE__ */ jsx(SelectItem, {
+												value: ANY_OBJECT,
+												children: "* (any)"
+											}),
+											params.map((p) => /* @__PURE__ */ jsx(SelectItem, {
+												value: p.apiName,
+												children: p.apiName
+											}, p.id))
+										] })]
+									}),
+									/* @__PURE__ */ jsx("span", {
+										className: "wwc:text-sm wwc:text-muted-foreground",
+										children: "B"
+									}),
+									/* @__PURE__ */ jsxs(Select, {
+										value: r.bParam ?? ANY_OBJECT,
+										onValueChange: (v) => patchRule(index, { bParam: v }),
+										children: [/* @__PURE__ */ jsx(SelectTrigger, {
+											className: "wwc:w-40",
+											"aria-label": "Side B parameter",
+											children: /* @__PURE__ */ jsx(SelectValue, {})
+										}), /* @__PURE__ */ jsxs(SelectContent, { children: [
+											/* @__PURE__ */ jsx(SelectItem, {
+												value: CREATED_OBJECT,
+												children: "(created object)"
+											}),
+											/* @__PURE__ */ jsx(SelectItem, {
+												value: ANY_OBJECT,
+												children: "* (any)"
+											}),
+											params.map((p) => /* @__PURE__ */ jsx(SelectItem, {
+												value: p.apiName,
+												children: p.apiName
+											}, p.id))
+										] })]
+									})
+								] }) : r.kind === "createObject" ? null : /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx("span", {
+									className: "wwc:text-sm wwc:text-muted-foreground",
+									children: "target"
+								}), /* @__PURE__ */ jsxs(Select, {
+									value: r.targetParam ?? "",
+									onValueChange: (v) => patchRule(index, { targetParam: v }),
+									children: [/* @__PURE__ */ jsx(SelectTrigger, {
+										className: "wwc:w-44",
+										"aria-label": "Target parameter",
+										children: /* @__PURE__ */ jsx(SelectValue, { placeholder: "Parameter…" })
+									}), /* @__PURE__ */ jsx(SelectContent, { children: params.map((p) => /* @__PURE__ */ jsx(SelectItem, {
+										value: p.apiName,
+										children: p.apiName
+									}, p.id)) })]
+								})] })
+							]
+						}), detail]
+					}, ruleKey);
+				})
+			}),
+			/* @__PURE__ */ jsxs(DropdownMenu, { children: [/* @__PURE__ */ jsx(DropdownMenuTrigger, {
+				asChild: true,
+				children: /* @__PURE__ */ jsxs(Button, {
+					variant: "outline",
+					children: [/* @__PURE__ */ jsx(Plus, { className: "wwc:h-4 wwc:w-4" }), "Add rule"]
+				})
+			}), /* @__PURE__ */ jsxs(DropdownMenuContent, {
+				align: "start",
+				children: [
+					Object.entries(RULE_KIND_LABEL).map(([kind, label]) => /* @__PURE__ */ jsx(DropdownMenuItem, {
+						onSelect: () => addRule(kind),
+						children: label
+					}, kind)),
+					/* @__PURE__ */ jsx(DropdownMenuSeparator, {}),
+					/* @__PURE__ */ jsx(DropdownMenuItem, {
+						onSelect: () => setConfirm("toFunction"),
+						children: "ƒ Convert to function-backed (exclusive)"
+					})
+				]
+			})] }),
+			/* @__PURE__ */ jsx(ConfirmDialog, {
+				open: confirm === "toFunction",
+				onOpenChange: (o) => !o && setConfirm(null),
+				title: "Convert to a function-backed action?",
+				description: `A function rule is exclusive — the ${rules.length} declarative rule${rules.length === 1 ? "" : "s"} on this action will be replaced.`,
+				confirmLabel: "Convert",
+				destructive: true,
+				onConfirm: () => {
+					setConfirm(null);
+					onChange({
+						...at,
+						rules: {
+							kind: "function",
+							functionName: KNOWN_FUNCTIONS[0],
+							description: "Backing function — describe what it writes."
+						}
+					});
+				}
+			})
+		]
+	});
+}
+function CriteriaNode({ node, path, params, onChange, onRemove }) {
+	const errorRow = (value, set) => /* @__PURE__ */ jsx(Input, {
+		"aria-label": "Error message when unmet",
+		placeholder: "Error message when unmet",
+		className: "wwc:h-8 wwc:text-xs",
+		value: value ?? "",
+		onChange: (e) => set(e.target.value)
+	});
+	if ("kind" in node && node.kind === "fn") return /* @__PURE__ */ jsxs("div", {
+		className: "wwc:flex wwc:flex-wrap wwc:items-center wwc:gap-2 wwc:rounded-md wwc:border wwc:border-dashed wwc:border-border wwc:p-2.5 wwc:text-xs",
+		children: [
+			/* @__PURE__ */ jsxs(Badge, {
+				variant: "infoSoft",
+				className: "wwc:font-mono wwc:font-normal",
+				children: ["ƒ ", node.name]
+			}),
+			node.states?.length ? /* @__PURE__ */ jsxs("span", {
+				className: "wwc:font-mono wwc:text-muted-foreground",
+				children: ["state ∈ ", `{${node.states.join(", ")}}`]
+			}) : null,
+			/* @__PURE__ */ jsx("span", {
+				className: "wwc:text-muted-foreground",
+				children: "server-side guard · read-only"
+			})
+		]
+	});
+	if ("kind" in node && node.kind === "param") return /* @__PURE__ */ jsxs("div", {
+		className: "wwc:space-y-2 wwc:rounded-md wwc:border wwc:border-border wwc:p-2.5",
+		children: [/* @__PURE__ */ jsxs("div", {
+			className: "wwc:flex wwc:flex-wrap wwc:items-center wwc:gap-2",
+			children: [
+				/* @__PURE__ */ jsxs(Select, {
+					value: node.param,
+					onValueChange: (v) => onChange({
+						...node,
+						param: v
+					}),
+					children: [/* @__PURE__ */ jsx(SelectTrigger, {
+						className: "wwc:h-8 wwc:w-48",
+						"aria-label": "Parameter",
+						children: /* @__PURE__ */ jsx(SelectValue, { placeholder: "Parameter…" })
+					}), /* @__PURE__ */ jsx(SelectContent, { children: params.map((p) => /* @__PURE__ */ jsx(SelectItem, {
+						value: p.apiName,
+						children: p.apiName
+					}, p.id)) })]
+				}),
+				/* @__PURE__ */ jsxs(Select, {
+					value: node.op,
+					onValueChange: (v) => onChange({
+						...node,
+						op: v
+					}),
+					children: [/* @__PURE__ */ jsx(SelectTrigger, {
+						className: "wwc:h-8 wwc:w-32",
+						"aria-label": "Operator",
+						children: /* @__PURE__ */ jsx(SelectValue, {})
+					}), /* @__PURE__ */ jsx(SelectContent, { children: CRIT_OPS.map((op) => /* @__PURE__ */ jsx(SelectItem, {
+						value: op,
+						children: op
+					}, op)) })]
+				}),
+				/* @__PURE__ */ jsx(Input, {
+					"aria-label": "Value",
+					className: "wwc:h-8 wwc:w-40",
+					value: String(node.value ?? ""),
+					onChange: (e) => {
+						const raw = e.target.value;
+						const asNumber = Number(raw);
+						onChange({
+							...node,
+							value: raw !== "" && !Number.isNaN(asNumber) ? asNumber : raw
+						});
+					}
+				}),
+				onRemove && /* @__PURE__ */ jsx(Button, {
+					variant: "ghost",
+					icon: true,
+					"aria-label": "Remove condition",
+					className: "wwc:ml-auto wwc:h-7 wwc:w-7 wwc:text-destructive",
+					onClick: onRemove,
+					children: /* @__PURE__ */ jsx(Trash2, { className: "wwc:h-4 wwc:w-4" })
+				})
+			]
+		}), errorRow(node.error, (v) => onChange({
+			...node,
+			error: v
+		}))]
+	});
+	if ("kind" in node && node.kind === "userGroup") {
+		const addable = WC3_USER_GROUPS.filter((g) => !node.groups.includes(g));
+		return /* @__PURE__ */ jsxs("div", {
+			className: "wwc:space-y-2 wwc:rounded-md wwc:border wwc:border-border wwc:p-2.5",
+			children: [/* @__PURE__ */ jsxs("div", {
+				className: "wwc:flex wwc:flex-wrap wwc:items-center wwc:gap-1.5",
+				children: [
+					/* @__PURE__ */ jsx("span", {
+						className: "wwc:text-xs wwc:text-muted-foreground",
+						children: "acting user in"
+					}),
+					node.groups.map((g) => /* @__PURE__ */ jsxs(Badge, {
+						variant: "neutralSoft",
+						className: "wwc:gap-1 wwc:font-normal",
+						children: [g, /* @__PURE__ */ jsx("button", {
+							type: "button",
+							"aria-label": `Remove ${g}`,
+							onClick: () => onChange({
+								...node,
+								groups: node.groups.filter((x) => x !== g)
+							}),
+							className: "wwc:ml-0.5 wwc:rounded wwc:hover:text-foreground",
+							children: /* @__PURE__ */ jsx(X, { className: "wwc:h-3 wwc:w-3" })
+						})]
+					}, g)),
+					addable.length > 0 && /* @__PURE__ */ jsxs(DropdownMenu, { children: [/* @__PURE__ */ jsx(DropdownMenuTrigger, {
+						asChild: true,
+						children: /* @__PURE__ */ jsx(Button, {
+							variant: "outline",
+							size: "sm",
+							icon: true,
+							"aria-label": "Add user group",
+							className: "wwc:h-6 wwc:w-6",
+							children: /* @__PURE__ */ jsx(Plus, { className: "wwc:h-3 wwc:w-3" })
+						})
+					}), /* @__PURE__ */ jsx(DropdownMenuContent, {
+						align: "start",
+						children: addable.map((g) => /* @__PURE__ */ jsx(DropdownMenuItem, {
+							onSelect: () => onChange({
+								...node,
+								groups: [...node.groups, g]
+							}),
+							children: g
+						}, g))
+					})] }),
+					onRemove && /* @__PURE__ */ jsx(Button, {
+						variant: "ghost",
+						icon: true,
+						"aria-label": "Remove condition",
+						className: "wwc:ml-auto wwc:h-7 wwc:w-7 wwc:text-destructive",
+						onClick: onRemove,
+						children: /* @__PURE__ */ jsx(Trash2, { className: "wwc:h-4 wwc:w-4" })
+					})
+				]
+			}), errorRow(node.error, (v) => onChange({
+				...node,
+				error: v
+			}))]
+		});
+	}
+	if (!isGroup(node)) return null;
+	const setChild = (index, next) => onChange({
+		...node,
+		children: node.children.map((c, i) => i === index ? next : c)
+	});
+	const add = (child) => onChange({
+		...node,
+		children: [...node.children, child]
+	});
+	return /* @__PURE__ */ jsxs("div", {
+		className: "wwc:space-y-2 wwc:rounded-lg wwc:border wwc:border-border wwc:p-3",
+		children: [
+			/* @__PURE__ */ jsxs("div", {
+				className: "wwc:flex wwc:flex-wrap wwc:items-center wwc:gap-2",
+				children: [
+					/* @__PURE__ */ jsx(Button, {
+						variant: "outline",
+						size: "sm",
+						className: "wwc:h-7 wwc:font-mono",
+						onClick: () => onChange({
+							...node,
+							op: node.op === "AND" ? "OR" : "AND"
+						}),
+						children: node.op
+					}),
+					/* @__PURE__ */ jsx("span", {
+						className: "wwc:text-xs wwc:text-muted-foreground",
+						children: node.op === "AND" ? "all children must pass" : "any child may pass"
+					}),
+					/* @__PURE__ */ jsxs(DropdownMenu, { children: [/* @__PURE__ */ jsx(DropdownMenuTrigger, {
+						asChild: true,
+						children: /* @__PURE__ */ jsxs(Button, {
+							variant: "ghost",
+							size: "sm",
+							className: "wwc:h-7",
+							children: [/* @__PURE__ */ jsx(Plus, { className: "wwc:h-3.5 wwc:w-3.5" }), "Add"]
+						})
+					}), /* @__PURE__ */ jsxs(DropdownMenuContent, {
+						align: "start",
+						children: [
+							/* @__PURE__ */ jsx(DropdownMenuItem, {
+								onSelect: () => add({
+									kind: "param",
+									param: params[0]?.apiName ?? "",
+									op: "==",
+									value: "",
+									error: ""
+								}),
+								children: "Parameter condition"
+							}),
+							/* @__PURE__ */ jsx(DropdownMenuItem, {
+								onSelect: () => add({
+									kind: "userGroup",
+									groups: [],
+									error: ""
+								}),
+								children: "User-group condition"
+							}),
+							/* @__PURE__ */ jsx(DropdownMenuItem, {
+								onSelect: () => add({
+									op: "AND",
+									children: []
+								}),
+								children: "Nested AND group"
+							}),
+							/* @__PURE__ */ jsx(DropdownMenuItem, {
+								onSelect: () => add({
+									op: "OR",
+									children: []
+								}),
+								children: "Nested OR group"
+							})
+						]
+					})] }),
+					onRemove && /* @__PURE__ */ jsx(Button, {
+						variant: "ghost",
+						icon: true,
+						"aria-label": "Remove group",
+						className: "wwc:ml-auto wwc:h-7 wwc:w-7 wwc:text-destructive",
+						onClick: onRemove,
+						children: /* @__PURE__ */ jsx(Trash2, { className: "wwc:h-4 wwc:w-4" })
+					})
+				]
+			}),
+			errorRow(node.error, (v) => onChange({
+				...node,
+				error: v
+			})),
+			node.children.length > 0 && /* @__PURE__ */ jsx("div", {
+				className: "wwc:space-y-2 wwc:border-l-2 wwc:border-border wwc:pl-3",
+				children: node.children.map((child, index) => /* @__PURE__ */ jsx(CriteriaNode, {
+					node: child,
+					path: [...path, index],
+					params,
+					onChange: (next) => setChild(index, next),
+					onRemove: () => onChange({
+						...node,
+						children: node.children.filter((_, i) => i !== index)
+					})
+				}, [...path, index].join(".")))
+			})
+		]
+	});
+}
+function CriteriaSection({ at, actingUser, onChange }) {
+	const root = criteriaOf(at) ?? {
+		op: "AND",
+		children: []
+	};
+	const preview = evaluateCriteria(root, {}, actingUser);
+	return /* @__PURE__ */ jsxs("div", {
+		className: "wwc:space-y-4",
+		children: [/* @__PURE__ */ jsxs("div", {
+			className: preview.ok ? "wwc:flex wwc:items-start wwc:gap-2 wwc:rounded-lg wwc:border wwc:border-green-600/30 wwc:bg-green-500/5 wwc:p-3 wwc:text-sm" : "wwc:flex wwc:items-start wwc:gap-2 wwc:rounded-lg wwc:border wwc:border-amber-600/30 wwc:bg-amber-500/5 wwc:p-3 wwc:text-sm",
+			children: [preview.ok ? /* @__PURE__ */ jsx(CircleCheck, { className: "wwc:mt-0.5 wwc:h-4 wwc:w-4 wwc:shrink-0 wwc:text-green-600" }) : /* @__PURE__ */ jsx(TriangleAlert, { className: "wwc:mt-0.5 wwc:h-4 wwc:w-4 wwc:shrink-0 wwc:text-amber-600" }), /* @__PURE__ */ jsxs("span", { children: [
+				/* @__PURE__ */ jsx("b", { children: preview.ok ? "Criteria pass" : "Blocked" }),
+				" for ",
+				actingUser.name,
+				" with empty parameters",
+				preview.ok ? "." : ` — ${preview.errors[0]}`
+			] })]
+		}), /* @__PURE__ */ jsx(CriteriaNode, {
+			node: root,
+			path: [],
+			params: paramsOf(at),
+			onChange: (next) => onChange({
+				...at,
+				submissionCriteria: next
+			})
+		})]
+	});
+}
+function EffectsSection({ at, onChange }) {
+	const notifications = notificationsOf(at);
+	const webhooks = webhooksOf(at);
+	const setNotifications = (next) => onChange({
+		...at,
+		sideEffects: {
+			...at.sideEffects,
+			notifications: next
+		}
+	});
+	const setWebhooks = (next) => onChange({
+		...at,
+		sideEffects: {
+			...at.sideEffects,
+			webhooks: next
+		}
+	});
+	return /* @__PURE__ */ jsxs("div", {
+		className: "wwc:space-y-4",
+		children: [/* @__PURE__ */ jsxs(Card, { children: [/* @__PURE__ */ jsxs(CardHeader, {
+			className: "wwc:flex-row wwc:items-center wwc:justify-between wwc:space-y-0",
+			children: [/* @__PURE__ */ jsxs(CardTitle, {
+				className: "wwc:text-sm",
+				children: [
+					"Notification rules (",
+					notifications.length,
+					")"
+				]
+			}), /* @__PURE__ */ jsxs(Button, {
+				variant: "outline",
+				size: "sm",
+				onClick: () => setNotifications([...notifications, {
+					message: "",
+					recipients: WC3_USER_GROUPS[0] ?? ""
+				}]),
+				children: [/* @__PURE__ */ jsx(Plus, { className: "wwc:h-3.5 wwc:w-3.5" }), "Add notification"]
+			})]
+		}), /* @__PURE__ */ jsxs(CardContent, {
+			className: "wwc:space-y-3",
+			children: [notifications.length === 0 ? /* @__PURE__ */ jsx("p", {
+				className: "wwc:text-sm wwc:text-muted-foreground",
+				children: "No notifications. Nothing is sent when this action runs."
+			}) : withKeys(notifications, (n) => n.recipients).map(({ key, item: n, index }) => /* @__PURE__ */ jsxs("div", {
+				className: "wwc:flex wwc:flex-wrap wwc:items-center wwc:gap-2",
+				children: [
+					/* @__PURE__ */ jsx(Input, {
+						"aria-label": "Message template",
+						className: "wwc:min-w-64 wwc:flex-1",
+						placeholder: "Crew {crew} assigned to {activity}",
+						value: n.message,
+						onChange: (e) => setNotifications(notifications.map((x, i) => i === index ? {
+							...x,
+							message: e.target.value
+						} : x))
+					}),
+					/* @__PURE__ */ jsxs(Select, {
+						value: n.recipients,
+						onValueChange: (v) => setNotifications(notifications.map((x, i) => i === index ? {
+							...x,
+							recipients: v
+						} : x)),
+						children: [/* @__PURE__ */ jsx(SelectTrigger, {
+							className: "wwc:w-48",
+							"aria-label": "Recipients",
+							children: /* @__PURE__ */ jsx(SelectValue, { placeholder: "Recipients…" })
+						}), /* @__PURE__ */ jsx(SelectContent, { children: WC3_USER_GROUPS.map((g) => /* @__PURE__ */ jsx(SelectItem, {
+							value: g,
+							children: g
+						}, g)) })]
+					}),
+					/* @__PURE__ */ jsx(Button, {
+						variant: "ghost",
+						icon: true,
+						"aria-label": "Delete notification",
+						className: "wwc:h-8 wwc:w-8 wwc:text-destructive",
+						onClick: () => setNotifications(notifications.filter((_, i) => i !== index)),
+						children: /* @__PURE__ */ jsx(Trash2, { className: "wwc:h-4 wwc:w-4" })
+					})
+				]
+			}, key)), /* @__PURE__ */ jsxs("p", {
+				className: "wwc:text-xs wwc:text-muted-foreground",
+				children: [/* @__PURE__ */ jsx("span", {
+					className: "wwc:font-mono",
+					children: "{param}"
+				}), " placeholders are substituted with the submitted values."]
+			})]
+		})] }), /* @__PURE__ */ jsxs(Card, { children: [/* @__PURE__ */ jsxs(CardHeader, {
+			className: "wwc:flex-row wwc:items-center wwc:justify-between wwc:space-y-0",
+			children: [/* @__PURE__ */ jsxs(CardTitle, {
+				className: "wwc:text-sm",
+				children: [
+					"Webhooks (",
+					webhooks.length,
+					")"
+				]
+			}), /* @__PURE__ */ jsxs(Button, {
+				variant: "outline",
+				size: "sm",
+				onClick: () => setWebhooks([...webhooks, {
+					url: "",
+					method: "POST",
+					note: ""
+				}]),
+				children: [/* @__PURE__ */ jsx(Plus, { className: "wwc:h-3.5 wwc:w-3.5" }), "Add webhook"]
+			})]
+		}), /* @__PURE__ */ jsx(CardContent, {
+			className: "wwc:space-y-3",
+			children: webhooks.length === 0 ? /* @__PURE__ */ jsx("p", {
+				className: "wwc:text-sm wwc:text-muted-foreground",
+				children: "No webhooks. Nothing is pushed downstream."
+			}) : withKeys(webhooks, (w) => `${w.method} ${w.url}`).map(({ key, item: w, index }) => /* @__PURE__ */ jsxs("div", {
+				className: "wwc:flex wwc:flex-wrap wwc:items-center wwc:gap-2",
+				children: [
+					/* @__PURE__ */ jsxs(Select, {
+						value: w.method,
+						onValueChange: (v) => setWebhooks(webhooks.map((x, i) => i === index ? {
+							...x,
+							method: v
+						} : x)),
+						children: [/* @__PURE__ */ jsx(SelectTrigger, {
+							className: "wwc:w-28",
+							"aria-label": "HTTP method",
+							children: /* @__PURE__ */ jsx(SelectValue, {})
+						}), /* @__PURE__ */ jsx(SelectContent, { children: HTTP_METHODS.map((m) => /* @__PURE__ */ jsx(SelectItem, {
+							value: m,
+							children: m
+						}, m)) })]
+					}),
+					/* @__PURE__ */ jsx(Input, {
+						"aria-label": "Webhook URL",
+						className: "wwc:min-w-64 wwc:flex-1 wwc:font-mono wwc:text-xs",
+						placeholder: "https://hooks.example/intake",
+						value: w.url,
+						onChange: (e) => setWebhooks(webhooks.map((x, i) => i === index ? {
+							...x,
+							url: e.target.value
+						} : x))
+					}),
+					/* @__PURE__ */ jsx(Input, {
+						"aria-label": "Note",
+						className: "wwc:min-w-48 wwc:flex-1",
+						placeholder: "What this hook is for",
+						value: w.note,
+						onChange: (e) => setWebhooks(webhooks.map((x, i) => i === index ? {
+							...x,
+							note: e.target.value
+						} : x))
+					}),
+					/* @__PURE__ */ jsx(Button, {
+						variant: "ghost",
+						icon: true,
+						"aria-label": "Delete webhook",
+						className: "wwc:h-8 wwc:w-8 wwc:text-destructive",
+						onClick: () => setWebhooks(webhooks.filter((_, i) => i !== index)),
+						children: /* @__PURE__ */ jsx(Trash2, { className: "wwc:h-4 wwc:w-4" })
+					})
+				]
+			}, key))
+		})] })]
+	});
+}
+function FormLayoutSection({ at, onChange }) {
+	const layout = layoutOf(at);
+	const params = paramsOf(at);
+	const assigned = new Set(layout.sections.flatMap((s) => s.parameterIds));
+	const unassigned = params.filter((p) => !assigned.has(p.id));
+	const setLayout = (next) => onChange({
+		...at,
+		formLayout: next
+	});
+	const patchSection = (id, next) => setLayout({
+		...layout,
+		sections: layout.sections.map((s) => s.id === id ? {
+			...s,
+			...next
+		} : s)
+	});
+	const move = (index, delta) => {
+		const next = [...layout.sections];
+		const target = index + delta;
+		if (target < 0 || target >= next.length) return;
+		const [moved] = next.splice(index, 1);
+		next.splice(target, 0, moved);
+		setLayout({
+			...layout,
+			sections: next
+		});
+	};
+	/** A parameter lives in exactly one section, so assigning it anywhere removes it everywhere else. */
+	const assign = (sectionId, paramId) => setLayout({
+		...layout,
+		sections: layout.sections.map((s) => s.id === sectionId ? {
+			...s,
+			parameterIds: s.parameterIds.includes(paramId) ? s.parameterIds.filter((x) => x !== paramId) : [...s.parameterIds, paramId]
+		} : {
+			...s,
+			parameterIds: s.parameterIds.filter((x) => x !== paramId)
+		})
+	});
+	return /* @__PURE__ */ jsxs("div", {
+		className: "wwc:space-y-4",
+		children: [
+			/* @__PURE__ */ jsxs(Card, { children: [/* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsx(CardTitle, {
+				className: "wwc:text-sm",
+				children: "Form behaviour"
+			}) }), /* @__PURE__ */ jsxs(CardContent, {
+				className: "wwc:flex wwc:flex-wrap wwc:items-center wwc:gap-6",
+				children: [
+					/* @__PURE__ */ jsxs("div", {
+						className: "wwc:flex wwc:items-center wwc:gap-2.5 wwc:text-sm",
+						children: [/* @__PURE__ */ jsx(Switch, {
+							id: "fl-table-entry",
+							checked: layout.tableEntry,
+							onCheckedChange: (v) => setLayout({
+								...layout,
+								tableEntry: v
+							})
+						}), /* @__PURE__ */ jsx(Label, {
+							htmlFor: "fl-table-entry",
+							children: "Table-entry alternative"
+						})]
+					}),
+					/* @__PURE__ */ jsxs("div", {
+						className: "wwc:flex wwc:items-center wwc:gap-2.5 wwc:text-sm",
+						children: [/* @__PURE__ */ jsx(Switch, {
+							id: "fl-inline-edits",
+							checked: layout.inlineEdits,
+							onCheckedChange: (v) => setLayout({
+								...layout,
+								inlineEdits: v
+							})
+						}), /* @__PURE__ */ jsx(Label, {
+							htmlFor: "fl-inline-edits",
+							children: "Inline edits"
+						})]
+					}),
+					/* @__PURE__ */ jsxs(Button, {
+						variant: "outline",
+						size: "sm",
+						className: "wwc:ml-auto",
+						onClick: () => setLayout({
+							...layout,
+							sections: [...layout.sections, {
+								id: `sec_${at.id}_${layout.sections.length + 1}`,
+								title: `Section ${layout.sections.length + 1}`,
+								description: "",
+								columns: 2,
+								parameterIds: []
+							}]
+						}),
+						children: [/* @__PURE__ */ jsx(Plus, { className: "wwc:h-3.5 wwc:w-3.5" }), "Add section"]
+					})
+				]
+			})] }),
+			unassigned.length > 0 && /* @__PURE__ */ jsxs("div", {
+				className: "wwc:flex wwc:items-start wwc:gap-2 wwc:rounded-lg wwc:border wwc:border-amber-600/30 wwc:bg-amber-500/5 wwc:p-3 wwc:text-sm",
+				children: [/* @__PURE__ */ jsx(TriangleAlert, { className: "wwc:mt-0.5 wwc:h-4 wwc:w-4 wwc:shrink-0 wwc:text-amber-600" }), /* @__PURE__ */ jsxs("span", { children: [
+					/* @__PURE__ */ jsx("b", { children: "Unassigned parameters." }),
+					" ",
+					keyed(unassigned.map((p) => p.apiName)).map((k) => k.label).join(", "),
+					" ",
+					unassigned.length === 1 ? "is" : "are",
+					" in no section and will not appear in the form."
+				] })]
+			}),
+			layout.sections.length === 0 ? /* @__PURE__ */ jsx(Empty, {
+				icon: /* @__PURE__ */ jsx(LayoutGrid, { className: "wwc:h-6 wwc:w-6" }),
+				title: "No sections",
+				description: "Without a section the run form falls back to one flat list of every parameter."
+			}) : /* @__PURE__ */ jsx("div", {
+				className: "wwc:space-y-3",
+				children: layout.sections.map((s, index) => /* @__PURE__ */ jsxs("div", {
+					className: "wwc:rounded-lg wwc:border wwc:border-border",
+					children: [/* @__PURE__ */ jsxs(RuleRow, {
+						className: "wwc:border-0",
+						showDragHandle: false,
+						onMoveUp: () => move(index, -1),
+						onMoveDown: () => move(index, 1),
+						disableMoveUp: index === 0,
+						disableMoveDown: index === layout.sections.length - 1,
+						onDelete: () => setLayout({
+							...layout,
+							sections: layout.sections.filter((x) => x.id !== s.id)
+						}),
+						deleteLabel: `Delete section ${s.title}`,
+						children: [
+							/* @__PURE__ */ jsx(Input, {
+								"aria-label": "Section title",
+								className: "wwc:w-48",
+								value: s.title,
+								onChange: (e) => patchSection(s.id, { title: e.target.value })
+							}),
+							/* @__PURE__ */ jsxs(Select, {
+								value: String(s.columns),
+								onValueChange: (v) => patchSection(s.id, { columns: Number(v) }),
+								children: [/* @__PURE__ */ jsx(SelectTrigger, {
+									className: "wwc:w-24",
+									"aria-label": "Columns",
+									children: /* @__PURE__ */ jsx(SelectValue, {})
+								}), /* @__PURE__ */ jsxs(SelectContent, { children: [/* @__PURE__ */ jsx(SelectItem, {
+									value: "1",
+									children: "1 column"
+								}), /* @__PURE__ */ jsx(SelectItem, {
+									value: "2",
+									children: "2 columns"
+								})] })]
+							}),
+							/* @__PURE__ */ jsx(Input, {
+								"aria-label": "Section description",
+								className: "wwc:min-w-48 wwc:flex-1",
+								placeholder: "Description",
+								value: s.description,
+								onChange: (e) => patchSection(s.id, { description: e.target.value })
+							})
+						]
+					}), /* @__PURE__ */ jsxs("div", {
+						className: "wwc:space-y-2 wwc:border-t wwc:border-border wwc:px-3 wwc:py-2.5",
+						children: [/* @__PURE__ */ jsx("div", {
+							className: "wwc:flex wwc:flex-wrap wwc:gap-1.5",
+							children: params.map((p) => {
+								const on = s.parameterIds.includes(p.id);
+								return /* @__PURE__ */ jsx("button", {
+									type: "button",
+									onClick: () => assign(s.id, p.id),
+									className: on ? "wwc:rounded-md wwc:border wwc:border-blue-500 wwc:bg-blue-500/10 wwc:px-2 wwc:py-0.5 wwc:font-mono wwc:text-xs wwc:text-blue-600 wwc:dark:text-blue-400" : "wwc:rounded-md wwc:border wwc:border-border wwc:px-2 wwc:py-0.5 wwc:font-mono wwc:text-xs wwc:text-muted-foreground wwc:transition-colors wwc:hover:text-foreground",
+									children: p.apiName
+								}, p.id);
+							})
+						}), s.parameterIds.length > 1 && /* @__PURE__ */ jsxs("div", {
+							className: "wwc:flex wwc:flex-wrap wwc:items-center wwc:gap-2 wwc:text-xs wwc:text-muted-foreground",
+							children: [/* @__PURE__ */ jsxs("span", { children: ["Order: ", s.parameterIds.map((id) => params.find((p) => p.id === id)?.apiName ?? id).join(" → ")] }), /* @__PURE__ */ jsx(Button, {
+								variant: "ghost",
+								size: "sm",
+								className: "wwc:h-6",
+								"aria-label": `Rotate order in ${s.title}`,
+								onClick: () => patchSection(s.id, { parameterIds: [...s.parameterIds.slice(1), s.parameterIds[0]] }),
+								children: /* @__PURE__ */ jsx(RotateCw, { className: "wwc:h-3.5 wwc:w-3.5" })
+							})]
+						})]
+					})]
+				}, s.id))
+			})
+		]
+	});
+}
+function PermissionsSection({ at, actingUser, onChange }) {
+	const roles = [{
+		key: "view",
+		label: "Can view"
+	}, {
+		key: "run",
+		label: "Can run"
+	}];
+	const canRun = at.permissions.run.some((g) => actingUser.groups.includes(g));
+	return /* @__PURE__ */ jsxs(Card, { children: [/* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsx(CardTitle, {
+		className: "wwc:text-sm",
+		children: "Permissions"
+	}) }), /* @__PURE__ */ jsxs(CardContent, {
+		className: "wwc:space-y-4",
+		children: [/* @__PURE__ */ jsxs("div", {
+			className: canRun ? "wwc:flex wwc:items-center wwc:gap-2 wwc:rounded-lg wwc:border wwc:border-green-600/30 wwc:bg-green-500/5 wwc:p-3 wwc:text-sm" : "wwc:flex wwc:items-center wwc:gap-2 wwc:rounded-lg wwc:border wwc:border-amber-600/30 wwc:bg-amber-500/5 wwc:p-3 wwc:text-sm",
+			children: [
+				canRun ? /* @__PURE__ */ jsx(CircleCheck, { className: "wwc:h-4 wwc:w-4 wwc:shrink-0 wwc:text-green-600" }) : /* @__PURE__ */ jsx(CircleX, { className: "wwc:h-4 wwc:w-4 wwc:shrink-0 wwc:text-amber-600" }),
+				actingUser.name,
+				" ",
+				canRun ? "can" : "cannot",
+				" run this action."
+			]
+		}), roles.map((role) => {
+			const granted = at.permissions[role.key];
+			const addable = WC3_USER_GROUPS.filter((g) => !granted.includes(g));
+			return /* @__PURE__ */ jsxs("div", {
+				className: "wwc:space-y-1.5",
+				children: [/* @__PURE__ */ jsx(Label, { children: role.label }), /* @__PURE__ */ jsxs("div", {
+					className: "wwc:flex wwc:flex-wrap wwc:items-center wwc:gap-1.5",
+					children: [granted.map((g) => /* @__PURE__ */ jsxs(Badge, {
+						variant: "neutralSoft",
+						className: "wwc:gap-1 wwc:font-normal",
+						children: [g, /* @__PURE__ */ jsx("button", {
+							type: "button",
+							"aria-label": `Remove ${g} from ${role.label}`,
+							onClick: () => onChange({
+								...at,
+								permissions: {
+									...at.permissions,
+									[role.key]: granted.filter((x) => x !== g)
+								}
+							}),
+							className: "wwc:ml-0.5 wwc:rounded wwc:hover:text-foreground",
+							children: /* @__PURE__ */ jsx(X, { className: "wwc:h-3 wwc:w-3" })
+						})]
+					}, g)), addable.length > 0 && /* @__PURE__ */ jsxs(DropdownMenu, { children: [/* @__PURE__ */ jsx(DropdownMenuTrigger, {
+						asChild: true,
+						children: /* @__PURE__ */ jsx(Button, {
+							variant: "outline",
+							size: "sm",
+							icon: true,
+							"aria-label": `Grant ${role.label}`,
+							children: /* @__PURE__ */ jsx(Plus, { className: "wwc:h-3.5 wwc:w-3.5" })
+						})
+					}), /* @__PURE__ */ jsx(DropdownMenuContent, {
+						align: "start",
+						children: addable.map((g) => /* @__PURE__ */ jsx(DropdownMenuItem, {
+							onSelect: () => onChange({
+								...at,
+								permissions: {
+									...at.permissions,
+									[role.key]: [...granted, g]
+								}
+							}),
+							children: g
+						}, g))
+					})] })]
+				})]
+			}, role.key);
+		})]
+	})] });
+}
+function ActionTypeDetail({ actionType: at, takenApiNames, onBack, onChange, onDelete, onRun, actingUser = {
+	name: "Ontology Admin",
+	groups: WC3_USER_GROUPS
+}, initialSection = "overview" }) {
+	const [tab, setTab] = useState(initialSection);
+	const [paramId, setParamId] = useState(null);
+	const missingRefs = actionMissingTypeRefs(at);
+	const ruleTotal = Array.isArray(at.rules) ? at.rules.length : 1;
+	const sections = [{ items: [
+		{
+			id: "overview",
+			label: "Overview",
+			icon: Info
+		},
+		{
+			id: "parameters",
+			label: "Parameters",
+			icon: List,
+			count: at.parameters.length
+		},
+		{
+			id: "rules",
+			label: "Rules",
+			icon: Workflow,
+			count: ruleTotal
+		},
+		{
+			id: "criteria",
+			label: "Submission criteria",
+			icon: ShieldCheck
+		},
+		{
+			id: "effects",
+			label: "Side effects",
+			icon: Bell
+		},
+		{
+			id: "layout",
+			label: "Form layout",
+			icon: LayoutGrid
+		},
+		{
+			id: "permissions",
+			label: "Permissions",
+			icon: Lock
+		}
+	] }];
+	return /* @__PURE__ */ jsxs("div", {
+		className: "wwc:flex wwc:min-h-0 wwc:flex-1 wwc:flex-col",
+		children: [
+			/* @__PURE__ */ jsxs("div", {
+				className: "wwc:flex wwc:min-h-12 wwc:shrink-0 wwc:items-center wwc:justify-between wwc:gap-3 wwc:border-b wwc:border-border wwc:bg-card wwc:px-3",
+				children: [/* @__PURE__ */ jsxs("div", {
+					className: "wwc:flex wwc:min-w-0 wwc:items-center wwc:gap-2.5",
+					children: [
+						/* @__PURE__ */ jsxs(Button, {
+							variant: "ghost",
+							size: "sm",
+							className: "wwc:gap-1.5",
+							onClick: onBack,
+							children: [/* @__PURE__ */ jsx(ArrowLeft, { className: "wwc:h-4 wwc:w-4" }), "Back"]
+						}),
+						/* @__PURE__ */ jsx("div", { className: "wwc:h-5 wwc:w-px wwc:shrink-0 wwc:bg-border" }),
+						/* @__PURE__ */ jsx(OntologyGlyph, {
+							name: "bolt",
+							className: "wwc:h-4 wwc:w-4 wwc:shrink-0 wwc:text-amber-600"
+						}),
+						/* @__PURE__ */ jsx("h1", {
+							className: "wwc:truncate wwc:text-sm wwc:font-semibold",
+							children: at.displayName
+						}),
+						/* @__PURE__ */ jsx(StatusPill, { status: at.status }),
+						/* @__PURE__ */ jsx(RidChip, { rid: at.rid }),
+						missingRefs.length > 0 && /* @__PURE__ */ jsx(HoverTooltip, {
+							content: `References a deleted object type: ${missingRefs.join(", ")}`,
+							children: /* @__PURE__ */ jsx("span", { children: /* @__PURE__ */ jsx(Badge, {
+								variant: "dangerSoft",
+								children: "broken ref"
+							}) })
+						}),
+						/* @__PURE__ */ jsxs("span", {
+							className: "wwc:hidden wwc:truncate wwc:text-[11px] wwc:text-muted-foreground wwc:lg:inline",
+							children: [
+								/* @__PURE__ */ jsx("span", {
+									className: "wwc:font-mono",
+									children: at.apiName
+								}),
+								" · ",
+								ruleSummary(at)
+							]
+						})
+					]
+				}), /* @__PURE__ */ jsx("div", {
+					className: "wwc:flex wwc:shrink-0 wwc:items-center wwc:gap-2",
+					children: /* @__PURE__ */ jsxs(Button, {
+						size: "sm",
+						className: "wwc:gap-1.5",
+						onClick: onRun,
+						children: [/* @__PURE__ */ jsx(Play, { className: "wwc:h-4 wwc:w-4" }), "Run action"]
+					})
+				})]
+			}),
+			/* @__PURE__ */ jsxs(RecordDetailShell, {
+				title: "Action type",
+				sections,
+				activeSectionId: tab,
+				onSectionChange: setTab,
+				children: [
+					missingRefs.length > 0 && /* @__PURE__ */ jsxs("div", {
+						className: "wwc:flex wwc:items-start wwc:gap-2 wwc:rounded-lg wwc:border wwc:border-red-600/30 wwc:bg-red-500/5 wwc:p-3 wwc:text-sm",
+						children: [/* @__PURE__ */ jsx(TriangleAlert, { className: "wwc:mt-0.5 wwc:h-4 wwc:w-4 wwc:shrink-0 wwc:text-red-600" }), /* @__PURE__ */ jsxs("span", { children: [
+							/* @__PURE__ */ jsx("b", { children: "Broken object-type reference." }),
+							" This action points at",
+							" ",
+							/* @__PURE__ */ jsx("span", {
+								className: "wwc:font-mono",
+								children: missingRefs.join(", ")
+							}),
+							", which no longer exists — it is blocked from running until repaired."
+						] })]
+					}),
+					tab === "overview" && /* @__PURE__ */ jsx(OverviewSection, {
+						at,
+						takenApiNames,
+						onChange,
+						onDelete
+					}),
+					tab === "parameters" && /* @__PURE__ */ jsx(ParametersSection, {
+						at,
+						onChange,
+						onOpenParam: setParamId
+					}),
+					tab === "rules" && /* @__PURE__ */ jsx(RulesSection, {
+						at,
+						onChange
+					}),
+					tab === "criteria" && /* @__PURE__ */ jsx(CriteriaSection, {
+						at,
+						actingUser,
+						onChange
+					}),
+					tab === "effects" && /* @__PURE__ */ jsx(EffectsSection, {
+						at,
+						onChange
+					}),
+					tab === "layout" && /* @__PURE__ */ jsx(FormLayoutSection, {
+						at,
+						onChange
+					}),
+					tab === "permissions" && /* @__PURE__ */ jsx(PermissionsSection, {
+						at,
+						actingUser,
+						onChange
+					})
+				]
+			}),
+			/* @__PURE__ */ jsx(ParameterSheet, {
+				at,
+				paramId,
+				onOpenChange: (o) => !o && setParamId(null),
+				onChange
+			})
+		]
+	});
+}
+//#endregion
+export { ActionTypeDetail, actionMissingTypeRefs, criteriaOf, declRulesOf, effectiveParam, evaluateCriteria, fnRuleOf, layoutOf, notificationsOf, paramsOf, webhooksOf };
+
+//# sourceMappingURL=wc3-action-type-detail.mjs.map