ZapNotei ZapNotei Protótipos

Surfaces navegáveis pré-F1.0

Wireframes clicáveis do ZapNotei materializando arquitetura, schema, ADRs e flowmaps em HTML executável. Espelho fiel da documentação. Consumindo integralmente o design system.

52
Surfaces backlog
0
Aprovadas
0
Em iteração
52
Não-iniciadas
Backlog Gaps Sobre

F1.0 — P0 (bloqueio dev)

19 surfaces

Surfaces críticas pra começar implementação. Geração na ordem natural: auth → onboarding → form → painel → recovery.

01.1-authtodo

Login (magic link)

Auth.js v5 sem senha. Magic link via Resend.
01.2-authtodo

OTP fallback

OTP TTL 5min Upstash. crypto.timingSafeEqual.
01.3-authtodo

TOTP 2FA

2FA opcional via TOTP. Secret KMS-encrypted.
02.1-onboardingtodo

Onboarding empresa

CNPJ + CEP + enrichment BrasilAPI/ViaCEP.

ADR-0009flowmap-03
02.2-onboardingtodo

Upload certificado A1

PFX + senha + envelope encryption AWS KMS.

KMS-day0
02.3-onboardingtodo

Confirmação onboarding

Resumo + ativação da empresa.
03.1-formtodo

Form NFS-e

Multi-step. Cliente + serviço + LC 116 + valores → emit Focus.

flowmap-04
03.2-formtodo

Form NF-e

Multi-step. Cliente + produtos + NCM + valores → emit Focus.

flowmap-04
03.3-formtodo

Recovery · camada 1

Erros mapeados em error-taxonomy → mensagem PT-BR + ação inline.

ADR-0011
03.4-formtodo

Recovery · camada 2

Erros não-mapeados → schema regex pattern matching.

ADR-0011
03.5-formtodo

Recovery · camada 3 (LLM)

LLM analisa + sugestão validada local. Audit em error_recovery_attempts.

ADR-0011
04.1-paineltodo

Painel · Listagem (populated)

Single-CNPJ. NFs, filtros, paginação, real-time Ably.

ADR-0019
04.1-paineltodo

Painel · Listagem (empty)

Estado zero NFs (primeiro acesso pós-onboarding).
04.1-paineltodo

Painel · Listagem (loading)

Skeletons enquanto Drizzle query roda.
04.1-paineltodo

Painel · Listagem (aggregate)

≥2 CNPJs + coluna Empresa.

ADR-0020
04.2-paineltodo

Painel · Detalhe NF

Drill-down + ações cancelar / baixar PDF/XML / reenviar.
04.3-paineltodo

Modal escolher CNPJ pré-emit

Aggregate mode dispara modal antes de form.

ADR-0020

F1.1 — Chat conversacional

4 surfaces

MockFiscalEmitter (chaos) → Focus real F1.2. Engine adaptativa Gemini Flash + Claude Haiku fallback.

05.1-chattodo

Chat · Onboarding empresa

CNPJ + CEP + A1 via chat conversacional.
05.2-chattodo

Chat · Emissão NFS-e

Mock chaos F1.1 → Focus real F1.2a.
05.3-chattodo

Chat · Emissão NF-e

NCM + produtos via chat. Focus real F1.2b.
05.4-chattodo

Chat · Error recovery

Recovery 3 camadas conversacional.

ADR-0011

F2 — Clientes + Admin + Configurações + Blog

10 surfaces

Painel cliente avançado pós-MVP. Multi-CNPJ. Blog público (Payload CMS embedded).

06.1-clientestodo

Clientes · CRM Listagem

Busca por doc/apelido/nome. Toggle auto-save em emissão.

ADR-0013
06.2-clientestodo

Clientes · Detalhe

Histórico NFs + edição apelido + DSR LGPD.

ADR-0013
07.1-admintodo

Admin · Empresas (CNPJs)

Listagem + add CNPJ + ativação.
07.2-admintodo

Admin · Switcher CNPJ aberto

Dropdown ≥2 + opção "Todas as empresas".

ADR-0020
07.3-admintodo

Admin · Notificações

Centro com push real-time + histórico.
08.1-configtodo

Configurações · Perfil

User + email + 2FA TOTP + timezone.
08.2-configtodo

User dropdown (avatar)

Perfil / Plano / Sair.
08.5-configtodo

Configurações · Certificado A1

Trocar A1 + alerta expiração + audit log.

KMS
11.1-blogtodo

Blog público · Listagem

URL canônica /blog. Worker proxy → Vercel Payload.

ADR-0014
11.2-blogtodo

Blog post · Detalhe

+ JSON-LD + canonical + revalidation pipeline.

ADR-0014

F2 — Marketing (LP + Demo público)

4 surfaces

Cloudflare Pages. URL canônica apex zapnotei.com.br + /demo (lead capture pós-1ª NF, opt-in).

10.1-marketingtodo

LP marketing

Hero + features + pricing + CTA.
10.2-marketingtodo

Demo público (landing)

URL canônica /demo. Sem lead form pré-valor.

ADR-0017ADR-0018
10.3-marketingtodo

Demo · Form NFS-e simulado

MockFiscalEmitter + watermark "AMOSTRA DEMO" + cap 5 NFs.

ADR-0017
10.4-marketingtodo

Demo · Lead capture

Pós-1ª NF (opt-in). Endpoint POST /api/leads.

ADR-0018

Ops

5 surfaces

Painel operacional gate users.is_internal_ops=true. Surfaces de acesso direto, sem links na nav user.

09.1-opsdireto

Ops · Dashboard

MRR + NFs/dia + alertas + outage status vendors.
09.2-opsdireto

Ops · Empresas

Gestão CNPJs cross-account. Audit log.
09.8-opsdireto

Ops · Empresa avançado

Toggle ambiente ops-only. Único lugar visível.

ADR-0019
09.9-opsdireto

Ops · Impersonate user

Impersonate com banner persistente + audit trail.
11.3-blogdireto

Blog · Admin Payload

blog.zapnotei.com.br/admin. Auth Payload nativa.

ADR-0014