);
};
const VisionLogo = ({ size = 38 }) => (
);
/* ============================================================
SEED DATA — para modo local (sem API_BASE)
============================================================ */
const DEMO_USUARIOS = [
{
id: 'demo-gestor',
nome: 'Rodrigo Godoy (DEMO)',
email: 'gestor@demo.solarpro',
senha: 'demo123',
role: 'gestor_usina',
avatar: 'RG',
usina_gerenciada_id: 'U023',
},
{
id: 'demo-benef',
nome: 'Cliente Beneficiário (DEMO)',
email: 'cliente@demo.solarpro',
senha: 'demo123',
role: 'beneficiario',
avatar: 'CB',
cliente_id: 'C0001',
},
];
const DEMO_USINA = {
id: 'U023',
nome: 'Usina Rodrigo Godoy',
responsavel: 'Rodrigo Godoy',
cidade: 'Inhumas',
estado: 'GO',
capacidade_kwp: 517.0,
geracao_kwh: 67216.1,
mes_referencia: '2025-02',
status: 'ativa',
tarifa_kwh: 0.92,
data_inicio: '2024-01-15',
};
const DEMO_BENEFICIARIO = {
id: 'C0001',
nome: 'Cliente Beneficiário (DEMO)',
uc: '10000000001',
cidade: 'Goiânia',
estado: 'GO',
email: 'cliente@demo.solarpro',
status: 'ativo',
status_tramite: 'rateio_concluido',
data_cadastro: '2024-03-15',
data_aprovacao: '2024-04-02',
data_entrada_rateio: '2024-05-10',
usina_id: 'U023',
usina_nome: 'Usina Rodrigo Godoy',
percentual_rateio: 8.5,
consumo_medio_kwh: 1200,
desconto_pct: 18,
};
/* Gera 12 meses de dados para gráficos demo */
function gerarHistorico12Meses(base, variabilidade) {
if (variabilidade == null) variabilidade = 0.15;
const meses = [];
const hoje = new Date();
for (let i = 11; i >= 0; i--) {
const d = new Date(hoje.getFullYear(), hoje.getMonth() - i, 1);
const m = d.getFullYear() + '-' + String(d.getMonth() + 1).padStart(2, '0');
const factor = 1 + (Math.sin(i * 0.7) * variabilidade);
meses.push({
mes: m,
label: fmtMes(m),
geracao: Math.round(base * factor),
consumo: Math.round(base * factor * 0.92),
credito: Math.round(base * factor * 0.88),
saldo: Math.round(base * factor * 0.05),
});
}
return meses;
}
/* ============================================================
LOGIN SCREEN — design dedicado do Vision
============================================================ */
function LoginScreen({ onLogin }) {
const [email, setEmail] = useState('');
const [senha, setSenha] = useState('');
const [showSenha, setShowSenha] = useState(false);
const [error, setError] = useState('');
const [loading, setLoading] = useState(false);
const [showForgot, setShowForgot] = useState(false);
const [forgotEmail, setForgotEmail] = useState('');
const [forgotSent, setForgotSent] = useState(false);
const handleSubmit = async (e) => {
if (e) e.preventDefault();
setError('');
if (!email.trim() || !senha) { setError('Informe e-mail e senha.'); return; }
setLoading(true);
/* MODO DEMO */
if (!API_BASE) {
const u = DEMO_USUARIOS.find(x => x.email === email.trim().toLowerCase() && x.senha === senha);
if (u) {
const userPub = { ...u };
delete userPub.senha;
setLoading(false);
onLogin(userPub);
return;
}
setLoading(false);
setError('Modo DEMO ativo. Use os logins de demonstração abaixo, ou configure API_BASE no solarprovision.html para autenticar via Baserow.');
return;
}
try {
const res = await api.login({ email: email.trim(), senha });
if (res && res.user) {
const u = { ...res.user, role: normalizeRole(res.user.role) };
if (!isVisionRole(u.role)) {
setError('Este e-mail pertence ao painel administrativo (Solar Pro System). Acesse pelo endereço index.html.');
setLoading(false);
return;
}
if (u.role === 'gestor_usina' && !u.usina_gerenciada_id) {
setError('Seu usuário ainda não está vinculado a nenhuma usina. Solicite ao administrador.');
setLoading(false);
return;
}
if (u.role === 'beneficiario' && !u.cliente_id) {
setError('Seu usuário ainda não está vinculado a um cliente. Solicite ao administrador.');
setLoading(false);
return;
}
onLogin(u);
} else {
setError('Credenciais inválidas. Verifique e tente novamente.');
}
} catch (err) {
const msg = err.message || '';
if (msg.includes('401')) setError('E-mail ou senha incorretos.');
else if (msg.includes('403')) setError('Usuário inativo. Contate o administrador.');
else if (msg.toLowerCase().includes('failed to fetch')) setError('Não foi possível conectar ao servidor. Verifique sua internet.');
else setError(msg || 'Falha desconhecida.');
} finally { setLoading(false); }
};
const handleForgot = async (e) => {
if (e) e.preventDefault();
if (!forgotEmail || !forgotEmail.includes('@')) return;
if (API_BASE) { try { await api.forgot(forgotEmail.trim()); } catch {} }
setForgotSent(true);
setTimeout(() => { setShowForgot(false); setForgotSent(false); setForgotEmail(''); }, 3500);
};
return (
{/* Coluna esquerda: branding */}
SolarProVision
Painel de Acompanhamento
Acompanhe sua energia solar em tempo real
Painel exclusivo para gestores de usinas e beneficiários do rateio.
Veja produção mensal, créditos transferidos, saldo acumulado, gráficos
e o andamento do seu cadastro — tudo num só lugar.
Gestor da Usina
Geração, créditos enviados, lista de beneficiários e relatórios mensais.
Beneficiário
Consumo, créditos recebidos, saldo, gráficos pessoais e trâmites.
);
}
/* ============================================================
PAINEL DO GESTOR — quem é dono da usina
============================================================ */
function GestorPainel({ user, dados }) {
const [aba, setAba] = useState('geral');
if (!dados || !dados.usina) {
return (
Usina não encontrada
O administrador precisa vincular sua conta a uma usina ativa.
Os relatórios são gerados pela equipe operacional no Solar Pro System e enviados a você por e-mail/WhatsApp quando concluídos.
)}
);
}
/* ============================================================
PAINEL DO BENEFICIÁRIO — cliente com desconto na conta
============================================================ */
function BeneficiarioPainel({ user, dados }) {
if (!dados || !dados.cliente) {
return (
Cadastro não encontrado
O administrador precisa vincular sua conta a um cliente cadastrado.