Configuración del orden de los grupos en los ajustes del componente de tema

Se me solicitó una opción para configurar el orden de las bandejas de entrada de grupo en la sección de la barra lateral que añade mi componente. Ahora estoy buscando una solución elegante que permita a un administrador configurar el orden de la manera más sencilla posible.

Estaba pensando en una configuración de tipo objeto muy simple. Cada entrada contendría un único selector de grupo (a través del tipo de configuración groups), lo que es mucho más fácil que introducir nombres o identificadores manualmente. Luego, los elementos podrían reordenarse usando las flechas arriba/abajo.

Esto es lo que tenía en mente:


Pero en realidad, se ve más así:

El menú desplegable de grupo en sí funciona bien. Aunque la configuración almacena el ID del grupo, los administradores ven el nombre del grupo en el menú desplegable, por lo que seleccionar el correcto es fácil. Sin embargo, cuando utilizo el valor group como identificador para la entrada del objeto, la interfaz de usuario muestra solo el ID del grupo, no el nombre del grupo. Esto dificulta el cambio de orden, ya que los administradores tendrían que depender de los ID en lugar de los nombres.
(Además, hay una gran cantidad de espacio a la derecha, pero “groups” todavía se rompe de forma extraña).

setting.yml
group_inbox_order:
  type: objects
  default: []
  schema:
    name: entry
    identifier: group
    properties:
      group:
        type: groups
        required: true
        max: 1

En el video anterior, añadí una configuración de texto adicional para cada entrada donde introduje manualmente el nombre del grupo y lo usé como identificador. Pero eso no parece una buena solución, ya que el texto mostrado ya no está vinculado al grupo real, y los nombres de los grupos pueden cambiar.

setting.yml
group_inbox_order:
  type: objects
  default: []
  schema:
    name: entry
    identifier: text
    properties:
      group:
        type: groups
        required: true
        max: 1
      text:
        type: string

También podría usar una configuración de lista de tipo “group”, pero es muy difícil reordenar los elementos allí, ya que solo se pueden eliminar y volver a añadir.

¿Alguien tiene alguna idea de cómo puedo resolver esto mejor?