@wildo-ai/saas-frontend-lib 1.1.4 → 1.1.6

package/dist/esm/components/form/automated/ResourceAutomatedForm.js

@@ -1,4 +1,4 @@
-import { jsxs as _jsxs, jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 /**
  * ResourceAutomatedForm Component
  *
@@ -11,9 +11,10 @@ import { jsxs as _jsxs, jsx as _jsx, Fragment as _Fragment } from "react/jsx-run
  * - Handles success notifications based on operation configuration
  * - Determines wizard mode from frontEndApplication configuration
  */
-import React, { useEffect, useMemo, useState, useCallback, useRef } from 'react';
+import React, { useEffect, useLayoutEffect, useMemo, useState, useCallback, useRef } from 'react';
 import { useFormContext } from 'react-hook-form';
-import { CoreResourceOperation, CoreUserNotificationChannel, CoreUserNotificationTarget, RelationshipNature, ResourceRelationshipBulkAction, ResourcesConfig_OperationPathUtils, ResourceOperationVariantType, ErrorCustomMessageReference, ErrorType, UserNotificationLevel, ResourcesConfigOperationsUrlsBuilderUtils, Resources_SharedUtils, ResourceOperationRiskLevel, MAIN_API_BASE_PATH, } from '@wildo-ai/saas-models';
+import { z } from 'zod';
+import { CoreResourceOperation, CoreUserNotificationChannel, CoreUserNotificationTarget, RelationshipNature, ResourceRelationshipBulkAction, ResourcesConfig_OperationPathUtils, ResourceOperationVariantType, ErrorCustomMessageReference, ErrorType, UserNotificationLevel, ResourcesConfigOperationsUrlsBuilderUtils, Resources_SharedUtils, ResourceOperationRiskLevel, MAIN_API_BASE_PATH, BULK_OPERATION_HOST_SUPPLIED_FIELDS, } from '@wildo-ai/saas-models';
 import { OperationsConfirmCritical } from '../../../components/feedback/operations-confirm-critical.js';
 import { Button, ButtonVariants_Variant } from '../../../components/actions/button.js';
 import { AlertDialog, AlertDialogContent, AlertDialogHeader, AlertDialogFooter, AlertDialogTitle, AlertDialogDescription, AlertDialogCancel, AlertDialogAction, } from '../../../components/overlays/containers/alert-dialog.js';
@@ -21,43 +22,52 @@ import { prepareFormSchema, AutosaveTrigger } from '@wildo-ai/zod-decorators';
 import { FrontendComponentType, } from '@wildo-ai/presets-components-models';
 import { AutomatedForm } from './AutomatedForm.js';
 import { useOptionalFormTemplateContext } from './FormTemplateContext.js';
-import { ResourceFormActionsProvider, useOptionalResourceFormActions, } from './ResourceFormActionsContext.js';
-import { pickSubmissionDataPaths, sanitizeAutomatedFormSubmissionData, shouldOmitClearedFieldsForOperation } from './automated-form-submit.utils.js';
+import { ResourceFormActionsProvider, HostFormActionsFooter, } from './ResourceFormActionsContext.js';
+import { carryStoredSiblingsIntoPartialWrites, formOffersSectionSave, pickSubmissionDataPaths, sanitizeAutomatedFormSubmissionData, shouldOmitClearedFieldsForOperation } from './automated-form-submit.utils.js';
 import { resolveCreateFormInitialValues } from './create-form-default-values.utils.js';
 import { AutomatedLayoutFrontendUtils } from '../../../core/automated-layout/automated-layout.frontend.utils.js';
-import { generateDefaultFormTemplate } from '../../../core/automated-layout/default-layout-generator.frontend.utils.js';
+import { extractSchemaFieldList, generateDefaultFormTemplate } from '../../../core/automated-layout/default-layout-generator.frontend.utils.js';
+import { FormField } from './FormField.js';
+import { TemplatePlacedFieldsContext, useTemplatePlacedFieldsRegistry } from './TemplatePlacedFieldsContext.js';
+import { responsiveMaxWidthToCssValue } from '../../sections/surface.js';
 import { AutosaveProvider } from '../../../components/form/automated/AutosaveContext.js';
 import { deriveAutosaveEnabledFromFields } from '../../../components/form/automated/autosave-derivation.frontend.utils.js';
 import { useOptionalAutosave } from '../../../components/form/automated/AutosaveContext.js';
+import { mutationErrorForReport } from '../../../core/resources/rmm/mutation-error-report.utils.js';
 import { extractServerValidationErrors } from '../../../components/form/validation-errors/form-error-extraction.utils.js';
 import { collectErroredFieldPaths, scrollAndFocusFirstErroredField } from '../../../components/form/validation-errors/scroll-to-first-error.utils.js';
 import { extractErrorInfo } from '../../../core/errors/errors.frontend.schemas.js';
+import { useUserFacingErrorMessage } from '../../../core/errors/useUserFacingErrorMessage.js';
 import { useServerErrorInjection } from '../../../components/form/validation-errors/useServerErrorInjection.js';
 import { LoggerFrontendService } from '../../../core/monitoring/logger.frontend.service.js';
 import { useResourceRegistry } from '../../../core/resources/useResourceRegistry.js';
-import { isSingleResourceUpdateLikeOperation, isUpdateLikeCoreOperation, mergeBulkSelectionIntoRequestData, pickPreferredOperationForCoreSemantic, resolveEffectiveCoreOperation, } from '../../../core/resources/operation-semantics.frontend.utils.js';
+import { isLiteralCoreResourceOperation, isSingleResourceUpdateLikeOperation, isUpdateLikeCoreOperation, mergeBulkSelectionIntoRequestData, pickPreferredOperationForCoreSemantic, resolveEffectiveCoreOperation, toOperationResultSummary, } from '../../../core/resources/operation-semantics.frontend.utils.js';
 import { pickPreferredOperationForCoreSemanticAddressability } from '../../../core/resources/resource-addressability.frontend.utils.js';
 import { useOperationEnabled } from '../../../core/resources/hooks/useOperationEnabled.js';
 import { frontendResourceUtils, FrontendResourceUtils } from '../../../core/resources/frontend-resource.utils.js';
 import { resolveRelationshipWriteSurface, } from '../../../core/resources/relationship-surface-runtime.frontend.utils.js';
 import { useEventBus } from '../../../core/events/useEventBus.js';
 import { useI18n } from '../../../core/i18n/useI18n.js';
+import { resolveOperationDisplayTitle } from '../../../core/i18n/operation-title-resolution.utils.js';
 import { LoadingGate } from '../../../core/loading/LoadingGate.js';
 import { ErrorBuilderFrontend } from '../../../core/errors/errors-builder.frontend.services.js';
 import { FrontendEvents } from '../../../core/events/events.frontend.schemas.js';
 import { isForeignKey, isUnique, getZodObjectShape } from '@wildo-ai/zod-decorators';
 import { envLoader } from '../../../core/runtime/env-variable-loader.frontend.service.js';
 import { NavigationUtils } from '../../../core/navigation/navigation.utils.js';
+import { buildValidateFieldUrl } from '../../../components/form/validation-errors/validate-field-url.frontend.js';
 import { MutationPriority, MutationType, MutationSourceType, MutationErrorType, RMMEventType, ConflictStrategy, ConflictReason, MutationCancelledError, } from '../../../core/resources/rmm/types.js';
 import { useResourceRMM } from '../../../core/resources/rmm/useResourceRMM.js';
 import { useExecutionDirtyBridge } from '../../../core/execution/useExecutionDirtyBridge.js';
 import { performCanonicalRMMRead, resolveCanonicalRMMReadOperation, resolveCanonicalRMMReadOperationPathKey, } from '../../../core/resources/rmm/canonical-read.frontend.utils.js';
-import { allowsDirectOperationFallback, MissingRMMRuntimeError, UpdateLikeMutationFallbackMode, } from '../../../core/resources/rmm/update-like-mutation-fallback.frontend.js';
+import { allowsDirectOperationFallback, MissingRMMRuntimeError, resolveDeclaredUpdateLikeMutationFallbackMode, } from '../../../core/resources/rmm/update-like-mutation-fallback.frontend.js';
 import { RemoteChangeNotification } from '../../../components/form/feedback/RemoteChangeNotification.js';
 import { emitQuickCreateCompleted, resolveQuickCreateCreatedResourceId, } from '../../../core/resources/relationship-quick-create.frontend.utils.js';
 import { normalizeContextResourceIdentifiersForOutcome, normalizeContextResourceIdentifiersForTransport, } from '../../../core/resources/context-resource-identifiers.frontend.utils.js';
 import { GeneratedAssociationRelationshipField } from './GeneratedAssociationRelationshipField.js';
 import { GeneratedReferenceRelationshipField } from './GeneratedReferenceRelationshipField.js';
+import { buildInlineUpdateRequestData } from '../../../components/data-display/display-field-resolution.utils.js';
+import { describeResourceErrorForNotification } from '../../../components/form/validation-errors/resource-error-notification-context.utils.js';
 const logger = LoggerFrontendService.getLogger();
 const logDebug = logger.debugByType('ResourceAutomatedForm');
 logger.setDebugTypeLogging('ResourceAutomatedForm', false);
@@ -145,41 +155,83 @@ function shouldFetchExistingData(operation) {
     return effectiveOperation === CoreResourceOperation.READ
         || isSingleResourceUpdateLikeOperation(operation);
 }
-// =============================================================================
-// COMPONENT
-// =============================================================================
 /**
- * Host-owned form actions footer. `ResourceAutomatedForm` appends its
- * operation-aware submit row (+ optional draft-save button) after the layout
- * template; this lays them out as a right-aligned footer row (`justify-end`)
- * with a horizontal gap, so the submit action reads as a proper form footer
- * instead of a bare button flushed to the inline-start edge. Wraps on narrow
- * widths. Renders nothing when no host actions are present (standalone
- * `FormLayout` usage owns its own `<SubmitButton>`).
+ * Whether a resource's authored `layout.edit` template can render THIS operation's form.
+ *
+ * The template is authored against the resource's OWN fields: it places `<FormField name="…">` slots and lets
+ * the operation's schema decide what shows (a slot whose field the schema lacks renders nothing). That serves
+ * the core create and edit forms, and a custom action whose request is made of resource fields — `change_status`
+ * posts `status`, `setAutonomousAgents` posts `autonomousAgentRefs`, and the template's own control for that
+ * field (its allowed values, its edit mode) is what the action should show.
  *
- * `mt-section` is owned HERE, deliberately: the footer's top gap used to be
- * delegated to `AutomatedForm`'s `space-y-section` on the `<form>` element, but
- * `Form` wraps ALL children in one `display: contents` fieldset (the disabled
- * cascade carrier), so the form has exactly one direct child and every
- * `space-y-*` on it is structurally inert (`> * + *` never reaches
- * grandchildren). The footer therefore rendered flush against the template's
- * last row on every resource form (2026-08-19). The footer is the seam's only
- * consumer, so it carries the margin itself instead of reworking the Form
- * layout contract.
+ * It cannot serve a custom action whose request carries a field the resource does not have: no slot names it,
+ * so the field is never rendered, while every slot the template does have is empty. Measured on Wonder Todos,
+ * "Reset to defaults" (`groups`) showed the preferences template's four section cards, all empty, and nothing
+ * could be reset. Such an action gets the form generated from its own request.
+ *
+ * Core operations keep the template unconditionally, as before: their request is derived from the resource,
+ * and a field their template leaves out is the author's decision. For a custom action, a resource field
+ * the template has no slot for is appended after it (`AuthoredTemplateWithUnplacedRequestFields`).
  */
-function HostFormActionsFooter() {
-    const actions = useOptionalResourceFormActions();
-    if (!actions)
-        return null;
-    return (_jsxs("div", { className: "mt-section flex flex-col gap-element", children: [actions.submissionNotice, _jsxs("div", { className: "flex flex-wrap items-center justify-end gap-element", children: [actions.cancelButton, actions.draftSaveButton, actions.submitButton] })] }));
+function resolveAuthoredEditTemplateForOperation(template, operationIdentifier, requestShape, resourceSchema) {
+    if (!template || isLiteralCoreResourceOperation(operationIdentifier))
+        return template;
+    const requestFields = requestShape ? Object.keys(requestShape) : [];
+    const resourceShape = resourceSchema ? AutomatedLayoutFrontendUtils.getObjectLikeFieldShape(resourceSchema) : undefined;
+    if (requestFields.length === 0 || !resourceShape)
+        return undefined;
+    return requestFields.every((field) => Object.prototype.hasOwnProperty.call(resourceShape, field)) ? template : undefined;
+}
+/**
+ * An authored template rendered for a custom operation, followed by the request fields it does not place.
+ *
+ * The template keeps the operation because every request field is a resource field — a field it COULD
+ * place. One it does not would otherwise have no control at all, and the operation would submit without
+ * the person being able to set it. Which fields are placed is reported by the template's own slots and
+ * sections (`TemplatePlacedFieldsContext`); the set is read once, after the template's first layout pass,
+ * so an appended field is never retracted (retracting a mounted control would unregister its value). The
+ * appended fields follow the generated form's rules: context-supplied and hidden fields are left out, and
+ * each `FormField` applies its own conditions and generated overrides. They render outside the registry,
+ * so they cannot count themselves as placed.
+ *
+ * Known limit, where the field is appended as well: a control a custom component renders with its own
+ * `useController` (never seen); a `FormField` a custom component renders internally, or one reached through
+ * a render-prop function, when it is not mounted as the form opens. Everything a `FormField`,
+ * `FormFieldArray` or `ArrayField` names in the template's JSX under its `FormLayout` or a `Section` is
+ * seen, mounted or not (`collectPlacedFieldPaths`). Placement is per top-level field.
+ */
+function AuthoredTemplateWithUnplacedRequestFields({ Template, requestFieldNames, }) {
+    const registry = useTemplatePlacedFieldsRegistry();
+    const formTemplateContext = useOptionalFormTemplateContext();
+    const [unplacedFieldNames, setUnplacedFieldNames] = useState(null);
+    useLayoutEffect(() => {
+        const placed = registry.placedFields();
+        // Left out as the generated form leaves them out: supplied by context, or hidden — unless the field
+        // has a generated override (a relationship field reshaped here), which the generated form keeps.
+        const overrides = formTemplateContext?.generatedFieldOverrides ?? {};
+        const leftOut = new Set([...Object.keys(formTemplateContext?.contextFieldValues ?? {}), ...(formTemplateContext?.hiddenFieldNames ?? [])]
+            .filter((name) => !overrides[name]));
+        setUnplacedFieldNames(requestFieldNames.filter((name) => !placed.has(name) && !leftOut.has(name)));
+        // Read ONCE, deliberately: see the component's JSDoc.
+    }, []);
+    return (_jsxs(_Fragment, { children: [_jsx(TemplatePlacedFieldsContext.Provider, { value: registry, children: _jsx(Template, {}) }), unplacedFieldNames && unplacedFieldNames.length > 0 && (_jsx("div", { 
+                // A section's seam above it (the template's own layout stacks sections at `space-y-section`, and
+                // this block sits outside it), capped at the reading measure like a template's default FormLayout.
+                className: "mr-auto mt-section w-full space-y-field", style: { maxInlineSize: responsiveMaxWidthToCssValue('measure') }, "data-guidance-unplaced-request-fields": "", children: unplacedFieldNames.map((name) => _jsx(FormField, { name: name }, name)) }))] }));
 }
-export function ResourceAutomatedForm({ resourceContext, onSuccess, onError, onCancel, disabled = false, className, labelsOverride, showErrorSummary = true, validationMode, autosaveConfig, draftConfig, onSectionSave: onSectionSaveProp, defaultValuesOverride, navigationZone, updateLikeMutationFallbackMode = UpdateLikeMutationFallbackMode.RMM_REQUIRED, }) {
+// =============================================================================
+// COMPONENT
+// =============================================================================
+export function ResourceAutomatedForm({ resourceContext, onSuccess, onError, onCancel, disabled = false, className, labelsOverride, showErrorSummary = true, validationMode, autosaveConfig, draftConfig, onSectionSave: onSectionSaveProp, defaultValuesOverride, navigationZone, updateLikeMutationFallbackMode: callerUpdateLikeMutationFallbackMode, }) {
     // Contexts
     const { doOperation, registry } = useResourceRegistry();
     const { emit } = useEventBus();
-    const { tComponent, isReady } = useI18n({
+    const { tComponent, tResourceOperation, isReady } = useI18n({
         component: FrontendComponentType.RESOURCES_LAYOUTS_CREATE,
+        resource: resourceContext.resourceType,
     });
+    // Stable identity, so the data-fetch effect may call it without listing it.
+    const toUserFacingErrorMessage = useUserFacingErrorMessage();
     // Refs for stable function references (avoid infinite loops in useEffect)
     const doOperationRef = useRef(doOperation);
     const emitRef = useRef(emit);
@@ -199,6 +251,7 @@ export function ResourceAutomatedForm({ resourceContext, onSuccess, onError, onC
     const errorBuilder = useMemo(() => new ErrorBuilderFrontend(), []);
     // Extract from resource context
     const { resourceType, operation, contextResourceIdentifiers } = resourceContext;
+    const updateLikeMutationFallbackMode = callerUpdateLikeMutationFallbackMode ?? resolveDeclaredUpdateLikeMutationFallbackMode(operation);
     const operationIdentifier = String(operation.operationIdentifier);
     const effectiveCoreOperation = resolveEffectiveCoreOperation(operationIdentifier, operation.resourceOperationLike ? String(operation.resourceOperationLike) : undefined);
     // Derive operationType and operationLike for decorator-based field filtering
@@ -219,6 +272,23 @@ export function ResourceAutomatedForm({ resourceContext, onSuccess, onError, onC
     const [isSubmitting, setIsSubmitting] = useState(false);
     const [isSavingDraft, setIsSavingDraft] = useState(false);
     const [defaultValues, setDefaultValues] = useState(undefined);
+    /**
+     * Which load supplied `defaultValues` — the fetch key of the record read, or the create seed — and the
+     * key the rendered form is mounted under.
+     *
+     * The form reads its defaults ONCE, when it mounts (`useForm`), and never again. So a form that mounted
+     * before its record arrived kept the empty defaults it mounted with, and the record reached it only as a
+     * prop nothing reads. Measured 2026-09-28 on the preferences edit: the record held email on, time zone
+     * UTC, …, the form's props carried them, and every control showed off / "Select…". Keying the form by
+     * the load that supplied its defaults makes each load mount a form that starts from them.
+     */
+    const [defaultValuesSource, setDefaultValuesSource] = useState('none');
+    /**
+     * A failed load of the record the form edits. `wildoError` is the classified failure (context carries the
+     * original message, stack and HTTP facts for inspection); `message` is the ONLY text the alert renders,
+     * resolved from the caught error at catch time. The alert used to render `context.originalErrorMessage`,
+     * which for a backend rejection is the i18n reference (`not_found`, `authorization`) (#1160).
+     */
     const [fetchError, setFetchError] = useState(null);
     // Store form methods for setting server errors on individual fields
     const formMethodsRef = useRef(null);
@@ -240,6 +310,33 @@ export function ResourceAutomatedForm({ resourceContext, onSuccess, onError, onC
         const schema = operation.requestDto;
         if (!schema) {
             logger.error(`[ResourceAutomatedForm] No requestDto found for operation ${operationIdentifier} on resource ${resourceType}`);
+            return schema;
+        }
+        /*
+         * A BULK action's selector is not a form input, so it is not in the form's schema.
+         *
+         * The bulk twin's request is the single-row request plus `_ids`, required and non-empty. The
+         * collection fills it — `mergeBulkSelectionIntoRequestData` adds the selection at EXECUTION —
+         * but the form validates BEFORE execution, against the whole request. So the resolver refused
+         * every submit on a required `_ids` that no template places and no field renders: an error
+         * with nowhere to appear. Measured on the Wonder Todos bulk "Change status": status chosen,
+         * Save changes pressed, no request sent and nothing on screen.
+         *
+         * Not panel-specific. The dialog host uses this same form, so a bulk action that asks for
+         * anything has been unable to submit from either host; only zero-input bulk actions, which
+         * execute without a form, ever reached the backend.
+         *
+         * Omitted rather than defaulted: a default would put a fake selection in the form's values,
+         * and the merge at execution is the one place that knows the real one.
+         */
+        if (operation.isBulkOperation === true && schema instanceof z.ZodObject) {
+            // Both selectors, not only `_ids`: leaving `_match` in rendered it as three empty inputs
+            // (Match / Filters / Search) whose empty value was submitted as the selection (#2035 run).
+            const hostSuppliedKeys = BULK_OPERATION_HOST_SUPPLIED_FIELDS
+                .filter((field) => field in schema.shape);
+            if (hostSuppliedKeys.length > 0) {
+                return schema.omit(Object.fromEntries(hostSuppliedKeys.map((field) => [field, true])));
+            }
         }
         return schema;
     }, [operation, operationIdentifier, resourceType]);
@@ -253,8 +350,6 @@ export function ResourceAutomatedForm({ resourceContext, onSuccess, onError, onC
     }, [operation]);
     // Resolve layout refs for i18n label resolution
     const layoutRefs = resourceConfig?.frontendConfiguration?.layout?.refs;
-    // Resolve explicit edit template from layout config
-    const explicitEditTemplate = resourceConfig?.frontendConfiguration?.layout?.edit;
     // Resolve the resource-declared default chrome mode for the EDIT context.
     //
     // `ResourceLayoutConfig.defaultChromeMode` documents a per-context cascade
@@ -290,6 +385,9 @@ export function ResourceAutomatedForm({ resourceContext, onSuccess, onError, onC
         }
         return AutomatedLayoutFrontendUtils.getObjectLikeFieldShape(formSchema);
     }, [formSchema]);
+    // Resolve explicit edit template from layout config — for the operations it can serve
+    // (`resolveAuthoredEditTemplateForOperation`).
+    const explicitEditTemplate = useMemo(() => resolveAuthoredEditTemplateForOperation(resourceConfig?.frontendConfiguration?.layout?.edit, operation.operationIdentifier, formFieldShape, resourceConfig?.mainSchema), [resourceConfig, operation.operationIdentifier, formFieldShape]);
     // Extract draft config from resource-level configuration
     const resourceDraftConfig = resourceConfig?.frontendConfiguration?.draftableConfig;
     // Merge resource-level draft config with prop-provided config (props take precedence)
@@ -541,6 +639,7 @@ export function ResourceAutomatedForm({ resourceContext, onSuccess, onError, onC
         resourceSchema: resourceConfig?.mainSchema,
         enabled: isUpdateLikeOperation && !!resourceId,
         conflictPolicy: { strategy: ConflictStrategy.ACCEPT_REMOTE },
+        directFallbackAccepted: allowsDirectOperationFallback(updateLikeMutationFallbackMode),
     });
     // Slice F — execution-shell dirty-state publisher.
     //
@@ -833,9 +932,10 @@ export function ResourceAutomatedForm({ resourceContext, onSuccess, onError, onC
                 const routePaths = ResourcesConfigOperationsUrlsBuilderUtils.buildOperationFrontendRoutePaths(resourceConfig, routeBearingMutationOperation, registry.allResourceFieldIdentifiers);
                 if (routePaths.length > 0) {
                     const routePath = frontendResourceUtils.selectMatchingRoutePath(routePaths, contextResourceIdentifiersWithResourceId, resourceConfig.resourceIdentifier, resourceFieldIdentifier, resourceContext.parentResourcesRequirements);
-                    // Frontend route paths omit `MAIN_API_BASE_PATH` (`/api/v1`); this `basePath`
-                    // is used to build BACKEND API endpoints (the `validate-field` route), so it
-                    // must carry the API prefix — same reason as the upload endpoint below.
+                    // Frontend route paths omit `MAIN_API_BASE_PATH` (`/api/v1`), so this carries the prefix.
+                    // NOTE it no longer serves `validate-field` (#1238): that route is mounted on the CREATE
+                    // operation's initiator-info URL and must not carry a route segment such as `/create`.
+                    // The upload endpoint below builds its own URL from `apiBaseUrl` + contextual parameters.
                     basePath = `${MAIN_API_BASE_PATH}${routePath.url}`;
                     basePath = NavigationUtils.resolveUrlPath(basePath, contextualParameters);
                     if (basePath && NavigationUtils.hasUnresolvedPlaceholders(basePath)) {
@@ -989,8 +1089,52 @@ export function ResourceAutomatedForm({ resourceContext, onSuccess, onError, onC
         );
         if (!hasServerValidatedFields)
             return undefined;
-        return `${resourceApiBase.apiBaseUrl}${resourceApiBase.basePath}/validate-field`;
-    }, [resourceApiBase, resourceConfig]);
+        /*
+         * Built from the CREATE operation's INITIATOR INFO, not from `resourceApiBase.basePath` (#1238).
+         *
+         * `basePath` is the FRONTEND ROUTE of the create surface, so on a create form it carries the
+         * `/create` segment and the request went to `…/todo-lists/create/validate-field` — a path the
+         * backend does not serve. It answered 404, and `useFieldUniquenessValidation` treats a failed
+         * check as "no conflict found", so the whole early-warning affordance was dead on every create
+         * form with nothing to see: a 404 and a genuinely free value are indistinguishable to the person.
+         *
+         * The backend mounts this route on `createOperation.initiatorInfos[].url`
+         * (`validate-field-handler.backend.service.ts`, "Register routes for each parent combination"),
+         * which is the API collection URL and has no route segment beyond the resource. Selecting the
+         * initiator here puts both sides on ONE authority instead of two descriptions of the same path —
+         * and `selectOperationUrlInitiatorInfo`'s own contract is that its algorithm "must stay in sync
+         * with backend URL generation", which is precisely the question being asked.
+         *
+         * The CREATE operation is used even on an UPDATE form, deliberately: the backend registers this
+         * route from the CREATE operation alone and authorizes it with CREATE rights, because field
+         * validation is a create-surface helper. An update form reaches the same path and passes
+         * `excludeId`.
+         */
+        const createOperation = pickPreferredOperationForCoreSemantic(resourceConfig.operations ?? [], CoreResourceOperation.CREATE);
+        const initiatorInfo = createOperation?.initiatorInfos?.length
+            ? FrontendResourceUtils.selectOperationUrlInitiatorInfo({
+                initiatorInfos: createOperation.initiatorInfos,
+                contextualParameters: resourceApiBase.contextualParameters,
+                targetResourceType: resourceConfig.resourceIdentifier,
+                targetDefaultFieldIdentifier: resourceApiBase.resourceFieldIdentifier,
+                parentResourcesRequirements: resourceContext.parentResourcesRequirements,
+            })
+            : undefined;
+        if (!initiatorInfo)
+            return undefined;
+        const composed = buildValidateFieldUrl({
+            apiBaseUrl: resourceApiBase.apiBaseUrl,
+            initiatorInfo,
+            contextualParameters: resourceApiBase.contextualParameters,
+        });
+        if (!composed) {
+            logger.warn('[ResourceAutomatedForm] validate-field URL has unresolved parameters; blur-time validation disabled', {
+                initiatorUrl: initiatorInfo.url,
+                resourceType,
+            });
+        }
+        return composed;
+    }, [resourceApiBase, resourceConfig, resourceContext.parentResourcesRequirements, resourceType]);
     /**
      * Resource ID for UPDATE operations.
      * Passed as excludeId to the validate-field endpoint so server-side validation
@@ -1080,6 +1224,7 @@ export function ResourceAutomatedForm({ resourceContext, onSuccess, onError, onC
             // the discriminator would stay undefined and the resolver would reject the
             // submit with "Invalid input"). Here we keep the prior contract.
             setDefaultValues(defaultValuesOverride ?? undefined);
+            setDefaultValuesSource('create');
             setHasLoadedOnce(true);
             return;
         }
@@ -1122,6 +1267,7 @@ export function ResourceAutomatedForm({ resourceContext, onSuccess, onError, onC
                     ? { ...dataRecord, ...defaultValuesOverride }
                     : data);
                 lastExistingDataFetchKeyRef.current = existingDataFetchKey;
+                setDefaultValuesSource(existingDataFetchKey);
                 setHasLoadedOnce(true);
             }
             catch (error) {
@@ -1145,7 +1291,9 @@ export function ResourceAutomatedForm({ resourceContext, onSuccess, onError, onC
                         httpContext: errorInfo.context,
                     },
                 });
-                setFetchError(wildoError);
+                // Resolved from the CAUGHT error, not from `wildoError`: the synthesized reference would hide the real
+                // cause (a permission refusal, a network failure) behind a generic "not available".
+                setFetchError({ wildoError, message: toUserFacingErrorMessage(error) });
                 onErrorRef.current?.(originalError);
             }
         };
@@ -1177,11 +1325,19 @@ export function ResourceAutomatedForm({ resourceContext, onSuccess, onError, onC
                     if (isConflictMutationFailure(mutationResult)) {
                         return;
                     }
+                    /*
+                     * Report the transport failure ITSELF (`error.cause`), not a fresh `Error` rebuilt from its message.
+                     * The caught error carries the backend's `wildoError` — its reference and type — and a new `Error`
+                     * dropped both: a save the server refused for a stated reason (`409
+                     * organization_unit_directory_managed`) reached the person as "Unexpected error", classified as an
+                     * uncaught exception (#1447). The rebuilt `Error` stays only as the fallback for a failure with no
+                     * transport error behind it.
+                     */
                     if (mutationResult.error?.type === MutationErrorType.VALIDATION) {
-                        onErrorRef.current?.(new Error(mutationResult.error.message ?? 'Validation failed'));
+                        onErrorRef.current?.(mutationErrorForReport(mutationResult.error, 'Validation failed'));
                         return;
                     }
-                    throw new Error(mutationResult.error?.message ?? 'Submit failed');
+                    throw mutationErrorForReport(mutationResult.error, 'Submit failed');
                 }
                 result = mutationResult.responseData;
             }
@@ -1217,9 +1373,10 @@ export function ResourceAutomatedForm({ resourceContext, onSuccess, onError, onC
                         contextResourceIdentifiers: resourceContext.contextResourceIdentifiers,
                         resourceType,
                         result,
+                        isBulkOperation: resourceContext.operation?.isBulkOperation === true,
                     }),
                     parentResourcesRequirements: resourceContext.parentResourcesRequirements || [],
-                    resultSummary: typeof result === 'object' && result !== null ? result : undefined,
+                    resultSummary: toOperationResultSummary(result),
                     additionalContext: {
                         ...resourceContext.additionalContext,
                         notificationIdentifier: frontendNotification.identifier,
@@ -1276,8 +1433,7 @@ export function ResourceAutomatedForm({ resourceContext, onSuccess, onError, onC
                         // Carry the backend error reference + status so the notification layer
                         // can resolve a localized human message (tErrorMessage) instead of
                         // falling back to the operation title. See NotificationContext.resolveMessage.
-                        errorCustomMessageReference: error?.customMessageReference,
-                        errorHttpStatus: error?.httpStatus,
+                        ...describeResourceErrorForNotification(error),
                     },
                 });
             }
@@ -1350,7 +1506,14 @@ export function ResourceAutomatedForm({ resourceContext, onSuccess, onError, onC
         };
         // Check if already aborted before starting
         checkAborted();
-        const requestData = mergeRequestDataWithBulkSelection({ [fieldName]: value });
+        // A composite child autosaves under its dotted path (`address.city`). This handler supplies the
+        // RMM's `transportOverride.requestData`, which the RMM sends as given, so the body must already be
+        // in the resource's own shape: the WHOLE top-level field with the edit written into it. A flat
+        // dotted key is dropped by the strict UPDATE parse with a 200, and a bare nested fragment would
+        // erase the siblings, because an UPDATE replaces a nested object (#1395). The stored parent comes
+        // from the RMM's confirmed state, the last thing the server said; without an RMM, from the form.
+        const storedRecord = (rmm?.getSnapshot().confirmedData ?? formMethodsRef.current?.getValues() ?? null);
+        const requestData = mergeRequestDataWithBulkSelection(buildInlineUpdateRequestData(storedRecord, fieldName, value));
         // Check abort again after shaping the request payload.
         checkAborted();
         const operationPromise = rmm
@@ -1429,7 +1592,11 @@ export function ResourceAutomatedForm({ resourceContext, onSuccess, onError, onC
         }
         try {
             let result;
-            const requestData = mergeRequestDataWithBulkSelection(sanitizedData);
+            // A section may hold only SOME of a composite's children, and an UPDATE replaces the nested
+            // object whole — so the body carries the stored siblings of every partially-written parent
+            // (#1410). Stored = the RMM's confirmed state, or on the direct lane the record the form loaded.
+            const storedRecord = (rmm ? rmm.getSnapshot().confirmedData : defaultValues);
+            const requestData = mergeRequestDataWithBulkSelection(carryStoredSiblingsIntoPartialWrites(sanitizedData, fieldNames, storedRecord));
             if (rmm) {
                 const mutationResult = await rmm.queueMutation(sanitizedData, {
                     type: MutationType.SECTION,
@@ -1445,10 +1612,10 @@ export function ResourceAutomatedForm({ resourceContext, onSuccess, onError, onC
                         return;
                     }
                     if (mutationResult.error?.type === MutationErrorType.VALIDATION) {
-                        onErrorRef.current?.(new Error(mutationResult.error.message ?? 'Section save validation failed'));
+                        onErrorRef.current?.(mutationErrorForReport(mutationResult.error, 'Section save validation failed'));
                         return;
                     }
-                    throw new Error(mutationResult.error?.message ?? 'Section save failed');
+                    throw mutationErrorForReport(mutationResult.error, 'Section save failed');
                 }
                 result = mutationResult.responseData;
             }
@@ -1470,9 +1637,10 @@ export function ResourceAutomatedForm({ resourceContext, onSuccess, onError, onC
                     contextResourceIdentifiers: resourceContext.contextResourceIdentifiers,
                     resourceType,
                     result,
+                    isBulkOperation: resourceContext.operation?.isBulkOperation === true,
                 }),
                 parentResourcesRequirements: resourceContext.parentResourcesRequirements || [],
-                resultSummary: typeof result === 'object' && result !== null ? result : undefined,
+                resultSummary: toOperationResultSummary(result),
                 additionalContext: {
                     ...resourceContext.additionalContext,
                     sectionRef,
@@ -1500,7 +1668,7 @@ export function ResourceAutomatedForm({ resourceContext, onSuccess, onError, onC
                     ...resourceContext.additionalContext,
                     sectionRef,
                     error: err.message,
-                    errorCustomMessageReference: error?.customMessageReference,
+                    ...describeResourceErrorForNotification(error),
                 },
             });
         }
@@ -1509,6 +1677,7 @@ export function ResourceAutomatedForm({ resourceContext, onSuccess, onError, onC
         currentOperationTransportOverride,
         contextFieldValues,
         contextualParameters,
+        defaultValues,
         hiddenFieldNames,
         mergeRequestDataWithBulkSelection,
         resourceContext,
@@ -1609,7 +1778,7 @@ export function ResourceAutomatedForm({ resourceContext, onSuccess, onError, onC
                         if (isConflictMutationFailure(mutationResult)) {
                             return;
                         }
-                        throw new Error(mutationResult.error?.message ?? 'Draft save failed');
+                        throw mutationErrorForReport(mutationResult.error, 'Draft save failed');
                     }
                     result = mutationResult.responseData;
                 }
@@ -1632,9 +1801,10 @@ export function ResourceAutomatedForm({ resourceContext, onSuccess, onError, onC
                         contextResourceIdentifiers: resourceContext.contextResourceIdentifiers,
                         resourceType,
                         result,
+                        isBulkOperation: resourceContext.operation?.isBulkOperation === true,
                     }),
                     parentResourcesRequirements: resourceContext.parentResourcesRequirements || [],
-                    resultSummary: typeof result === 'object' && result !== null ? result : undefined,
+                    resultSummary: toOperationResultSummary(result),
                     additionalContext: {
                         ...resourceContext.additionalContext,
                         notificationIdentifier: 'draftSaved',
@@ -1661,7 +1831,7 @@ export function ResourceAutomatedForm({ resourceContext, onSuccess, onError, onC
                         notificationIdentifier: 'draftSaveFailed',
                         // Fallback if the 'draftSaveFailed' label is absent: resolveMessage then
                         // degrades to the localized backend error rather than the generic default.
-                        errorCustomMessageReference: error?.customMessageReference,
+                        ...describeResourceErrorForNotification(error),
                     },
                 });
             }
@@ -1712,7 +1882,7 @@ export function ResourceAutomatedForm({ resourceContext, onSuccess, onError, onC
                         if (isConflictMutationFailure(mutationResult)) {
                             return;
                         }
-                        throw new Error(mutationResult.error?.message ?? 'Publish failed');
+                        throw mutationErrorForReport(mutationResult.error, 'Publish failed');
                     }
                     result = mutationResult.responseData;
                 }
@@ -1737,9 +1907,10 @@ export function ResourceAutomatedForm({ resourceContext, onSuccess, onError, onC
                             contextResourceIdentifiers: resourceContext.contextResourceIdentifiers,
                             resourceType,
                             result,
+                            isBulkOperation: resourceContext.operation?.isBulkOperation === true,
                         }),
                         parentResourcesRequirements: resourceContext.parentResourcesRequirements || [],
-                        resultSummary: typeof result === 'object' && result !== null ? result : undefined,
+                        resultSummary: toOperationResultSummary(result),
                         additionalContext: {
                             ...resourceContext.additionalContext,
                             notificationIdentifier: frontendNotification.identifier,
@@ -1767,7 +1938,7 @@ export function ResourceAutomatedForm({ resourceContext, onSuccess, onError, onC
                         notificationIdentifier: 'publishFailed',
                         // Fallback if the 'publishFailed' label is absent: resolveMessage then
                         // degrades to the localized backend error rather than the generic default.
-                        errorCustomMessageReference: error?.customMessageReference,
+                        ...describeResourceErrorForNotification(error),
                     },
                 });
             }
@@ -1819,12 +1990,9 @@ export function ResourceAutomatedForm({ resourceContext, onSuccess, onError, onC
     // action label in the confirm dialog. This is the form-submit twin of the
     // confirm-dialog gate in `useResourceOperationActions`.
     const isCriticalOperation = operation.riskLevel === ResourceOperationRiskLevel.CRITICAL;
-    const criticalConfirmationPhrase = useMemo(() => {
-        // Humanise the operation identifier (e.g. `reset_to_defaults` → "Reset to
-        // defaults"), matching the action-bar phrase for custom operations.
-        const opId = String(operation.operationIdentifier);
-        return opId.charAt(0).toUpperCase() + opId.slice(1).replace(/_/g, ' ').toLowerCase();
-    }, [operation.operationIdentifier]);
+    // The operation's own name, resolved exactly as the action bar names it — so the phrase to type, and a
+    // named action's submit button, are the label the person clicked.
+    const operationDisplayTitle = useMemo(() => resolveOperationDisplayTitle(tResourceOperation, resourceType, String(operation.operationIdentifier)), [tResourceOperation, resourceType, operation.operationIdentifier]);
     const handleSubmitWithCriticalGuard = useCallback((data) => {
         if (isCriticalOperation) {
             setPendingCriticalSubmit(data);
@@ -1844,8 +2012,12 @@ export function ResourceAutomatedForm({ resourceContext, onSuccess, onError, onC
     // Build default submit button if not provided
     // When draft mode is enabled, show "Save as Draft" and "Publish" buttons
     const resolvedSubmitButton = useMemo(() => {
-        const labelKey = getDefaultSubmitLabelKey(effectiveCoreOperation ?? operationIdentifier);
-        const label = tComponent(FrontendComponentType.RESOURCES_LAYOUTS_CREATE, labelKey);
+        // A named action submits under its own name ("Reset to defaults", "Change status"), the words the
+        // person clicked to open it. Only the core operations use the generic words: an update-like action
+        // resolves to UPDATE, and its button used to read "Save changes", which says nothing about what it does.
+        const label = isLiteralCoreResourceOperation(operationIdentifier)
+            ? tComponent(FrontendComponentType.RESOURCES_LAYOUTS_CREATE, getDefaultSubmitLabelKey(effectiveCoreOperation ?? operationIdentifier))
+            : operationDisplayTitle;
         const submittingLabel = tComponent(FrontendComponentType.RESOURCES_LAYOUTS_CREATE, 'submitting');
         if (effectiveDraftConfig?.enabled && draftSchema) {
             const publishLabel = effectiveDraftConfig?.publishLabel
@@ -1855,7 +2027,7 @@ export function ResourceAutomatedForm({ resourceContext, onSuccess, onError, onC
             return (_jsx(Button, { type: "submit", disabled: isSubmitting || isSavingDraft || disabled, children: isSubmitting ? publishingLabel : publishLabel }));
         }
         return (_jsx(Button, { type: "submit", disabled: isSubmitting || disabled, children: isSubmitting ? submittingLabel : label }));
-    }, [effectiveCoreOperation, operationIdentifier, isSubmitting, isSavingDraft, disabled, tComponent, effectiveDraftConfig, draftSchema]);
+    }, [effectiveCoreOperation, operationIdentifier, operationDisplayTitle, isSubmitting, isSavingDraft, disabled, tComponent, effectiveDraftConfig, draftSchema]);
     // Secondary Cancel button (audit D5) — rendered only when the host supplies
     // `onCancel` (overlay-hosted forms pass the same close path as the X button).
     // `type="button"` so it can never trigger the surrounding form's submit.
@@ -1898,12 +2070,21 @@ export function ResourceAutomatedForm({ resourceContext, onSuccess, onError, onC
             return null;
         return (_jsx(RemoteChangeNotification, { type: "conflict", discardedFields: conflictBanner.discardedFields, conflictDetails: conflictBanner.conflictDetails, labels: conflictLabels, onDismiss: handleAcknowledgeConflict }));
     }, [conflictBanner, conflictLabels, handleAcknowledgeConflict]);
+    // How many templates hold the footer (see `ResourceFormActionsValue.claimFooter`). A count, not a flag, so a
+    // remount that claims before the previous instance released cannot leave the footer shown twice or not at all.
+    const [footerClaimCount, setFooterClaimCount] = useState(0);
+    const claimFooter = useCallback(() => {
+        setFooterClaimCount((count) => count + 1);
+        return () => setFooterClaimCount((count) => count - 1);
+    }, []);
     const formActionsValue = useMemo(() => ({
         submitButton: resolvedSubmitButton,
         draftSaveButton,
         cancelButton,
         submissionNotice: conflictNotice,
-    }), [resolvedSubmitButton, draftSaveButton, cancelButton, conflictNotice]);
+        claimFooter,
+        footerClaimed: footerClaimCount > 0,
+    }), [resolvedSubmitButton, draftSaveButton, cancelButton, conflictNotice, claimFooter, footerClaimCount]);
     const loadingOperationIdentifier = useMemo(() => {
         if (!needsFetch) {
             return undefined;
@@ -1944,7 +2125,15 @@ export function ResourceAutomatedForm({ resourceContext, onSuccess, onError, onC
         }
         if (explicitEditTemplate) {
             const ExplicitTemplate = explicitEditTemplate;
-            const ResourceFormTemplate = () => (_jsxs(_Fragment, { children: [_jsx(ExplicitTemplate, {}), _jsx(HostFormActionsFooter, {})] }));
+            // A custom operation keeps the template only because its request is made of resource fields; a
+            // field the template leaves out would still have no control, so it is appended. A core operation's
+            // template is the author's complete decision, and is rendered as authored.
+            const requestFieldNames = isLiteralCoreResourceOperation(operation.operationIdentifier)
+                ? null
+                : extractSchemaFieldList(formSchema, inheritanceConfig?.discriminatorField).map((field) => field.name);
+            const ResourceFormTemplate = () => (_jsxs(_Fragment, { children: [requestFieldNames
+                        ? _jsx(AuthoredTemplateWithUnplacedRequestFields, { Template: ExplicitTemplate, requestFieldNames: requestFieldNames })
+                        : _jsx(ExplicitTemplate, {}), _jsx(HostFormActionsFooter, {})] }));
             ResourceFormTemplate.displayName = 'ResourceFormTemplate(explicit)';
             return ResourceFormTemplate;
         }
@@ -1956,19 +2145,13 @@ export function ResourceAutomatedForm({ resourceContext, onSuccess, onError, onC
         const ResourceFormTemplate = () => (_jsxs(_Fragment, { children: [_jsx(BaseTemplate, {}), _jsx(HostFormActionsFooter, {})] }));
         ResourceFormTemplate.displayName = 'ResourceFormTemplate';
         return ResourceFormTemplate;
-    }, [explicitEditTemplate, formSchema, inheritanceConfig, showErrorSummary]);
+    }, [explicitEditTemplate, formSchema, inheritanceConfig, showErrorSummary, operation.operationIdentifier]);
     if (!isReady)
         return null;
     // Error state if fetch failed
     if (fetchError) {
         const errorTitle = tComponent(FrontendComponentType.RESOURCES_LAYOUTS_CREATE, 'failedToLoadData');
-        // Type-safe access to error context - use type assertion to help TypeScript
-        const errorContext = fetchError.context;
-        const customMessageReference = fetchError.customMessageReference;
-        const errorMessage = (errorContext && typeof errorContext === 'object' && 'originalErrorMessage' in errorContext
-            ? errorContext.originalErrorMessage
-            : undefined) || customMessageReference;
-        return (_jsx("div", { className: className, children: _jsxs("div", { className: "p-card bg-destructive/10 border border-destructive rounded-lg", role: "alert", children: [_jsx("p", { className: "text-destructive font-medium", children: errorTitle }), _jsx("p", { className: "text-sm text-destructive/80 mt-item-xs", children: errorMessage })] }) }));
+        return (_jsx("div", { className: className, children: _jsxs("div", { className: "p-card bg-destructive/10 border border-destructive rounded-lg", role: "alert", children: [_jsx("p", { className: "text-destructive font-medium", children: errorTitle }), _jsx("p", { className: "text-sm text-destructive/80 mt-item-xs", children: fetchError.message })] }) }));
     }
     // EA: the operation is no longer available for THIS record (its
     // `enabledCondition` is unmet now that the real object is loaded — e.g. a
@@ -1980,12 +2163,15 @@ export function ResourceAutomatedForm({ resourceContext, onSuccess, onError, onC
         const unavailableMessage = tComponent(FrontendComponentType.RESOURCES_LAYOUTS_CREATE, 'operationUnavailableMessage');
         return (_jsx("div", { className: className, children: _jsxs("div", { className: "p-card bg-muted/50 border border-border rounded-lg", role: "status", children: [_jsx("p", { className: "font-medium text-foreground", children: unavailableTitle }), _jsx("p", { className: "text-sm text-muted-foreground mt-item-xs", children: unavailableMessage })] }) }));
     }
-    // For UPDATE operations, LoadingGate readiness now owns the "wait for fetched
-    // defaults" state. Avoid early returns here so the hook graph stays stable
-    // between the initial loading render and the later loaded render.
-    // UPDATE-like: defaults come from the fetched record (LoadingGate gates the
-    // mount until ready). CREATE: use the synchronous discriminator seed so RHF
-    // initializes with it on the very first render (see createSeededDefaultValues).
+    // For UPDATE operations, LoadingGate readiness owns the "wait for fetched
+    // defaults" PRESENTATION. Avoid early returns here so the hook graph stays
+    // stable between the initial loading render and the later loaded render.
+    // UPDATE-like: defaults come from the fetched record. LoadingGate does NOT
+    // hold the form back until then — it keeps its children mounted under its
+    // overlay — and RHF reads defaults only at mount, so the form is keyed by
+    // `defaultValuesSource` and remounts once the record arrives. CREATE: use the
+    // synchronous discriminator seed so RHF initializes with it on the very
+    // first render (see createSeededDefaultValues).
     const effectiveDefaultValues = needsFetch
         ? (defaultValues ?? defaultValuesOverride)
         : (createSeededDefaultValues ?? defaultValuesOverride);
@@ -2010,7 +2196,14 @@ export function ResourceAutomatedForm({ resourceContext, onSuccess, onError, onC
     } : undefined;
     // Form content that may or may not be wrapped with AutosaveProvider
     const formContent = (_jsx(LoadingGate, { i18nKeys: i18nKeys, loadingScopes: loadingScopes, readiness: readiness, children: _jsxs("div", { className: className, children: [_jsx(AlertDialog, { open: !!pendingPublish, onOpenChange: (open) => !open && handleCancelPublish(), children: _jsxs(AlertDialogContent, { children: [_jsxs(AlertDialogHeader, { children: [_jsx(AlertDialogTitle, { children: confirmPublishTitle }), _jsx(AlertDialogDescription, { children: confirmPublishMessage })] }), _jsxs(AlertDialogFooter, { children: [_jsx(AlertDialogCancel, { onClick: handleCancelPublish, children: confirmPublishCancel }), _jsx(AlertDialogAction, { onClick: handleConfirmPublish, children: confirmPublishConfirm })] })] }) }), pendingCriticalSubmit !== null && (_jsx(OperationsConfirmCritical, { open: true, onOpenChange: (open) => { if (!open)
-                        handleCancelCriticalSubmit(); }, cancelCallback: handleCancelCriticalSubmit, validationCallback: handleConfirmCriticalSubmit, requireTypedConfirmation: true, confirmationPhrase: criticalConfirmationPhrase })), remoteUpdateIndicator && remoteUpdateLabels && (_jsx(RemoteChangeNotification, { type: "remote-update", changedFields: remoteUpdateIndicator.changedFields, labels: remoteUpdateLabels, onDismiss: () => setRemoteUpdateIndicator(null) })), _jsx(ResourceFormActionsProvider, { value: formActionsValue, children: _jsx(AutomatedForm, { schema: formSchema, defaultValues: effectiveDefaultValues, onSubmit: effectiveDraftConfig?.enabled && draftSchema ? handlePublish : handleSubmitWithCriticalGuard, onError: handleError, validationMode: validationMode, disabled: disabled || isSubmitting, labels: labels, layoutRefs: layoutRefs, operationRef: operationIdentifier, operationType: operationType, operationLike: operationLike, coreOperation: effectiveCoreOperation, fileUploadContext: fileUploadContext, contextFieldValues: contextFieldValues, hiddenFieldNames: hiddenFieldNames, generatedFieldOverrides: generatedFieldOverrides, inheritanceConfig: inheritanceConfig, onSectionSave: handleSectionSave, onFormReady: handleFormReady, validateFieldUrl: validateFieldUrl, resourceId: primaryResourceId, contextResourceIdentifiers: contextResourceIdentifiersWithResourceId, parentResourcesRequirements: resourceContext.parentResourcesRequirements, navigationZone: navigationZone, chromeMode: defaultEditChromeMode, layoutTemplate: layoutTemplate }) })] }) }));
+                        handleCancelCriticalSubmit(); }, cancelCallback: handleCancelCriticalSubmit, validationCallback: handleConfirmCriticalSubmit, requireTypedConfirmation: true, confirmationPhrase: operationDisplayTitle })), remoteUpdateIndicator && remoteUpdateLabels && (_jsx(RemoteChangeNotification, { type: "remote-update", changedFields: remoteUpdateIndicator.changedFields, labels: remoteUpdateLabels, onDismiss: () => setRemoteUpdateIndicator(null) })), _jsx(ResourceFormActionsProvider, { value: formActionsValue, children: _jsx(AutomatedForm, { schema: formSchema, defaultValues: effectiveDefaultValues, onSubmit: effectiveDraftConfig?.enabled && draftSchema ? handlePublish : handleSubmitWithCriticalGuard, onError: handleError, validationMode: validationMode, disabled: disabled || isSubmitting, labels: labels, layoutRefs: layoutRefs, operationRef: operationIdentifier, operationType: operationType, operationLike: operationLike, coreOperation: effectiveCoreOperation, fileUploadContext: fileUploadContext, contextFieldValues: contextFieldValues, hiddenFieldNames: hiddenFieldNames, generatedFieldOverrides: generatedFieldOverrides, inheritanceConfig: inheritanceConfig, 
+                        // No section Save on a form whose record does not exist yet (see `formOffersSectionSave`).
+                        onSectionSave: formOffersSectionSave({
+                            createsRecord: effectiveCoreOperation === CoreResourceOperation.CREATE,
+                            hasCallerSectionHandler: onSectionSaveProp !== undefined,
+                        })
+                            ? handleSectionSave
+                            : undefined, onFormReady: handleFormReady, validateFieldUrl: validateFieldUrl, resourceId: primaryResourceId, contextResourceIdentifiers: contextResourceIdentifiersWithResourceId, parentResourcesRequirements: resourceContext.parentResourcesRequirements, navigationZone: navigationZone, chromeMode: defaultEditChromeMode, layoutTemplate: layoutTemplate }, defaultValuesSource) })] }) }));
     // Wrap with AutosaveProvider if autosave is enabled
     if (autosaveProviderConfig.enabled) {
         return (_jsxs(AutosaveProvider, { labels: autosaveLabels, validateField: validateAutosaveField, onSave: handleAutosave, rmm: rmm ?? undefined, config: autosaveProviderConfig, children: [_jsx(AutosaveCancelBridge, { cancelRef: cancelPendingAutosavesRef }), formContent] }));