Entendendo seu plano — Pré-visualização, Plano, Recursos e Resumo

Esta aba é um cartão de apresentação, não a maquete em si — o rascunho renderizado de verdade fica na coluna persistente à direita (veja o guia "barra de ferramentas acima da sua maquete ao vivo" para os controles ao redor dela). O cartão tem um banner com o texto "🚧 Este é o Rascunho V1 — um ponto de partida real, não o produto final", seu estilo atual exibido como etiqueta ("🎨 Estilo: …") e duas ações: "🔄 Ver outra direção", que alterna seu rascunho entre as outras opções de estilo do aiKit ali mesmo para comparação rápida, e "✏️ Personalize →", que leva você ao chat de revisão descrito em "Revisando seu rascunho".

Esta aba abre com o mesmo painel Plano do Projeto usado antes de você ter um rascunho (veja o detalhamento abaixo), seguido de um esboço seção por seção do seu rascunho gerado: "📋 Seção por seção — ajuste ou remova o que quiser". Cada seção real do seu rascunho aparece com seu ícone, seu nome, sua descrição e um selo "Exemplo" se for conteúdo de espaço reservado que o aiKit criou porque você ainda não forneceu a versão real.

Cada seção tem seu próprio botão "💬 Ajustar ou remover esta seção" (que muda para "✕ Cancelar" quando aberto), que expande um editor embutido logo abaixo dela — uma área de texto (texto de exemplo: "Inclua também nosso horário aqui" ou "Remover esta seção por completo") com um botão de ditado por voz, a opção "Sair sem alterar" e "Atualizar esta seção →" para enviar. Só o editor de uma seção fica aberto por vez, e apenas essa seção é atualizada — o restante do seu rascunho permanece intacto.

Este painel aparece tanto antes de você ter um rascunho (como a coluna direita inteira) quanto no topo da aba Plano depois que você tem um. Ele começa com uma faixa de status mostrando as quatro etapas de construção, com uma barra de porcentagem concluída real para cada uma — não é uma lista de verificação estática. Antes de existir um rascunho, a porcentagem da etapa atual é uma leitura real dos campos que você preencheu; depois que o rascunho existe, ela acompanha a parcela real das seções que não estão mais marcadas como "Exemplo".

"A base" é um parágrafo curto que explica por que seu projeto importa, escrito pela IA assim que você fornece informações suficientes para trabalhar. Enquanto é gerado, aparece um esqueleto de carregamento, e um link "Tentar novamente" surge se a chamada falhar.

"Itens essenciais" lista as seções de que seu projeto realmente precisa — antes de existir um rascunho, são sugestões de seções propostas pela IA, cada uma com um motivo em uma linha; depois que existe um rascunho real, esta lista passa a ser as seções geradas reais do seu rascunho (sem carregamento extra, pois apenas lê o seu conteúdo real).

"Vale considerar" traz oportunidades de recursos específicas para o seu negócio — antes de existir um rascunho, vêm do mesmo mecanismo de sugestões da lista de recursos do modo Formulário; depois que existe um rascunho, passa a ser o plano de recursos real do seu projeto (a mesma lista que você marca e gerencia na aba Recursos).

Cada uma dessas três seções tem sua própria linha simples "+ Adicione o seu", onde você pode digitar uma anotação ou ideia livre para incluir naquela seção. São anotações da sessão para você ver durante o planejamento, ainda não salvas no registro do seu projeto da mesma forma que as seções e os recursos.

Com o título "✨ Mais do que um site — o sistema completo que este negócio poderia executar", esta aba lista cada recurso sugerido como uma linha com caixa de seleção — apenas os recursos marcados são incluídos no seu plano. Cada linha também tem um botão "💬 Expandir" que abre o mesmo editor embutido do ajuste de seções da aba Plano (área de texto + entrada por voz + "Atualizar este recurso →") para pedir mais detalhes sobre aquele recurso, e um botão de lixeira que remove o recurso de vez, sem etapa de confirmação.

Abaixo da lista, você pode digitar diretamente sua própria ideia de recurso (texto de exemplo: "Tem uma ideia? Ex.: 'permitir que clientes paguem um sinal online'") e adicioná-la ao plano, ou tocar em "💡 Sugerir mais opções" para que o aiKit gere ideias de recursos adicionais sem nenhum texto seu como base.

Uma caixa de seleção no final, "Sinalizar este projeto para orientação extra da nossa equipe conforme eu avanço", permite marcar o projeto para receber atenção mais próxima.

Um instantâneo com dados reais de onde seu projeto está agora: nome, tipo de projeto, estilo, status, público, objetivo, descrição, sua lista completa de seções (com selos de Exemplo) e recursos (marcados/desmarcados), feito para ser visto na tela ou baixado para compartilhar com outra pessoa — diferente do seu link publicado ao vivo.

O botão "⬇ Baixar resumo" gera e baixa um arquivo Markdown (.md) real, criado inteiramente com os dados reais do seu projeto — sem conteúdo inventado — com o nome do seu projeto (por exemplo, "acme-landscaping-summary.md"). Não há uma ação de compartilhar separada nesta aba; para compartilhar seu link ao vivo, use o botão Compartilhar da barra de ferramentas.