Puesta a punto

services/manso/src/views/comandas.ejs

@@ -291,8 +291,14 @@
   }
 
   function hydrateMesas() {
-    const sel = $('#selMesa'); sel.innerHTML = '';
-    for (const m of state.mesas) {
+    const sel = $('#selMesa'); 
+    sel.innerHTML = '';
+    // Ordena por número de mesa (o por id si no hay número)
+    const rows = state.mesas
+      .slice()
+      .sort((a, b) => Number(a?.numero ?? a?.id_mesa ?? 0) - Number(b?.numero ?? b?.id_mesa ?? 0));
+
+    for (const m of rows) {
       const o = document.createElement('option');
       o.value = m.id_mesa;
       o.textContent = `#${m.numero} · ${m.apodo} (${m.estado})`;
@@ -300,15 +306,20 @@
     }
   }
   function hydrateUsuarios() {
-    const sel = $('#selUsuario'); sel.innerHTML = '';
-    for (const u of state.usuarios) {
+    const sel = $('#selUsuario'); 
+    sel.innerHTML = '';
+    // 🔽 Orden ascendente por id_usuario
+    const rows = state.usuarios
+      .slice()
+      .sort((a, b) => Number(a?.id_usuario ?? 0) - Number(b?.id_usuario ?? 0));
+
+    for (const u of rows) {
       const o = document.createElement('option');
       o.value = u.id_usuario;
       o.textContent = `${u.nombre} ${u.apellido}`.trim();
       sel.appendChild(o);
     }
   }
-
   // Render productos
   function renderProductos() {
     let rows = state.productos.slice();