@wildo-ai/saas-frontend-lib 1.1.5 → 1.1.7

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,10 +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 { 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_SELECTOR_FIELD, } from '@wildo-ai/saas-models';
+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';
@@ -22,11 +22,14 @@ 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 { carryStoredSiblingsIntoPartialWrites, 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';
@@ -38,7 +41,7 @@ import { useUserFacingErrorMessage } from '../../../core/errors/useUserFacingErr
 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, toOperationResultSummary, } 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';
@@ -57,7 +60,7 @@ import { MutationPriority, MutationType, MutationSourceType, MutationErrorType,
 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';
@@ -152,35 +155,74 @@ 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.
  *
- * `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.
+ * 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.
+ *
+ * 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;
 }
-export function ResourceAutomatedForm({ resourceContext, onSuccess, onError, onCancel, disabled = false, className, labelsOverride, showErrorSummary = true, validationMode, autosaveConfig, draftConfig, onSectionSave: onSectionSaveProp, defaultValuesOverride, navigationZone, updateLikeMutationFallbackMode = UpdateLikeMutationFallbackMode.RMM_REQUIRED, }) {
+/**
+ * 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)) }))] }));
+}
+// =============================================================================
+// 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();
@@ -209,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
@@ -229,6 +272,17 @@ 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,
@@ -275,10 +329,14 @@ export function ResourceAutomatedForm({ resourceContext, onSuccess, onError, onC
          * 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
-            && BULK_OPERATION_SELECTOR_FIELD in schema.shape) {
-            return schema.omit({ [BULK_OPERATION_SELECTOR_FIELD]: true });
+        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]);
@@ -292,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
@@ -329,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)
@@ -580,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.
     //
@@ -1164,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;
         }
@@ -1206,6 +1267,7 @@ export function ResourceAutomatedForm({ resourceContext, onSuccess, onError, onC
                     ? { ...dataRecord, ...defaultValuesOverride }
                     : data);
                 lastExistingDataFetchKeyRef.current = existingDataFetchKey;
+                setDefaultValuesSource(existingDataFetchKey);
                 setHasLoadedOnce(true);
             }
             catch (error) {
@@ -1928,9 +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;
-    // The operation's own name, resolved exactly as the action bar names it — so the phrase to type is
-    // the label the person clicked.
-    const criticalConfirmationPhrase = useMemo(() => resolveOperationDisplayTitle(tResourceOperation, resourceType, String(operation.operationIdentifier)), [tResourceOperation, resourceType, 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);
@@ -1950,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
@@ -1961,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.
@@ -2004,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;
@@ -2050,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;
         }
@@ -2062,7 +2145,7 @@ 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
@@ -2080,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);
@@ -2110,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] }));