filtro em produtos, bug tela de preparo, nome do user nas comandas e itens

web/src/views/kitchen.ts

@@ -59,15 +59,19 @@ export async function renderKitchen(container: HTMLElement) {
   let currentStatus = 'PENDENTE';
   let currentFilter = '';
   let autoRefreshInterval: ReturnType<typeof setInterval> | null = null;
+  let requestId = 0;
 
   const loadItems = async () => {
     const grid = document.getElementById('items-grid')!;
     grid.innerHTML = '<p class="card-subtitle">Carregando...</p>';
+    const myRequestId = ++requestId;
     try {
       let url = `/painel/itens?status=${currentStatus}`;
       if (currentFilter !== '') url += `&itemCozinha=${currentFilter}`;
       const items = await api.get(url);
 
+      if (myRequestId !== requestId) return;
+
       const currentIds = new Set<string>(items.map((i: any) => i.id));
 
       const previousIds = previousItemIdsByStatus.get(currentStatus);
@@ -106,9 +110,10 @@ export async function renderKitchen(container: HTMLElement) {
             </div>
             <h3 class="card-title">${item.quantidade}× ${item.produto.nome}</h3>
             ${item.observacao ? `<p style="color:var(--warning);font-size:0.875rem;margin-bottom:1rem;">⚠️ ${item.observacao}</p>` : ''}
-            <p class="card-subtitle" style="margin-bottom:1.5rem;">
+            <p class="card-subtitle" style="margin-bottom:0.5rem;">
               Pedido às ${new Date(item.criadoEm).toLocaleTimeString('pt-BR', { hour: '2-digit', minute: '2-digit' })}
             </p>
+            ${item.usuario ? `<p style="color:var(--text-secondary);font-size:0.8rem;margin-bottom:1rem;">Adicionado por: <strong>${item.usuario.nome}</strong></p>` : '<p style="margin-bottom:1rem;"></p>'}
             ${action.label ? `
               <button class="btn" style="width:100%;" data-action="advance" data-item-id="${item.id}" data-next-status="${action.next}">
                 ${action.label}