Hoje o aí conversa num cartão e a ferramenta se monta fora de vista. A proposta: a cada resposta ele escurece a tela, acende o lugar de verdade e a resposta cai ali na frente da pessoa. Quem termina de montar já sabe onde tudo mora, e o tutorial de 7 passos deixa de ser necessário. Use os botões abaixo para andar pela jornada.
Nada aqui é motor novo. As três peças já existem no app e estão em produção.
app/src/components/Spotlight.jsx já escurece a tela, recorta o elemento real,
ancora o balão, re-mede a cada quadro, pula alvo ausente e deixa o clique real avançar.
Hoje ele serve o tutorial e o convite do primeiro pedido.
Desde o L4 (11/ago) o configurador roda dentro do Shell, com o app real por trás. O palco pra apontar já está montado.
PetFlutuante + Bicho já falam, cochilam e reagem ao toque.
Falta só desgrudar do canto e andar até o alvo.
Nenhum é impeditivo, mas nenhum é de graça. Ordem de risco.
Enquanto setup_done=false, qualquer rota volta pro /config-inicial
(main.jsx:158). Pra apontar Cardápio, Loja e Dinheiro de verdade, o gate precisa de uma
exceção pro modo guiado - com trava pra ninguém escapar do setup pela porta nova.
Cardápio sem produto e Hoje sem pedido não têm o que recortar. O alvo passa a ser o
estado vazio, com data-tour próprio, renderizado de propósito pra receber a luz.
Pet no topo + cartão sticky + buraco em 375px não cabem. A saída é a que está no mockup: o cartão vira o balão (uma superfície só) e o arrasto do pet desliga no modo guiado.
Sete blecautes seguidos sufocam. Tempo, bolso e idade são conversa, não tela: o pet fala normal, sem escuro. No mockup são os passos 3 e 4.
Apontar o Cardápio vazio e dizer "aqui vão seus produtos" é o tour de sempre com roupa nova. O que muda o jogo é a ficha entrando ali, iluminada, enquanto o pet narra.
Mockup interno do Engrenou. Nada aqui está no ar.