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

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

@@ -0,0 +1,702 @@
+import { Badge } from "../badge.mjs";
+import { Button } from "../button.mjs";
+import { Dialog, DialogContent, DialogFooter, DialogHeader, DialogTitle } from "../dialog.mjs";
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "../select.mjs";
+import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, 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 { ToggleGroup, ToggleGroupItem } from "../toggle-group.mjs";
+import { Stepper, StepperIndicator, StepperItem, StepperLabel, StepperList, StepperSeparator } from "../stepper.mjs";
+import { RuleList, RuleRow } from "../rule-row.mjs";
+import { cn } from "@corensystem/coren-utils";
+import { Plus } from "lucide-react";
+import * as React from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+//#region src/pages/wc3-action-type-wizard.tsx
+/** The prototype's parameter types, in its order (not alphabetical — scalars first, ref last). */
+const ACTION_PARAM_TYPES = [
+	"string",
+	"integer",
+	"long",
+	"double",
+	"boolean",
+	"date",
+	"timestamp",
+	"objectRef"
+];
+/**
+* The verbs the prototype's create wizard accepts. Deliberately WIDER than the linter's list
+* (it adds add/remove/set/submit/open/start/stop/complete/mark), so "Submit permit" passes creation
+* and is still flagged by the Health tab afterwards. That inconsistency is the prototype's.
+*/
+const ACTION_VERB_PREFIXES = [
+	"assign",
+	"record",
+	"report",
+	"grant",
+	"retire",
+	"reassess",
+	"reassign",
+	"create",
+	"update",
+	"log",
+	"attach",
+	"schedule",
+	"approve",
+	"close",
+	"escalate",
+	"renew",
+	"onboard",
+	"link",
+	"baseline",
+	"delay",
+	"inspect",
+	"issue",
+	"request",
+	"add",
+	"remove",
+	"set",
+	"submit",
+	"open",
+	"start",
+	"stop",
+	"complete",
+	"mark",
+	"pour"
+];
+const DEFAULT_STATUSES = [
+	"Active",
+	"Experimental",
+	"Deprecated",
+	"Endorsed"
+];
+const DEFAULT_FUNCTIONS = ["computeZoneRiskScores"];
+const RULE_KINDS = [
+	{
+		kind: "createObject",
+		label: "Create object"
+	},
+	{
+		kind: "modifyObject",
+		label: "Modify object"
+	},
+	{
+		kind: "deleteObject",
+		label: "Delete object"
+	},
+	{
+		kind: "createLink",
+		label: "Create link"
+	},
+	{
+		kind: "deleteLink",
+		label: "Delete link"
+	}
+];
+const STEPS = [
+	"Metadata",
+	"Parameters",
+	"Rules",
+	"Review"
+];
+/** Selected-segment tint for ToggleGroup items, matching object-type-wizard.tsx. */
+const SEGMENT_ON = "wwc:data-[state=on]:border-blue-500 wwc:data-[state=on]:bg-blue-500/10 wwc:data-[state=on]:text-blue-600 wwc:dark:data-[state=on]:text-blue-400";
+/** The two synthetic A/B choices a link rule offers beyond the declared parameters. */
+const CREATED_OBJECT = "__created__";
+const ANY_OBJECT = "*";
+/** "Assign crew to activity" → "assignCrewToActivity". Runs on blur, never while typing. */
+function toCamelCase(value) {
+	return value.trim().split(/[^a-zA-Z0-9]+/).filter(Boolean).map((word, index) => index === 0 ? word.charAt(0).toLowerCase() + word.slice(1) : word.charAt(0).toUpperCase() + word.slice(1).toLowerCase()).join("");
+}
+function startsWithVerb(value, verbs) {
+	const first = value.trim().split(/\s+/)[0]?.toLowerCase() ?? "";
+	return verbs.some((verb) => first === verb || first.startsWith(verb));
+}
+/** Uppercase field label, matching object-type-wizard.tsx. */
+function FieldLabel({ children }) {
+	return /* @__PURE__ */ jsx(Label, {
+		className: "wwc:text-xs wwc:font-semibold wwc:tracking-wide wwc:text-muted-foreground wwc:uppercase",
+		children
+	});
+}
+function WizardSteps({ step }) {
+	return /* @__PURE__ */ jsx(Stepper, {
+		value: step + 1,
+		orientation: "horizontal",
+		className: "wwc:w-full",
+		children: /* @__PURE__ */ jsx(StepperList, {
+			className: "wwc:w-full",
+			children: STEPS.map((label, index) => /* @__PURE__ */ jsxs(React.Fragment, { children: [/* @__PURE__ */ jsxs(StepperItem, {
+				step: index + 1,
+				children: [/* @__PURE__ */ jsx(StepperIndicator, {}), /* @__PURE__ */ jsx(StepperLabel, { children: label })]
+			}), index < STEPS.length - 1 ? /* @__PURE__ */ jsx(StepperSeparator, {}) : null] }, label))
+		})
+	});
+}
+/** Four-step "New action type" wizard rendered in a Dialog. */
+function NewActionTypeDialog({ open, onOpenChange, onCreate, objectTypes, linkTypes, functions = DEFAULT_FUNCTIONS, paramTypes = ACTION_PARAM_TYPES, statuses = DEFAULT_STATUSES, verbPrefixes = ACTION_VERB_PREFIXES }) {
+	const [step, setStep] = React.useState(0);
+	const [attemptedNext, setAttemptedNext] = React.useState(false);
+	const [displayName, setDisplayName] = React.useState("");
+	const [apiName, setApiName] = React.useState("");
+	const [apiTouched, setApiTouched] = React.useState(false);
+	const [description, setDescription] = React.useState("");
+	const [status, setStatus] = React.useState(statuses[1] ?? statuses[0] ?? "Experimental");
+	const [parameters, setParameters] = React.useState([]);
+	const [isFunction, setIsFunction] = React.useState(false);
+	const [functionName, setFunctionName] = React.useState(functions[0] ?? "");
+	const [rules, setRules] = React.useState([]);
+	const paramCounter = React.useRef(0);
+	const ruleCounter = React.useRef(0);
+	const reset = React.useCallback(() => {
+		setStep(0);
+		setAttemptedNext(false);
+		setDisplayName("");
+		setApiName("");
+		setApiTouched(false);
+		setDescription("");
+		setStatus(statuses[1] ?? statuses[0] ?? "Experimental");
+		setParameters([]);
+		setIsFunction(false);
+		setFunctionName(functions[0] ?? "");
+		setRules([]);
+		paramCounter.current = 0;
+		ruleCounter.current = 0;
+	}, [functions, statuses]);
+	const handleOpenChange = (next) => {
+		if (!next) reset();
+		onOpenChange(next);
+	};
+	const nameMissing = displayName.trim().length === 0;
+	const nameNotVerb = !nameMissing && !startsWithVerb(displayName, verbPrefixes);
+	const apiMissing = apiName.trim().length === 0;
+	const descMissing = description.trim().length === 0;
+	const metadataValid = !nameMissing && !nameNotVerb && !apiMissing && !descMissing;
+	const rulesValid = isFunction ? functionName.trim().length > 0 : rules.length > 0;
+	const showMetaErrors = attemptedNext && step === 0;
+	const showRuleError = attemptedNext && step === 2 && !rulesValid;
+	const goNext = () => {
+		if (step === 0 && !metadataValid || step === 2 && !rulesValid) {
+			setAttemptedNext(true);
+			return;
+		}
+		setAttemptedNext(false);
+		setStep((value) => value + 1);
+	};
+	const goBack = () => {
+		setAttemptedNext(false);
+		setStep((value) => value - 1);
+	};
+	const addParameter = () => {
+		paramCounter.current += 1;
+		const n = paramCounter.current;
+		setParameters((prev) => [...prev, {
+			id: `p${n}`,
+			displayName: `Parameter ${n}`,
+			apiName: `parameter_${n}`,
+			type: paramTypes[0] ?? "string",
+			objectTypeId: null,
+			required: true
+		}]);
+	};
+	const patchParameter = (id, patch) => setParameters((prev) => prev.map((p) => p.id === id ? {
+		...p,
+		...patch
+	} : p));
+	const addRule = (kind) => {
+		ruleCounter.current += 1;
+		const isLink = kind === "createLink" || kind === "deleteLink";
+		setRules((prev) => [...prev, {
+			id: `r${ruleCounter.current}`,
+			kind,
+			objectTypeId: isLink ? void 0 : objectTypes[0]?.id,
+			linkTypeId: isLink ? linkTypes[0]?.id : void 0,
+			targetParam: void 0,
+			aParam: isLink ? CREATED_OBJECT : void 0,
+			bParam: isLink ? ANY_OBJECT : void 0
+		}]);
+	};
+	const patchRule = (id, patch) => setRules((prev) => prev.map((r) => r.id === id ? {
+		...r,
+		...patch
+	} : r));
+	const create = () => {
+		onCreate?.({
+			displayName: displayName.trim(),
+			apiName: apiName.trim(),
+			description: description.trim(),
+			status,
+			parameters,
+			isFunction,
+			functionName: functionName.trim(),
+			rules: isFunction ? [] : rules
+		});
+		handleOpenChange(false);
+	};
+	const paramOptions = parameters.filter((p) => p.apiName.trim().length > 0);
+	const objectLabel = (id) => objectTypes.find((o) => o.id === id)?.label ?? "—";
+	const linkLabel = (id) => linkTypes.find((l) => l.id === id)?.label ?? "—";
+	return /* @__PURE__ */ jsx(Dialog, {
+		open,
+		onOpenChange: handleOpenChange,
+		children: /* @__PURE__ */ jsxs(DialogContent, {
+			className: "wwc:flex wwc:max-h-[92vh] wwc:w-[calc(100vw-2rem)] wwc:max-w-4xl wwc:flex-col wwc:gap-0 wwc:overflow-hidden wwc:p-0",
+			children: [
+				/* @__PURE__ */ jsx(DialogHeader, { children: /* @__PURE__ */ jsx(DialogTitle, { children: "New action type" }) }),
+				/* @__PURE__ */ jsx("div", {
+					className: "wwc:border-b wwc:border-border wwc:px-6 wwc:py-4",
+					children: /* @__PURE__ */ jsx(WizardSteps, { step })
+				}),
+				/* @__PURE__ */ jsxs("div", {
+					className: "wwc:min-h-0 wwc:flex-1 wwc:overflow-y-auto wwc:px-6 wwc:py-5",
+					children: [
+						step === 0 ? /* @__PURE__ */ jsxs("div", {
+							className: "wwc:grid wwc:grid-cols-1 wwc:gap-x-8 wwc:gap-y-5 wwc:md:grid-cols-2",
+							children: [
+								/* @__PURE__ */ jsxs("div", {
+									className: "wwc:space-y-1.5",
+									children: [
+										/* @__PURE__ */ jsx(FieldLabel, { children: "Display name" }),
+										/* @__PURE__ */ jsx(Input, {
+											value: displayName,
+											onChange: (event) => setDisplayName(event.target.value),
+											onBlur: () => {
+												if (!apiTouched) setApiName(toCamelCase(displayName));
+											},
+											"aria-invalid": showMetaErrors && (nameMissing || nameNotVerb),
+											className: cn(showMetaErrors && (nameMissing || nameNotVerb) && "wwc:border-destructive wwc:focus-visible:ring-destructive")
+										}),
+										showMetaErrors && nameMissing ? /* @__PURE__ */ jsx("p", {
+											className: "wwc:text-xs wwc:text-destructive",
+											children: "Display name is required."
+										}) : showMetaErrors && nameNotVerb ? /* @__PURE__ */ jsx("p", {
+											className: "wwc:text-xs wwc:text-destructive",
+											children: "Action names should start with a verb — “Assign crew to activity”, not “Crew record”. (best practice #5)"
+										}) : /* @__PURE__ */ jsx("p", {
+											className: "wwc:text-xs wwc:text-muted-foreground",
+											children: "e.g. “Assign crew to activity”"
+										})
+									]
+								}),
+								/* @__PURE__ */ jsxs("div", {
+									className: "wwc:space-y-1.5",
+									children: [
+										/* @__PURE__ */ jsx(FieldLabel, { children: "API name" }),
+										/* @__PURE__ */ jsx(Input, {
+											className: "wwc:font-mono",
+											value: apiName,
+											onChange: (event) => {
+												setApiTouched(true);
+												setApiName(event.target.value);
+											},
+											"aria-invalid": showMetaErrors && apiMissing
+										}),
+										showMetaErrors && apiMissing ? /* @__PURE__ */ jsx("p", {
+											className: "wwc:text-xs wwc:text-destructive",
+											children: "API name is required."
+										}) : /* @__PURE__ */ jsx("p", {
+											className: "wwc:text-xs wwc:text-muted-foreground",
+											children: "camelCase, stable forever"
+										})
+									]
+								}),
+								/* @__PURE__ */ jsxs("div", {
+									className: "wwc:space-y-1.5 wwc:md:col-span-2",
+									children: [
+										/* @__PURE__ */ jsx(FieldLabel, { children: "Description" }),
+										/* @__PURE__ */ jsx(Textarea, {
+											rows: 2,
+											value: description,
+											onChange: (event) => setDescription(event.target.value)
+										}),
+										showMetaErrors && descMissing ? /* @__PURE__ */ jsx("p", {
+											className: "wwc:text-xs wwc:text-destructive",
+											children: "Description is required."
+										}) : /* @__PURE__ */ jsx("p", {
+											className: "wwc:text-xs wwc:text-muted-foreground",
+											children: "Every element carries a description (best practice #8)"
+										})
+									]
+								}),
+								/* @__PURE__ */ jsxs("div", {
+									className: "wwc:space-y-2 wwc:md:col-span-2",
+									children: [/* @__PURE__ */ jsx(FieldLabel, { children: "Status" }), /* @__PURE__ */ jsx(ToggleGroup, {
+										type: "single",
+										value: status,
+										onValueChange: (value) => value && setStatus(value),
+										variant: "outline",
+										size: "sm",
+										className: "wwc:justify-start",
+										children: statuses.map((option) => /* @__PURE__ */ jsx(ToggleGroupItem, {
+											value: option,
+											className: SEGMENT_ON,
+											children: option
+										}, option))
+									})]
+								})
+							]
+						}) : null,
+						step === 1 ? /* @__PURE__ */ jsx(RuleList, {
+							onAdd: addParameter,
+							addLabel: "Add parameter",
+							emptyMessage: "Zero-parameter actions are allowed (e.g. function-backed recomputations).",
+							children: parameters.map((p) => /* @__PURE__ */ jsxs(RuleRow, {
+								showDragHandle: false,
+								onDelete: () => setParameters((prev) => prev.filter((x) => x.id !== p.id)),
+								deleteLabel: `Remove ${p.displayName}`,
+								children: [
+									/* @__PURE__ */ jsx(Input, {
+										"aria-label": "Parameter display name",
+										className: "wwc:w-44",
+										value: p.displayName,
+										onChange: (event) => patchParameter(p.id, { displayName: event.target.value })
+									}),
+									/* @__PURE__ */ jsx(Input, {
+										"aria-label": "Parameter API name",
+										className: "wwc:w-44 wwc:font-mono",
+										value: p.apiName,
+										onChange: (event) => patchParameter(p.id, { apiName: event.target.value })
+									}),
+									/* @__PURE__ */ jsxs(Select, {
+										value: p.type,
+										onValueChange: (value) => patchParameter(p.id, {
+											type: value,
+											objectTypeId: value === "objectRef" ? p.objectTypeId ?? objectTypes[0]?.id ?? null : null
+										}),
+										children: [/* @__PURE__ */ jsx(SelectTrigger, {
+											className: "wwc:w-36",
+											"aria-label": "Parameter type",
+											children: /* @__PURE__ */ jsx(SelectValue, {})
+										}), /* @__PURE__ */ jsx(SelectContent, { children: paramTypes.map((t) => /* @__PURE__ */ jsx(SelectItem, {
+											value: t,
+											children: t
+										}, t)) })]
+									}),
+									p.type === "objectRef" && /* @__PURE__ */ jsxs(Select, {
+										value: p.objectTypeId ?? "",
+										onValueChange: (value) => patchParameter(p.id, { objectTypeId: value }),
+										children: [/* @__PURE__ */ jsx(SelectTrigger, {
+											className: "wwc:w-48",
+											"aria-label": "Object type",
+											children: /* @__PURE__ */ jsx(SelectValue, { placeholder: "Object type…" })
+										}), /* @__PURE__ */ jsx(SelectContent, { children: objectTypes.map((o) => /* @__PURE__ */ jsx(SelectItem, {
+											value: o.id,
+											children: o.label
+										}, o.id)) })]
+									}),
+									/* @__PURE__ */ jsxs("div", {
+										className: "wwc:flex wwc:items-center wwc:gap-2 wwc:text-sm",
+										children: [/* @__PURE__ */ jsx(Switch, {
+											id: `${p.id}-required`,
+											checked: p.required,
+											onCheckedChange: (checked) => patchParameter(p.id, { required: checked })
+										}), /* @__PURE__ */ jsx(Label, {
+											htmlFor: `${p.id}-required`,
+											children: "Required"
+										})]
+									})
+								]
+							}, p.id))
+						}) : null,
+						step === 2 ? /* @__PURE__ */ jsxs("div", {
+							className: "wwc:space-y-4",
+							children: [/* @__PURE__ */ jsxs("div", {
+								className: "wwc:flex wwc:items-center wwc:gap-2.5 wwc:rounded-lg wwc:border wwc:border-border wwc:p-3 wwc:text-sm",
+								children: [/* @__PURE__ */ jsx(Switch, {
+									id: "at-fn-backed",
+									checked: isFunction,
+									onCheckedChange: setIsFunction
+								}), /* @__PURE__ */ jsx(Label, {
+									htmlFor: "at-fn-backed",
+									className: "wwc:font-medium",
+									children: "Function-backed action (single exclusive function rule)"
+								})]
+							}), isFunction ? /* @__PURE__ */ jsxs("div", {
+								className: "wwc:space-y-1.5",
+								children: [
+									/* @__PURE__ */ jsx(FieldLabel, { children: "Function" }),
+									/* @__PURE__ */ jsxs(Select, {
+										value: functionName,
+										onValueChange: setFunctionName,
+										children: [/* @__PURE__ */ jsx(SelectTrigger, {
+											className: "wwc:w-72",
+											children: /* @__PURE__ */ jsx(SelectValue, { placeholder: "Pick a function…" })
+										}), /* @__PURE__ */ jsx(SelectContent, { children: functions.map((fn) => /* @__PURE__ */ jsx(SelectItem, {
+											value: fn,
+											children: fn
+										}, fn)) })]
+									}),
+									/* @__PURE__ */ jsx("p", {
+										className: "wwc:text-xs wwc:text-muted-foreground",
+										children: "A function rule is exclusive — declarative rules are disabled while it is on."
+									})
+								]
+							}) : /* @__PURE__ */ jsxs(Fragment$1, { children: [
+								/* @__PURE__ */ jsx(RuleList, {
+									emptyMessage: "No rules yet. An action needs at least one rule unless it is function-backed.",
+									children: rules.map((r, index) => {
+										const isLink = r.kind === "createLink" || r.kind === "deleteLink";
+										return /* @__PURE__ */ jsxs(RuleRow, {
+											showDragHandle: false,
+											meta: /* @__PURE__ */ jsxs("span", {
+												className: "wwc:font-mono wwc:text-xs wwc:text-muted-foreground",
+												children: [index + 1, "."]
+											}),
+											onDelete: () => setRules((prev) => prev.filter((x) => x.id !== r.id)),
+											children: [
+												/* @__PURE__ */ jsx(Badge, {
+													variant: "neutralSoft",
+													className: "wwc:font-mono wwc:font-normal",
+													children: r.kind
+												}),
+												isLink ? /* @__PURE__ */ jsxs(Select, {
+													value: r.linkTypeId ?? "",
+													onValueChange: (value) => patchRule(r.id, { linkTypeId: value }),
+													children: [/* @__PURE__ */ jsx(SelectTrigger, {
+														className: "wwc:w-56",
+														"aria-label": "Link type",
+														children: /* @__PURE__ */ jsx(SelectValue, { placeholder: "Link type…" })
+													}), /* @__PURE__ */ jsx(SelectContent, { children: linkTypes.map((l) => /* @__PURE__ */ jsx(SelectItem, {
+														value: l.id,
+														children: l.label
+													}, l.id)) })]
+												}) : /* @__PURE__ */ jsxs(Select, {
+													value: r.objectTypeId ?? "",
+													onValueChange: (value) => patchRule(r.id, { objectTypeId: value }),
+													children: [/* @__PURE__ */ jsx(SelectTrigger, {
+														className: "wwc:w-56",
+														"aria-label": "Object type",
+														children: /* @__PURE__ */ jsx(SelectValue, { placeholder: "Object type…" })
+													}), /* @__PURE__ */ jsx(SelectContent, { children: objectTypes.map((o) => /* @__PURE__ */ jsx(SelectItem, {
+														value: o.id,
+														children: o.label
+													}, 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: (value) => patchRule(r.id, { aParam: value }),
+														children: [/* @__PURE__ */ jsx(SelectTrigger, {
+															className: "wwc:w-44",
+															"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)"
+															}),
+															paramOptions.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: (value) => patchRule(r.id, { bParam: value }),
+														children: [/* @__PURE__ */ jsx(SelectTrigger, {
+															className: "wwc:w-44",
+															"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)"
+															}),
+															paramOptions.map((p) => /* @__PURE__ */ jsx(SelectItem, {
+																value: p.apiName,
+																children: p.apiName
+															}, p.id))
+														] })]
+													})
+												] }) : r.kind === "createObject" ? /* @__PURE__ */ jsx("span", {
+													className: "wwc:text-xs wwc:text-muted-foreground",
+													children: "property mapping is configured on the action page"
+												}) : /* @__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: (value) => patchRule(r.id, { targetParam: value }),
+													children: [/* @__PURE__ */ jsx(SelectTrigger, {
+														className: "wwc:w-44",
+														"aria-label": "Target parameter",
+														children: /* @__PURE__ */ jsx(SelectValue, { placeholder: "Parameter…" })
+													}), /* @__PURE__ */ jsx(SelectContent, { children: paramOptions.map((p) => /* @__PURE__ */ jsx(SelectItem, {
+														value: p.apiName,
+														children: p.apiName
+													}, p.id)) })]
+												})] })
+											]
+										}, r.id);
+									})
+								}),
+								/* @__PURE__ */ jsxs(DropdownMenu, { children: [/* @__PURE__ */ jsx(DropdownMenuTrigger, {
+									asChild: true,
+									children: /* @__PURE__ */ jsxs(Button, {
+										variant: "outline",
+										className: "wwc:self-start",
+										children: [/* @__PURE__ */ jsx(Plus, { className: "wwc:h-4 wwc:w-4" }), "Add rule"]
+									})
+								}), /* @__PURE__ */ jsx(DropdownMenuContent, {
+									align: "start",
+									children: RULE_KINDS.map((k) => /* @__PURE__ */ jsx(DropdownMenuItem, {
+										onSelect: () => addRule(k.kind),
+										children: k.label
+									}, k.kind))
+								})] }),
+								showRuleError && /* @__PURE__ */ jsx("p", {
+									className: "wwc:text-xs wwc:text-destructive",
+									children: "Add at least one rule, or make the action function-backed."
+								})
+							] })]
+						}) : null,
+						step === 3 ? /* @__PURE__ */ jsxs("div", {
+							className: "wwc:space-y-5",
+							children: [/* @__PURE__ */ jsxs("dl", {
+								className: "wwc:grid wwc:grid-cols-[10rem_1fr] wwc:gap-x-4 wwc:gap-y-3 wwc:text-sm",
+								children: [
+									/* @__PURE__ */ jsx("dt", {
+										className: "wwc:text-muted-foreground",
+										children: "Action"
+									}),
+									/* @__PURE__ */ jsxs("dd", {
+										className: "wwc:flex wwc:flex-wrap wwc:items-center wwc:gap-2",
+										children: [/* @__PURE__ */ jsx("span", {
+											className: "wwc:font-semibold",
+											children: displayName || "—"
+										}), /* @__PURE__ */ jsx(Badge, {
+											variant: "secondary",
+											className: "wwc:h-5 wwc:text-xs",
+											children: status
+										})]
+									}),
+									/* @__PURE__ */ jsx("dt", {
+										className: "wwc:text-muted-foreground",
+										children: "API name"
+									}),
+									/* @__PURE__ */ jsx("dd", {
+										className: "wwc:font-mono wwc:text-xs",
+										children: apiName || "—"
+									}),
+									/* @__PURE__ */ jsx("dt", {
+										className: "wwc:text-muted-foreground",
+										children: "Description"
+									}),
+									/* @__PURE__ */ jsx("dd", { children: description || "—" }),
+									/* @__PURE__ */ jsx("dt", {
+										className: "wwc:text-muted-foreground",
+										children: "Parameters"
+									}),
+									/* @__PURE__ */ jsx("dd", { children: parameters.length === 0 ? /* @__PURE__ */ jsx("span", {
+										className: "wwc:text-muted-foreground",
+										children: "none — zero-parameter action"
+									}) : /* @__PURE__ */ jsx("span", {
+										className: "wwc:flex wwc:flex-wrap wwc:gap-1.5",
+										children: parameters.map((p) => /* @__PURE__ */ jsxs(Badge, {
+											variant: "neutralSoft",
+											className: "wwc:font-mono wwc:font-normal",
+											children: [
+												p.apiName,
+												" : ",
+												p.type
+											]
+										}, p.id))
+									}) }),
+									/* @__PURE__ */ jsx("dt", {
+										className: "wwc:text-muted-foreground",
+										children: "Rules"
+									}),
+									/* @__PURE__ */ jsx("dd", { children: isFunction ? /* @__PURE__ */ jsxs(Badge, {
+										variant: "infoSoft",
+										className: "wwc:font-mono wwc:font-normal",
+										children: [
+											"ƒ ",
+											functionName || "—",
+											" (exclusive)"
+										]
+									}) : rules.length === 0 ? /* @__PURE__ */ jsx("span", {
+										className: "wwc:text-muted-foreground",
+										children: "none"
+									}) : /* @__PURE__ */ jsx("span", {
+										className: "wwc:flex wwc:flex-wrap wwc:gap-1.5",
+										children: rules.map((r) => /* @__PURE__ */ jsxs(Badge, {
+											variant: "neutralSoft",
+											className: "wwc:font-mono wwc:font-normal",
+											children: [
+												r.kind,
+												" ·",
+												" ",
+												r.kind === "createLink" || r.kind === "deleteLink" ? linkLabel(r.linkTypeId) : objectLabel(r.objectTypeId)
+											]
+										}, r.id))
+									}) }),
+									/* @__PURE__ */ jsx("dt", {
+										className: "wwc:text-muted-foreground",
+										children: "RID"
+									}),
+									/* @__PURE__ */ jsx("dd", {
+										className: "wwc:text-muted-foreground",
+										children: "RID auto-generated on create"
+									})
+								]
+							}), /* @__PURE__ */ jsx("div", {
+								className: "wwc:rounded-lg wwc:border wwc:border-border wwc:bg-muted/40 wwc:p-4 wwc:text-sm wwc:text-muted-foreground",
+								children: "Submission criteria, side effects, form layout and permissions are configured on the action page after creation."
+							})]
+						}) : null
+					]
+				}),
+				/* @__PURE__ */ jsxs(DialogFooter, { children: [/* @__PURE__ */ jsxs("span", {
+					className: "wwc:text-sm wwc:text-muted-foreground",
+					children: [
+						"Step ",
+						step + 1,
+						" of ",
+						STEPS.length
+					]
+				}), /* @__PURE__ */ jsxs("div", {
+					className: "wwc:flex wwc:items-center wwc:gap-2",
+					children: [step > 0 ? /* @__PURE__ */ jsx(Button, {
+						variant: "outline",
+						onClick: goBack,
+						children: "← Back"
+					}) : null, step < STEPS.length - 1 ? /* @__PURE__ */ jsx(Button, {
+						onClick: goNext,
+						children: "Next →"
+					}) : /* @__PURE__ */ jsx(Button, {
+						onClick: create,
+						children: "Create action type"
+					})]
+				})] })
+			]
+		})
+	});
+}
+/** Exported so a host rendering its own rule rows uses the same synthetic A/B values. */
+const ACTION_RULE_PARAM_SENTINELS = {
+	createdObject: CREATED_OBJECT,
+	anyObject: ANY_OBJECT
+};
+//#endregion
+export { ACTION_PARAM_TYPES, ACTION_RULE_PARAM_SENTINELS, ACTION_VERB_PREFIXES, NewActionTypeDialog };
+
+//# sourceMappingURL=wc3-action-type-wizard.mjs.map