Frontend:
  Framework: Nuxt 3.8
  Language: TypeScript 5.x
  Styling: Tailwind CSS 3.3
  State: Pinia
  API Client: ofetch (nativo Nuxt)

Backend:
  Framework: Laravel 11
  Language: PHP 8.3
  Database: PostgreSQL 16
  API: RESTful JSON
  Auth: Laravel Sanctum

apps/supplier/
├── pages/             # Rotas e páginas
│   ├── index.vue     # Dashboard
│   ├── orders/       # Licitações
│   └── proposals/    # Propostas
├── components/       # Componentes reutilizáveis
├── composables/      # Lógica compartilhada
│   ├── useFornecedor.ts
│   ├── useFornecedorApi.ts
│   └── useDashboardFornecedor.ts
├── stores/           # Estado global (Pinia)
├── layouts/          # Layouts de página
└── types/            # TypeScript definitions

// ✅ IMPLEMENTADOS
GET  /api/v1/fornecedor/dashboard       // Métricas e estatísticas
GET  /api/v1/fornecedor/licitacoes      // Lista licitações
GET  /api/v1/fornecedor/licitacoes/{id} // Detalhes licitação
POST /api/v1/fornecedor/licitacoes/{id}/favoritar // Favoritar

// 🚧 PARCIALMENTE IMPLEMENTADOS
GET  /api/v1/fornecedor/propostas       // Lista propostas
POST /api/v1/fornecedor/propostas       // Criar proposta

// ❌ NÃO IMPLEMENTADOS
PUT  /api/v1/fornecedor/propostas/{id}  // Editar proposta
DELETE /api/v1/fornecedor/propostas/{id} // Cancelar proposta
GET  /api/v1/fornecedor/propostas/{id}/pdf // Gerar PDF

// PROBLEMA: Dados hardcoded no frontend
const metricas = ref({
  licitacoesDisponiveis: 0,  // Não atualiza com API
  propostasEnviadas: 0,       // Dados mockados
  // ...
})

// NECESSÁRIO: Integração real
const { data } = await fornecedorApi.getDashboard()
metricas.value = data.metricas

// PROBLEMA: Filtros client-side ineficientes
const licitacoesFiltradas = computed(() => {
  // Filtragem acontece no frontend
  // Performance ruim com muitos dados
})

// NECESSÁRIO: Filtros server-side
const { data } = await getLicitacoes({
  status: 'ativa',
  categoria: 'fertilizantes',
  page: 1,
  per_page: 20
})

// PROBLEMA: Estrutura incompleta
interface Proposta {
  produtos: ProdutoForm[]     // ❌ Não mapeia com API
  condicoes: CondicoesComerciais // ❌ Campos faltando
  documentos: Documento[]      // ❌ Upload não implementado
}

// NECESSÁRIO: Estrutura alinhada com backend
interface PropostaRequest {
  order_item_id: number
  preco_unitario: number
  quantidade_produto: number
  prazo_entrega: number
  observacoes?: string
  anexos?: File[]
}

Performance:
  - First Contentful Paint: < 1.5s
  - Time to Interactive: < 3s
  - Lighthouse Score: > 90

Qualidade:
  - Cobertura de Testes: > 80%
  - Zero erros console em produção
  - Uptime: 99.9%

UX:
  - Task Success Rate: > 95%
  - Error Rate: < 2%
  - Time on Task: -30% vs atual

Adoção:
  - Fornecedores Ativos: +50% em 3 meses
  - Propostas/Fornecedor: 5+ por mês
  - Taxa de Conversão: > 15%

Engajamento:
  - DAU/MAU: > 40%
  - Session Duration: > 5 min
  - Bounce Rate: < 30%

// Implementar Content Security Policy
useHead({
  meta: [
    {
      'http-equiv': 'Content-Security-Policy',
      content: "default-src 'self'"
    }
  ]
})

// Sanitizar inputs
import DOMPurify from 'isomorphic-dompurify'
const sanitized = DOMPurify.sanitize(userInput)

// Validar uploads
const validateFile = (file: File) => {
  const maxSize = 10 * 1024 * 1024 // 10MB
  const allowedTypes = ['application/pdf', 'image/jpeg']

  if (file.size > maxSize) throw new Error('Arquivo muito grande')
  if (!allowedTypes.includes(file.type)) throw new Error('Tipo não permitido')
}

✅ Implementadas:
  - Hick's Law: Opções reduzidas
  - Miller's Law: Chunks de informação
  - Fitts's Law: Targets grandes

⚠️ Parcialmente:
  - Jakob's Law: Padrões familiares
  - Doherty Threshold: Feedback < 400ms

❌ Não Implementadas:
  - Peak-End Rule: Experiência memorável
  - Zeigarnik Effect: Tarefas incompletas
  - Von Restorff Effect: Elementos destacados