@burdenoff/fluidgrids-fe-sdk 2026.1111.24 → 2026.1112.2

package/dist/{schedule-panel-C-N92gxl.js → schedule-panel-BrNKy9DY.js}

@@ -1,9 +1,9 @@
 "use client";
 import { _ as throwIfResultError, m as describeOperationError, n as getFluidGridsClient, r as getFluidGridsClientSafe, x as getFluidGridsConfig } from "./client-C9XSzSXr.js";
-import { H as useFlowStore } from "./node-operation-selection--oy-yEq_.js";
-import { Bn as useBuilderReadOnly, G as asRecord, K as coerceNumber, U as useRunGuard, X as optionText, Y as nodeTitle, Z as paramsFromOperation, _n as openRunQuotaUpgradePrompt, at as resolveLoadOptionsSpec, ct as casesFromRules, dn as parseParameterValue, fn as structuredParameterType, ft as boundFieldsOf, gn as useFluidGridsAnalytics, hn as isParamVisible, it as optionListValues, nt as isStringOptionList, ot as ConditionTreeBuilder, pt as missingRequiredParameters, rt as optionListText, st as SwitchRulesEditor, t as FluidGridsContext, un as formatParameterValue, ut as parseMappingValue } from "./FluidGridsProvider-BuZERrTA.js";
+import { H as useFlowStore } from "./node-operation-selection-icAhaNza.js";
+import { G as asRecord, Hn as useBuilderReadOnly, K as coerceNumber, U as useRunGuard, X as optionText, Y as nodeTitle, Z as paramsFromOperation, _n as isParamVisible, at as resolveLoadOptionsSpec, ct as casesFromRules, fn as formatParameterValue, ft as boundFieldsOf, it as optionListValues, mn as structuredParameterType, nt as isStringOptionList, ot as ConditionTreeBuilder, pn as parseParameterValue, pt as missingRequiredParameters, rt as optionListText, st as SwitchRulesEditor, t as FluidGridsContext, ut as parseMappingValue, vn as useFluidGridsAnalytics, yn as openRunQuotaUpgradePrompt } from "./FluidGridsProvider-BFfTxl9m.js";
 import { r as useTr } from "./TranslationBridge-Da-TPgQm.js";
-import { y as useGlobalStoreClient } from "./TemplateCard-D800haiE.js";
+import { y as useGlobalStoreClient } from "./TemplateCard-DYDVNYo6.js";
 import { Bn as StopWebhookTestListenerDocument, Tr as WorkflowCallInputsDocument, Tt as ListenForWebhookTestEventDocument, Ut as PreviewScheduleDocument, hr as WebhookTestListenerDocument } from "./graphql-operation-types-BdU65FNm.js";
 import { t as useAgentDefinitionList, vt as useRunFromNodeEligibilityQuery } from "./useAgentDefinitions-DSU8Eek4.js";
 import { a as collectExtensions } from "./quota-Cdt8yz7N.js";
