Lists: insert an item at a specific position (and/or a config option for where "Add an item" adds)

[elijahcantu]

First off, thanks for Pages CMS — I just set it up for my research lab's Jekyll site so non-technical lab members can edit content, and it's been great.

The problem

For list fields (e.g. an object list of news items or publications in a YAML data file), "Add an item" always appends to the end of the array, and items render in stored order. For chronological content this creates friction:

• Our news list displays newest-first on the site. If we store it newest-first, every new item is added at the bottom and has to be dragged past dozens of items to the top.
• We worked around it by storing the list oldest-first and reversing in the template, so appending lands in the right place — but that means editors see the oldest items at the top of the form and always scroll to the bottom, and it forces a template convention that isn't obvious to future maintainers.

Drag-and-drop reordering works well for occasional fixes, but it's not great as the required step for every insertion that isn't "at the end."

Idea

A list config option for where "Add an item" inserts, e.g.:

- name: items
  type: object
  list:
    add: start        # where "Add an item" inserts (start | end, default end)
    collapsible:
      collapsed: true
      summary: "{date}"

With add: start the chronological-content case just works: store newest-first, display in stored order, and new items appear at the top where they belong.

Nice to have alongside it: inserting between items, Jupyter-notebook style — a small "+" affordance between rows (or on hover), or "Insert above / Insert below / Duplicate" actions on each item's row. useFieldArray already exposes insert() — the UI currently only uses append, remove, and move.

Happy to provide more detail on our setup if useful. Thanks for considering it!

[hunvreus]

Sure, I could add an option. I'm still working on the TanStack Start migration right now.