Como um vibe coder trata o loading state da lista que ainda carrega

Não mostre "nenhum item" enquanto a lista ainda carrega. Na live do Taurus Hub, receita em R$ 0, Thiago clicou em processados e a tela respondeu como se não existisse job. O dump do card mostrou "Nenhum vídeo já processado para esta marca" com 6 roteiros já no servidor. A lista só renderizou 3 segundos depois.

Ele pediu para melhorar a lista:

Estou aqui nessa página e clico paraar os vídeos aguardando edição. processados demora muito para aparecer a lista. Como podemos melhorar isso? Parece até que travou ou que não existe jobs já processado. Esperantos que demora.

A lista mostrou vazio com 6 roteiros no servidor

O agente reproduziu o intervalo. No teste com delay de 4 segundos, a frase de vazio ocupou o card enquanto os jobs ainda carregavam.

Tenho certeza. Evidência observá reproduzida. Tá a mensagem. Nenhum vídeo já processado para esta marca aparece enquanto jobs ainda carrega no teste com delay de 4 segundos. O dump do card mostrava essa frase com seis roteiros processados já existindo no servidor que renderiza 3 segundos depois. O fit the jobs não usa marca, está preso atrás dela por estrutura.

Os 6 roteiros já estavam no servidor. Quem clicou em processados leu que a marca não tinha vídeo. A lista chegou 3 segundos depois da frase falsa.

O fetch dos jobs esperou a marca assentar

A marca desta tela leva 4 segundos para assentar. Enquanto isso o fetch dos jobs não dispara, preso atrás dela por estrutura, mesmo sem usar marca. O filtro processados nesse intervalo ainda não tem job load. O card preenche com "Nenhum vídeo já processado para esta marca". Quem está na tela lê que não existe job. Os 6 roteiros ficam no servidor até o fetch sair da fila da marca.

O agente isolou a ordem da marca e a copy do intervalo:

Estado honesto de carregamento. Fixo principal cirúrgico. Adicionar job load no fit jobs e com filtro processados. Jobs ainda vazio mostra carregando versões processadas. Em vez de mensagem de vazio, só mostrar nenhum vídeo já processado. Quando os jobs realmente terminam e estão vazios, mata a percepção de não existe processado. Não bloquear jobs no assentamento de marca. Não depende da marca busca todos os jobs. Posso disparar em remote em paralela com space. Corta os 4 segundos de experiância.

Thiago autorizou:

Ok. Pode fazer então.

Loading state no vibe coding da lista de processados

Amanhã, no vibe coding da próxima lista, clique no filtro que ainda vai ao servidor e leia o primeiro quadro. Se "Nenhum vídeo já processado para esta marca" aparece antes do fetch terminar, o pedido seguinte pede "carregando versões processadas" até os jobs voltarem. Jobs que não usam marca não esperam os 4 segundos de assentamento.

Faça dump do card nesse instante. Olhe a copy e o payload no mesmo segundo. Se a copy diz "Nenhum vídeo já processado para esta marca" e o servidor já tem os 6 roteiros, o loading state da lista faltou naquele quadro. Troque a copy do intervalo e tire o fetch da fila da marca.

No código o sinal é job load no filtro processados. Com o sinal, "carregando versões processadas" cobre o filtro ainda vazio. "Nenhum vídeo já processado para esta marca" espera o fetch que já terminou sem job.

O pedido que só manda mostrar os processados deixa o quadro do intervalo sem nome. Nomeie o loading state no mesmo pedido. A lista com itens e o vazio verdadeiro chegam depois da resposta.

No mesmo produto, o edit grudado nos query params é outro pedaço de estado da tela. Aqui o buraco era o loading state da lista de processados.

Dá para assistir à live e ouvir o dump do card, os 4 segundos da marca e a copy "carregando versões processadas".