I have this, which is horribly unstyled but shows the inputs and grouping (which is also described in terms of the HTML structure in more depth here).
Basically, you have a form for a "dictionary term". The term has multiple "meanings". Each meaning has multiple senses. And a sense is just a simple text input for now. So you have a group of meanings, which you can add/remove individual meanings. Within the meaning, you can add/remove senses. Within the sense, you can set the sense in the input.
How can this sort of complicated nested form structure UX be improved (maybe by an entirely non-nested form approach)?
One thing I tried considering is making a multi-page form. You enter the term name on screen one. Click add meaning, takes you to a new page. Click add sense, takes you to a new page. On save, takes you back to the meaning, etc.. But that is clunky, slow, and you lose a lot of context. So not really sure how it can be improved yet.
I'm also taking into consideration how this would work on mobile.