@@ -12,8 +12,8 @@ import { C as rowsFromRules, S as readAssertRulesSetting, _ as ASSERT_OPERATORS,
 import { r as describeRule, s as isAgentNodeType } from "./agent-form-Bfvm32j1.js";
 import { i as NativeSelect, o as StatusPill, t as FieldError, u as useResource } from "./shared-CMfn30xT.js";
 import { L as triggerSchedule, T as pauseSchedule, t as backfillSchedule, u as describeSchedule, z as unpauseSchedule } from "./api-DwaHAJtA.js";
-import { a as ConnectionSelector, i as RunOnSection, n as PopoverContent$1, r as PopoverTrigger$1, t as Popover$1 } from "./popover-B6Rjrhar.js";
-import { r as normalizeCodeLanguage, t as CodeEditorField } from "./code-editor-field-Dg2U8mk1.js";
+import { a as ConnectionSelector, i as RunOnSection, n as PopoverContent$1, r as PopoverTrigger$1, t as Popover$1 } from "./popover-v7g8TWmm.js";
+import { r as normalizeCodeLanguage, t as CodeEditorField } from "./code-editor-field-o7qp9eTq.js";
 import { useCallback, useContext, useEffect, useId, useMemo, useRef, useState } from "react";
 import { Icon } from "@iconify/react";
 import { cn } from "@burdenoff/fe-libs/utils";
@@ -22,7 +22,8 @@ import { toast } from "sonner";
 import { gql } from "@apollo/client";
 import { Button, Card, DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuTrigger, Input, Label, ResponsiveDialog, ResponsiveDialogContent, ResponsiveDialogDescription, ResponsiveDialogFooter, ResponsiveDialogHeader, ResponsiveDialogTitle, Select, SelectContent, SelectItem, SelectTrigger, SelectValue, Switch, Textarea } from "@burdenoff/fe-libs/ui";
 import { Button as Button$1 } from "@burdenoff/fe-libs/button";
-import { Plus, X } from "lucide-react";
+import { v4 } from "uuid";
+import { ChevronDown, ChevronUp, Plus, X } from "lucide-react";
 import { createSharePrincipalLister } from "@burdenoff/fe-libs/connections";
 import cronstrue from "cronstrue";
 import { digest } from "ohash";
@@ -2111,7 +2112,7 @@ function defaultScheduleRule() {
 function isScheduleRuleField(value) {
 	return typeof value === "string" && SCHEDULE_RULE_FIELDS.some((field) => field === value);
 }
-function isRecord$3(value) {
+function isRecord$4(value) {
 	return typeof value === "object" && value !== null && !Array.isArray(value);
 }
 function toNumber(value) {
@@ -2210,10 +2211,10 @@ function rulesFromLegacyState(state) {
 * array and the legacy fields, and always yields at least one rule.
 */
 function normalizeScheduleState(state) {
-	const source = isRecord$3(state) ? state : {};
+	const source = isRecord$4(state) ? state : {};
 	let rules;
 	if (Array.isArray(source.rules)) {
-		rules = source.rules.filter(isRecord$3).map(normalizeScheduleRule);
+		rules = source.rules.filter(isRecord$4).map(normalizeScheduleRule);
 		if (rules.length === 0) rules = [defaultScheduleRule()];
 	} else rules = rulesFromLegacyState(source);
 	const timezone = toTrimmedString(source.timezone) || "UTC";
@@ -2228,7 +2229,7 @@ function normalizeScheduleState(state) {
 }
 /** Whether the saved state predates `rules[]` (so the editor is showing a conversion). */
 function isLegacyScheduleState(state) {
-	if (!isRecord$3(state) || Array.isArray(state.rules)) return false;
+	if (!isRecord$4(state) || Array.isArray(state.rules)) return false;
 	return state.mode !== void 0 || toTrimmedString(state.cronExpression) !== "" || toNumber(state.interval) !== void 0;
 }
 function inRange(value, min, max) {
@@ -2432,8 +2433,8 @@ function CronExpressionField({ value, onChange, className, testId, ariaLabel })
 }
 
 // src/builder/components/ndv/schedule-rules-editor.tsx
-const rowInput$2 = "rounded-md border border-input bg-background px-2 py-1 text-xs outline-none focus:border-primary";
-const selectCx = "scheme-normal dark:scheme-dark [&_option]:bg-bg-surface [&_option]:text-text-primary";
+const rowInput$3 = "rounded-md border border-input bg-background px-2 py-1 text-xs outline-none focus:border-primary";
+const selectCx$1 = "scheme-normal dark:scheme-dark [&_option]:bg-bg-surface [&_option]:text-text-primary";
 function isNumericOption(value) {
 	return /^-?\d+$/.test(value);
 }
@@ -2580,7 +2581,7 @@ function ScheduleRulesEditor({ rules, ruleFields, onChange, testIdPrefix = "ndv"
 									isCron ? /* @__PURE__ */ jsx(CronExpressionField, {
 										value: stringValue(row[spec.name]),
 										onChange: (value) => patchRow(index, spec.name, value),
-										className: cn(rowInput$2, "w-full"),
+										className: cn(rowInput$3, "w-full"),
 										testId,
 										ariaLabel: label
 									}) : spec.type === "multiOptions" && spec.options ? /* @__PURE__ */ jsx("div", {
@@ -2613,7 +2614,7 @@ function ScheduleRulesEditor({ rules, ruleFields, onChange, testIdPrefix = "ndv"
 										onChange: (event) => patchRow(index, spec.name, optionValue(spec, event.target.value)),
 										"aria-label": label,
 										"data-testid": testId,
-										className: cn(rowInput$2, selectCx),
+										className: cn(rowInput$3, selectCx$1),
 										children: spec.options.map((option) => /* @__PURE__ */ jsx("option", {
 											value: option,
 											children: spec.optionLabels?.[option] ?? option
@@ -2626,14 +2627,14 @@ function ScheduleRulesEditor({ rules, ruleFields, onChange, testIdPrefix = "ndv"
 										onChange: (event) => patchRow(index, spec.name, coerceNumber(spec.type, event.target.value)),
 										"aria-label": label,
 										"data-testid": testId,
-										className: rowInput$2
+										className: rowInput$3
 									}) : /* @__PURE__ */ jsx("input", {
 										type: "text",
 										value: stringValue(row[spec.name]),
 										onChange: (event) => patchRow(index, spec.name, event.target.value),
 										"aria-label": label,
 										"data-testid": testId,
-										className: rowInput$2
+										className: rowInput$3
 									}),
 									spec.description && /* @__PURE__ */ jsx("span", {
 										className: "text-[10px] leading-snug text-muted-foreground",
@@ -2678,7 +2679,7 @@ function ScheduleRulesEditor({ rules, ruleFields, onChange, testIdPrefix = "ndv"
 * switched to at any time. Problems are shown under the rows; the worker
 * checks the rules again when the node runs.
 */
-const rowInput$1 = "rounded-md border border-input bg-background px-2 py-1 text-xs text-foreground outline-none focus:border-primary";
+const rowInput$2 = "rounded-md border border-input bg-background px-2 py-1 text-xs text-foreground outline-none focus:border-primary";
 /** The JSON text of rows, as stored. */
 function serialiseRows(rows, previous) {
 	const rules = rows.map(ruleFromRow);
@@ -2765,7 +2766,7 @@ function AssertRulesEditor({ value, onChange, testIdPrefix = "ndv" }) {
 					setJsonText(event.target.value);
 					write(Array.isArray(value) ? readAssertRulesSetting(event.target.value) ?? value : event.target.value);
 				},
-				className: cn(rowInput$1, "w-full font-mono"),
+				className: cn(rowInput$2, "w-full font-mono"),
 				"data-testid": `${testIdPrefix}-assert-rules-json`
 			}) : /* @__PURE__ */ jsxs(Fragment, { children: [
 				rows.length === 0 && /* @__PURE__ */ jsx("p", {
@@ -2791,13 +2792,13 @@ function AssertRulesEditor({ value, onChange, testIdPrefix = "ndv" }) {
 										placeholder: tr("fluidgrids.builder.assertRules.pathPlaceholder", "path, e.g. body.items.0.id (empty = whole input)"),
 										"aria-label": tr("fluidgrids.builder.assertRules.path", "Path"),
 										onChange: (event) => setRow(index, { path: event.target.value }),
-										className: cn(rowInput$1, "min-w-0 flex-1 font-mono")
+										className: cn(rowInput$2, "min-w-0 flex-1 font-mono")
 									}),
 									/* @__PURE__ */ jsx("select", {
 										value: row.operator,
 										"aria-label": tr("fluidgrids.builder.assertRules.operator", "Operator"),
 										onChange: (event) => setRow(index, { operator: event.target.value }),
-										className: rowInput$1,
+										className: rowInput$2,
 										children: ASSERT_OPERATORS.map((spec) => /* @__PURE__ */ jsx("option", {
 											value: spec.wire,
 											children: tr(`fluidgrids.builder.assertRules.op.${spec.wire}`, spec.label)
@@ -2818,7 +2819,7 @@ function AssertRulesEditor({ value, onChange, testIdPrefix = "ndv" }) {
 								placeholder: row.operator === "matches" ? tr("fluidgrids.builder.assertRules.regexPlaceholder", "regular expression, e.g. ^ord_") : tr("fluidgrids.builder.assertRules.expectedPlaceholder", "expected value as JSON, e.g. 42, \"ok\" or {\"a\": 1}"),
 								"aria-label": tr("fluidgrids.builder.assertRules.expected", "Expected"),
 								onChange: (event) => setRow(index, { expected: event.target.value }),
-								className: cn(rowInput$1, "mt-1.5 w-full font-mono")
+								className: cn(rowInput$2, "mt-1.5 w-full font-mono")
 							}),
 							operand === "range" && /* @__PURE__ */ jsxs("div", {
 								className: "mt-1.5 flex gap-1.5",
@@ -2829,7 +2830,7 @@ function AssertRulesEditor({ value, onChange, testIdPrefix = "ndv" }) {
 									placeholder: tr("fluidgrids.builder.assertRules.min", "min"),
 									"aria-label": tr("fluidgrids.builder.assertRules.min", "min"),
 									onChange: (event) => setRow(index, { min: event.target.value }),
-									className: cn(rowInput$1, "w-full")
+									className: cn(rowInput$2, "w-full")
 								}), /* @__PURE__ */ jsx("input", {
 									type: "text",
 									inputMode: "decimal",
@@ -2837,7 +2838,7 @@ function AssertRulesEditor({ value, onChange, testIdPrefix = "ndv" }) {
 									placeholder: tr("fluidgrids.builder.assertRules.max", "max"),
 									"aria-label": tr("fluidgrids.builder.assertRules.max", "max"),
 									onChange: (event) => setRow(index, { max: event.target.value }),
-									className: cn(rowInput$1, "w-full")
+									className: cn(rowInput$2, "w-full")
 								})]
 							}),
 							/* @__PURE__ */ jsx("input", {
@@ -2846,7 +2847,7 @@ function AssertRulesEditor({ value, onChange, testIdPrefix = "ndv" }) {
 								placeholder: tr("fluidgrids.builder.assertRules.messagePlaceholder", "message when it does not hold (optional)"),
 								"aria-label": tr("fluidgrids.builder.assertRules.message", "Message"),
 								onChange: (event) => setRow(index, { message: event.target.value }),
-								className: cn(rowInput$1, "mt-1.5 w-full")
+								className: cn(rowInput$2, "mt-1.5 w-full")
 							})
 						]
 					}, index);
@@ -2869,6 +2870,625 @@ function AssertRulesEditor({ value, onChange, testIdPrefix = "ndv" }) {
 	});
 }
 
+// src/builder/lib/form-trigger-fields.ts
+/**
+* The `fields` setting of the Form Trigger (`internal:form`, BOFF-11146), as
+* the structured field editor reads and writes it.
+*
+* The shape is the one wspace-workflow-svc parses (`parseFields` in
+* `src/modules/triggers/rest/form-handler.ts`) and renders (`renderFieldControl`
+* in `src/modules/triggers/utils/form-fields.ts`): a JSON array, saved either as
+* JSON text (what the manifest's `string` parameter holds) or as an array, of
+*
+*   { name, label?, type?, required?, placeholder?, options?: string[],
+*     defaultValue? | default? }
+*
+* The service reads `defaultValue ?? default`, lower-cases `type` and treats a
+* missing type as `text`. The editor keeps the representation it was given
+* (text stays text, an array stays an array) and keeps every key it does not
+* edit, so saved workflows load without a migration.
+*/
+const FORM_TRIGGER_NODE_TYPE = "internal:form";
+const FORM_FIELDS_PARAMETER = "fields";
+/**
+* The field types the service renders, in the order the manifest's `fields`
+* description lists them. Used when that description cannot be read.
+*/
+const FORM_FIELD_TYPES = [
+	"text",
+	"textarea",
+	"email",
+	"number",
+	"date",
+	"password",
+	"tel",
+	"url",
+	"dropdown",
+	"multiselect",
+	"radio",
+	"checkbox",
+	"checkboxes",
+	"hidden"
+];
+/** Types that render their `options`; `select` is the service's alias of `dropdown`. */
+const CHOICE_TYPES = /* @__PURE__ */ new Set([
+	"dropdown",
+	"select",
+	"multiselect",
+	"radio",
+	"checkboxes"
+]);
+/** Choice types whose value (and default) is a list. */
+const MULTI_CHOICE_TYPES = /* @__PURE__ */ new Set(["multiselect", "checkboxes"]);
+/** Types the service renders without a placeholder. */
+const NO_PLACEHOLDER_TYPES = /* @__PURE__ */ new Set(["checkbox", "hidden"]);
+function isRecord$3(value) {
+	return typeof value === "object" && value !== null && !Array.isArray(value);
+}
+/**
+* The field types the manifest advertises, read from the `Types: a, b, c.`
+* sentence of the `fields` description. Falls back to {@link FORM_FIELD_TYPES}
+* when the description has no such list.
+*/
+function advertisedFormFieldTypes(description) {
+	const types = (description?.match(/\bTypes:\s*([^.]+)\./)?.[1] ?? "").split(",").map((type) => type.trim().toLowerCase()).filter((type) => /^[a-z][a-z0-9_-]*$/.test(type));
+	return types.length > 0 ? [...new Set(types)] : [...FORM_FIELD_TYPES];
+}
+/** A field's type the way the service reads it: lower case, `text` when unset. */
+function formFieldTypeOf(field) {
+	return typeof field.type === "string" && field.type.trim() ? field.type.trim().toLowerCase() : "text";
+}
+function isChoiceFieldType(type) {
+	return CHOICE_TYPES.has(type);
+}
+function isMultiChoiceFieldType(type) {
+	return MULTI_CHOICE_TYPES.has(type);
+}
+function fieldTypeTakesPlaceholder(type) {
+	return !CHOICE_TYPES.has(type) && !NO_PLACEHOLDER_TYPES.has(type);
+}
+/**
+* The fields of a saved setting, or null when it is not a JSON array of
+* objects (the editor then opens the JSON view so nothing is lost). An unset or
+* blank setting is an empty list.
+*/
+function readFormFieldsSetting(value) {
+	let parsed = value;
+	if (value === void 0 || value === null) return [];
+	if (typeof value === "string") {
+		if (!value.trim()) return [];
+		try {
+			parsed = JSON.parse(value);
+		} catch {
+			return null;
+		}
+	}
+	if (!Array.isArray(parsed) || !parsed.every(isRecord$3)) return null;
+	return parsed.map((field) => ({ ...field }));
+}
+/** The text the JSON view shows for a setting. */
+function formFieldsText(value) {
+	if (typeof value === "string") return value;
+	if (value === void 0 || value === null) return "";
+	return JSON.stringify(value, null, 2);
+}
+function toFormFieldRows(fields) {
+	return fields.map((field) => ({
+		key: v4(),
+		field
+	}));
+}
+/** A field ready to save: name trimmed, blank options dropped. */
+function savedField(field) {
+	const next = { ...field };
+	if (typeof next.name === "string") next.name = next.name.trim();
+	if (Array.isArray(next.options)) next.options = next.options.filter((option) => typeof option !== "string" || option.trim() !== "");
+	return next;
+}
+/**
+* The value to save for `fields`, in the representation of the `previous`
+* setting: an array stays an array, anything else is saved as JSON text.
+*/
+function serialiseFormFields(fields, previous) {
+	const saved = fields.map(savedField);
+	return Array.isArray(previous) ? saved : JSON.stringify(saved, null, 2);
+}
+/**
+* What stops the fields from being saved: a field without a name, a name used
+* twice, a choice field without options. `index` is the field's position.
+*/
+function formFieldProblems(fields) {
+	const problems = [];
+	const seen = /* @__PURE__ */ new Set();
+	fields.forEach((field, index) => {
+		const name = typeof field.name === "string" ? field.name.trim() : "";
+		if (!name) problems.push({
+			code: "nameMissing",
+			index
+		});
+		else if (seen.has(name)) problems.push({
+			code: "duplicateName",
+			index,
+			name
+		});
+		else seen.add(name);
+		if (isChoiceFieldType(formFieldTypeOf(field)) && formFieldOptions(field).every((option) => !option.trim())) problems.push({
+			code: "optionsMissing",
+			index
+		});
+	});
+	return problems;
+}
+/** A new text field with a name no other field uses. */
+function newFormField(fields) {
+	const names = new Set(fields.map((field) => field.name));
+	let number = fields.length + 1;
+	while (names.has(`field_${number}`)) number += 1;
+	return {
+		name: `field_${number}`,
+		type: "text"
+	};
+}
+/**
+* `field` with `key` set, or removed when `value` is empty (`undefined`, an
+* empty string or `false`), so cleared settings do not linger in the JSON.
+*/
+function setFormFieldKey(field, key, value) {
+	const next = { ...field };
+	if (value === void 0 || value === "" || value === false) delete next[key];
+	else next[key] = value;
+	return next;
+}
+/** The option labels of a field; anything that is not text is shown as text. */
+function formFieldOptions(field) {
+	if (!Array.isArray(field.options)) return [];
+	return field.options.map((option) => {
+		if (typeof option === "string") return option;
+		if (isRecord$3(option)) return String(option.value ?? option.label ?? "");
+		return option === void 0 || option === null ? "" : String(option);
+	});
+}
+/** The default the service applies: `defaultValue`, else `default`. */
+function rawDefault(field) {
+	return field.defaultValue ?? field.default;
+}
+/** A single-value default (text-like, textarea, hidden, dropdown, radio). */
+function formFieldTextDefault(field) {
+	const raw = rawDefault(field);
+	const first = Array.isArray(raw) ? raw[0] : raw;
+	return first === void 0 || first === null || typeof first === "boolean" ? "" : String(first);
+}
+/** The defaults of a multiselect or checkbox group. */
+function formFieldListDefault(field) {
+	const raw = rawDefault(field);
+	if (raw === void 0 || raw === null || typeof raw === "boolean") return [];
+	return (Array.isArray(raw) ? raw : [raw]).map(String);
+}
+/** Whether a single checkbox starts checked. */
+function formFieldCheckedDefault(field) {
+	const raw = rawDefault(field);
+	return raw === true || raw === "true";
+}
+/**
+* `field` with a new default. It goes where the field keeps it (`default` when
+* only that key is set, else `defaultValue`); clearing it removes both keys, so
+* an older `default` does not take over.
+*/
+function withFormFieldDefault(field, value) {
+	const next = { ...field };
+	if (value === void 0 || value === "" || value === false || Array.isArray(value) && value.length === 0) {
+		delete next.defaultValue;
+		delete next.default;
+		return next;
+	}
+	const key = "default" in field && !("defaultValue" in field) ? "default" : "defaultValue";
+	next[key] = value;
+	return next;
+}
+/** `list` with the item at `index` moved one place up (-1) or down (1). */
+function moveFormFieldRow(list, index, direction) {
+	const next = list.slice();
+	const target = index + direction;
+	if (index < 0 || index >= list.length || target < 0 || target >= list.length) return next;
+	[next[index], next[target]] = [list[target], list[index]];
+	return next;
+}
+
+// src/builder/components/ndv/form-fields-messages.ts
+/** The name of a field type in the type picker; unknown types show as saved. */
+function formFieldTypeLabel(tr, type) {
+	switch (type) {
+		case "text": return tr("fluidgrids.builder.formFields.typeText", "Text");
+		case "textarea": return tr("fluidgrids.builder.formFields.typeTextarea", "Long text");
+		case "email": return tr("fluidgrids.builder.formFields.typeEmail", "Email");
+		case "number": return tr("fluidgrids.builder.formFields.typeNumber", "Number");
+		case "date": return tr("fluidgrids.builder.formFields.typeDate", "Date");
+		case "password": return tr("fluidgrids.builder.formFields.typePassword", "Password");
+		case "tel": return tr("fluidgrids.builder.formFields.typeTel", "Phone number");
+		case "url": return tr("fluidgrids.builder.formFields.typeUrl", "URL");
+		case "dropdown": return tr("fluidgrids.builder.formFields.typeDropdown", "Dropdown");
+		case "multiselect": return tr("fluidgrids.builder.formFields.typeMultiselect", "Multi-select");
+		case "radio": return tr("fluidgrids.builder.formFields.typeRadio", "Radio buttons");
+		case "checkbox": return tr("fluidgrids.builder.formFields.typeCheckbox", "Checkbox");
+		case "checkboxes": return tr("fluidgrids.builder.formFields.typeCheckboxes", "Checkboxes");
+		case "hidden": return tr("fluidgrids.builder.formFields.typeHidden", "Hidden");
+		default: return type;
+	}
+}
+/** The message for a problem that keeps the fields from being saved. */
+function formFieldProblemMessage(tr, problem) {
+	const number = problem.index + 1;
+	switch (problem.code) {
+		case "nameMissing": return tr("fluidgrids.builder.formFields.nameMissing", "Field {{number}} needs a name.", { number });
+		case "duplicateName": return tr("fluidgrids.builder.formFields.duplicateName", "Field {{number}} reuses the name \"{{name}}\". Each field needs its own name.", {
+			number,
+			name: problem.name
+		});
+		case "optionsMissing": return tr("fluidgrids.builder.formFields.optionsMissing", "Field {{number}} needs at least one option.", { number });
+	}
+}
+
+// src/builder/components/ndv/form-fields-editor.tsx
+/**
+* The field list of the Form Trigger (`internal:form`, BOFF-11146).
+*
+* The manifest declares `fields` as JSON text. This editor shows it as one
+* card per field (label, name, type, required, placeholder, default and, for
+* choice types, options) that can be added, removed and reordered, and writes
+* the JSON back in the representation the setting already uses. Fields that do
+* not parse open in the JSON view, so nothing a person typed is thrown away.
+*
+* A list with a problem (a field without a name, a name used twice, a choice
+* field without options) is not saved: the editor keeps the edit on screen,
+* says what to fix, and writes once the list is valid again.
+*/
+const rowInput$1 = "rounded-md border border-input bg-background px-2 py-1 text-xs text-foreground outline-none focus:border-primary aria-invalid:border-status-error-border";
+const selectCx = "scheme-normal dark:scheme-dark [&_option]:bg-bg-surface [&_option]:text-text-primary";
+const iconButton = "rounded p-0.5 text-muted-foreground hover:text-foreground disabled:opacity-30";
+const removeButton = "rounded p-0.5 text-muted-foreground hover:text-[var(--color-status-error-text)]";
+const addButton = "flex items-center gap-1 self-start text-xs text-primary hover:underline";
+const smallLabel = "text-[10px] font-semibold text-muted-foreground";
+function FormFieldsEditor({ value, onChange, description, testIdPrefix = "ndv" }) {
+	const tr = useTr();
+	const types = advertisedFormFieldTypes(description);
+	const [rows, setRows] = useState(() => toFormFieldRows(readFormFieldsSetting(value) ?? []));
+	const [jsonView, setJsonView] = useState(() => readFormFieldsSetting(value) === null);
+	const [jsonText, setJsonText] = useState(() => formFieldsText(value));
+	const [synced, setSynced] = useState(value);
+	if (!Object.is(value, synced)) {
+		setSynced(value);
+		setJsonText(formFieldsText(value));
+		const parsed = readFormFieldsSetting(value);
+		if (parsed === null) setJsonView(true);
+		else setRows(toFormFieldRows(parsed));
+	}
+	const write = (next) => {
+		setSynced(next);
+		onChange(next);
+	};
+	const setRowList = (next) => {
+		setRows(next);
+		const fields = next.map((row) => row.field);
+		const serialised = serialiseFormFields(fields, value);
+		setJsonText(formFieldsText(serialised));
+		if (formFieldProblems(fields).length === 0) write(serialised);
+	};
+	const parsedJson = jsonView ? readFormFieldsSetting(jsonText) : null;
+	const problems = formFieldProblems(jsonView ? parsedJson ?? [] : rows.map((row) => row.field));
+	const invalidJson = jsonView && parsedJson === null;
+	const toggleView = () => {
+		if (jsonView) {
+			if (parsedJson === null) return;
+			setRows(toFormFieldRows(parsedJson));
+			setJsonView(false);
+		} else {
+			setJsonText(formFieldsText(serialiseFormFields(rows.map((row) => row.field), value)));
+			setJsonView(true);
+		}
+	};
+	return /* @__PURE__ */ jsxs("div", {
+		className: "flex flex-col gap-2",
+		"data-testid": `${testIdPrefix}-form-fields`,
+		children: [
+			/* @__PURE__ */ jsx("div", {
+				className: "flex items-center justify-end",
+				children: /* @__PURE__ */ jsx("button", {
+					type: "button",
+					onClick: toggleView,
+					disabled: invalidJson,
+					className: "text-[11px] text-primary hover:underline disabled:opacity-50",
+					"data-testid": `${testIdPrefix}-form-fields-view`,
+					children: jsonView ? tr("fluidgrids.builder.formFields.showFields", "Edit as fields") : tr("fluidgrids.builder.formFields.showJson", "Edit as JSON")
+				})
+			}),
+			jsonView ? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("textarea", {
+				value: jsonText,
+				rows: 10,
+				spellCheck: false,
+				"aria-label": tr("fluidgrids.builder.formFields.label", "Form fields"),
+				onChange: (event) => {
+					const text = event.target.value;
+					setJsonText(text);
+					const parsed = readFormFieldsSetting(text);
+					if (parsed !== null && formFieldProblems(parsed).length === 0) write(Array.isArray(value) ? parsed : text);
+				},
+				className: cn(rowInput$1, "w-full font-mono"),
+				"data-testid": `${testIdPrefix}-form-fields-json`
+			}), description && /* @__PURE__ */ jsx("span", {
+				className: "text-[11px] leading-snug text-muted-foreground",
+				children: description
+			})] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+				rows.length === 0 && /* @__PURE__ */ jsx("p", {
+					className: "text-xs text-muted-foreground",
+					children: tr("fluidgrids.builder.formFields.empty", "No fields yet. Add one to build the form.")
+				}),
+				rows.map(({ key, field }, index) => /* @__PURE__ */ jsx(FormFieldCard, {
+					field,
+					index,
+					count: rows.length,
+					types,
+					problems: problems.filter((problem) => problem.index === index),
+					onChange: (next) => setRowList(rows.map((row, i) => i === index ? {
+						...row,
+						field: next
+					} : row)),
+					onMove: (direction) => setRowList(moveFormFieldRow(rows, index, direction)),
+					onRemove: () => setRowList(rows.filter((_, i) => i !== index)),
+					testIdPrefix
+				}, key)),
+				/* @__PURE__ */ jsxs("button", {
+					type: "button",
+					onClick: () => setRowList([...rows, ...toFormFieldRows([newFormField(rows.map((row) => row.field))])]),
+					className: addButton,
+					"data-testid": `${testIdPrefix}-form-field-add`,
+					children: [/* @__PURE__ */ jsx(Plus, { className: "size-3.5" }), tr("fluidgrids.builder.formFields.add", "Add field")]
+				})
+			] }),
+			(invalidJson || problems.length > 0) && /* @__PURE__ */ jsx("div", {
+				className: "text-[11px] text-[var(--color-status-error-text)]",
+				role: "alert",
+				"data-testid": `${testIdPrefix}-form-fields-problems`,
+				children: invalidJson ? /* @__PURE__ */ jsx("p", { children: tr("fluidgrids.builder.formFields.invalidJson", "The fields must be a JSON array of objects.") }) : /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("p", { children: tr("fluidgrids.builder.formFields.notSaved", "These changes are not saved until this is fixed:") }), /* @__PURE__ */ jsx("ul", {
+					className: "list-inside list-disc",
+					children: problems.map((problem) => /* @__PURE__ */ jsx("li", { children: formFieldProblemMessage(tr, problem) }, `${problem.code}-${problem.index}`))
+				})] })
+			})
+		]
+	});
+}
+/** One field: label, type, order, name, required, placeholder, options, default. */
+function FormFieldCard({ field, index, count, types, problems, onChange, onMove, onRemove, testIdPrefix }) {
+	const tr = useTr();
+	const type = formFieldTypeOf(field);
+	const typeChoices = types.includes(type) ? types : [...types, type];
+	const options = formFieldOptions(field);
+	const name = typeof field.name === "string" ? field.name : "";
+	const nameInvalid = problems.some((problem) => problem.code === "nameMissing" || problem.code === "duplicateName");
+	const labelText = tr("fluidgrids.builder.formFields.fieldLabel", "Label");
+	const nameText = tr("fluidgrids.builder.formFields.name", "Name");
+	const placeholderText = tr("fluidgrids.builder.formFields.placeholder", "Placeholder");
+	return /* @__PURE__ */ jsxs("div", {
+		className: "rounded-md border border-border p-2",
+		"data-testid": `${testIdPrefix}-form-field-${index}`,
+		children: [
+			/* @__PURE__ */ jsxs("div", {
+				className: "flex items-center gap-1.5",
+				children: [
+					/* @__PURE__ */ jsxs("span", {
+						className: smallLabel,
+						children: [index + 1, "."]
+					}),
+					/* @__PURE__ */ jsx("input", {
+						type: "text",
+						value: typeof field.label === "string" ? field.label : "",
+						placeholder: name || labelText,
+						"aria-label": labelText,
+						onChange: (event) => onChange(setFormFieldKey(field, "label", event.target.value)),
+						className: cn(rowInput$1, "min-w-0 flex-1 font-medium")
+					}),
+					/* @__PURE__ */ jsx("select", {
+						value: type,
+						"aria-label": tr("fluidgrids.builder.formFields.type", "Type"),
+						onChange: (event) => onChange(setFormFieldKey(field, "type", event.target.value)),
+						className: cn(rowInput$1, selectCx),
+						children: typeChoices.map((choice) => /* @__PURE__ */ jsx("option", {
+							value: choice,
+							children: formFieldTypeLabel(tr, choice)
+						}, choice))
+					}),
+					/* @__PURE__ */ jsx("button", {
+						type: "button",
+						onClick: () => onMove(-1),
+						disabled: index === 0,
+						title: tr("fluidgrids.builder.switchRulesEditor.moveUp", "Move up"),
+						className: iconButton,
+						children: /* @__PURE__ */ jsx(ChevronUp, { className: "size-4" })
+					}),
+					/* @__PURE__ */ jsx("button", {
+						type: "button",
+						onClick: () => onMove(1),
+						disabled: index === count - 1,
+						title: tr("fluidgrids.builder.switchRulesEditor.moveDown", "Move down"),
+						className: iconButton,
+						children: /* @__PURE__ */ jsx(ChevronDown, { className: "size-4" })
+					}),
+					/* @__PURE__ */ jsx("button", {
+						type: "button",
+						onClick: onRemove,
+						title: tr("fluidgrids.builder.formFields.remove", "Remove field"),
+						className: removeButton,
+						children: /* @__PURE__ */ jsx(X, { className: "size-4" })
+					})
+				]
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: "mt-1.5 flex items-center gap-1.5",
+				children: [/* @__PURE__ */ jsx("input", {
+					type: "text",
+					value: name,
+					placeholder: nameText,
+					"aria-label": nameText,
+					"aria-invalid": nameInvalid || void 0,
+					onChange: (event) => onChange({
+						...field,
+						name: event.target.value
+					}),
+					className: cn(rowInput$1, "min-w-0 flex-1 font-mono")
+				}), type !== "hidden" && /* @__PURE__ */ jsxs("label", {
+					className: "flex shrink-0 cursor-pointer items-center gap-1 text-xs text-muted-foreground",
+					children: [/* @__PURE__ */ jsx("input", {
+						type: "checkbox",
+						checked: field.required === true,
+						onChange: (event) => onChange(setFormFieldKey(field, "required", event.target.checked)),
+						className: "size-3.5"
+					}), tr("fluidgrids.builder.formFields.required", "Required")]
+				})]
+			}),
+			fieldTypeTakesPlaceholder(type) && /* @__PURE__ */ jsx("input", {
+				type: "text",
+				value: typeof field.placeholder === "string" ? field.placeholder : "",
+				placeholder: placeholderText,
+				"aria-label": placeholderText,
+				onChange: (event) => onChange(setFormFieldKey(field, "placeholder", event.target.value)),
+				className: cn(rowInput$1, "mt-1.5 w-full")
+			}),
+			isChoiceFieldType(type) && /* @__PURE__ */ jsx(FieldOptions, {
+				options,
+				invalid: problems.some((problem) => problem.code === "optionsMissing"),
+				onChange: (next) => onChange({
+					...field,
+					options: next
+				}),
+				testId: `${testIdPrefix}-form-field-${index}-add-option`
+			}),
+			/* @__PURE__ */ jsx(FieldDefault, {
+				field,
+				type,
+				options,
+				onChange: (next) => onChange(withFormFieldDefault(field, next))
+			})
+		]
+	});
+}
+/** The options of a choice field; blank ones are dropped when saved. */
+function FieldOptions({ options, invalid, onChange, testId }) {
+	const tr = useTr();
+	const label = tr("fluidgrids.builder.formFields.options", "Options");
+	return /* @__PURE__ */ jsxs("div", {
+		role: "group",
+		"aria-label": label,
+		className: "mt-1.5 flex flex-col gap-1",
+		children: [
+			/* @__PURE__ */ jsx("span", {
+				className: smallLabel,
+				children: label
+			}),
+			options.map((option, optionIndex) => {
+				const optionLabel = tr("fluidgrids.builder.formFields.option", "Option {{number}}", { number: optionIndex + 1 });
+				return /* @__PURE__ */ jsxs("div", {
+					className: "flex items-center gap-1.5",
+					children: [/* @__PURE__ */ jsx("input", {
+						type: "text",
+						value: option,
+						placeholder: optionLabel,
+						"aria-label": optionLabel,
+						"aria-invalid": invalid || void 0,
+						onChange: (event) => onChange(options.map((o, i) => i === optionIndex ? event.target.value : o)),
+						className: cn(rowInput$1, "min-w-0 flex-1")
+					}), /* @__PURE__ */ jsx("button", {
+						type: "button",
+						onClick: () => onChange(options.filter((_, i) => i !== optionIndex)),
+						title: tr("fluidgrids.builder.formFields.removeOption", "Remove option"),
+						className: removeButton,
+						children: /* @__PURE__ */ jsx(X, { className: "size-3.5" })
+					})]
+				}, optionIndex);
+			}),
+			/* @__PURE__ */ jsxs("button", {
+				type: "button",
+				onClick: () => onChange([...options, ""]),
+				className: addButton,
+				"data-testid": testId,
+				children: [/* @__PURE__ */ jsx(Plus, { className: "size-3.5" }), tr("fluidgrids.builder.formFields.addOption", "Add option")]
+			})
+		]
+	});
+}
+/** The default-value control a field type takes. */
+function FieldDefault({ field, type, options, onChange }) {
+	const tr = useTr();
+	const label = tr("fluidgrids.builder.formFields.defaultValue", "Default value");
+	const choices = [...new Set(options.filter((option) => option.trim() !== ""))];
+	if (type === "checkbox") return /* @__PURE__ */ jsxs("label", {
+		className: "mt-1.5 flex w-fit cursor-pointer items-center gap-1 text-xs text-muted-foreground",
+		children: [/* @__PURE__ */ jsx("input", {
+			type: "checkbox",
+			checked: formFieldCheckedDefault(field),
+			onChange: (event) => onChange(event.target.checked),
+			className: "size-3.5"
+		}), tr("fluidgrids.builder.formFields.checkedByDefault", "Checked by default")]
+	});
+	if (isMultiChoiceFieldType(type)) {
+		if (choices.length === 0) return null;
+		const selected = formFieldListDefault(field);
+		const selectedSet = new Set(selected);
+		return /* @__PURE__ */ jsxs("div", {
+			role: "group",
+			"aria-label": label,
+			className: "mt-1.5 flex flex-wrap items-center gap-x-3 gap-y-1",
+			children: [/* @__PURE__ */ jsx("span", {
+				className: smallLabel,
+				children: label
+			}), choices.map((option) => /* @__PURE__ */ jsxs("label", {
+				className: "flex cursor-pointer items-center gap-1 text-xs",
+				children: [/* @__PURE__ */ jsx("input", {
+					type: "checkbox",
+					checked: selectedSet.has(option),
+					onChange: (event) => {
+						const next = new Set(selectedSet);
+						if (event.target.checked) next.add(option);
+						else next.delete(option);
+						onChange(choices.filter((choice) => next.has(choice)));
+					},
+					className: "size-3.5"
+				}), option]
+			}, option))]
+		});
+	}
+	if (isChoiceFieldType(type)) {
+		if (choices.length === 0) return null;
+		const current = formFieldTextDefault(field);
+		return /* @__PURE__ */ jsxs("select", {
+			value: current,
+			"aria-label": label,
+			onChange: (event) => onChange(event.target.value),
+			className: cn(rowInput$1, selectCx, "mt-1.5 w-full"),
+			children: [
+				/* @__PURE__ */ jsx("option", {
+					value: "",
+					children: tr("fluidgrids.builder.formFields.noDefault", "No default")
+				}),
+				current && !choices.includes(current) && /* @__PURE__ */ jsx("option", {
+					value: current,
+					children: current
+				}),
+				choices.map((option) => /* @__PURE__ */ jsx("option", {
+					value: option,
+					children: option
+				}, option))
+			]
+		});
+	}
+	return /* @__PURE__ */ jsx("input", {
+		type: "text",
+		value: formFieldTextDefault(field),
+		placeholder: label,
+		"aria-label": label,
+		onChange: (event) => onChange(event.target.value),
+		className: cn(rowInput$1, "mt-1.5 w-full")
+	});
+}
+
 // src/builder/lib/tool-approval-rules.ts
 const TOOL_APPROVAL_RULES = [
 	"always",
@@ -6412,6 +7032,24 @@ function NodeParamsForm({ config, nodeType, testIdPrefix = "ndv" }) {
 					testIdPrefix
 				})]
 			}, p.name);
+			if (nodeType === "internal:form" && p.name === "fields" && mapping[p.name] === void 0) return /* @__PURE__ */ jsxs("div", {
+				className: "flex flex-col gap-1.5",
+				children: [/* @__PURE__ */ jsxs("div", {
+					className: "flex items-center gap-1",
+					children: [/* @__PURE__ */ jsx("label", {
+						className: "text-xs font-medium text-foreground",
+						children: tr("fluidgrids.builder.formFields.label", "Form fields")
+					}), p.required && /* @__PURE__ */ jsx("span", {
+						className: "text-destructive",
+						children: "*"
+					})]
+				}), /* @__PURE__ */ jsx(FormFieldsEditor, {
+					value: argsState[p.name],
+					onChange: (next) => writeFixed(p.name, next),
+					description: p.description,
+					testIdPrefix
+				}, config.node?.id)]
+			}, p.name);
 			if (nodeType === "store/ai-agent" && p.name === "toolApprovalRules") return /* @__PURE__ */ jsxs("div", {
 				className: "flex flex-col gap-1.5",
 				children: [