);
};
// Trial de demonstração pro estado "upload-trial" do atalho de protótipo —
// simula uma conta nova que já bateu o limite (3 sessões OU 3 dias, o que vier primeiro).
const DEMO_EXHAUSTED_TRIAL = { active: true, started_at: new Date(Date.now() - 3 * 86400000).toISOString(), sessions_used: 3 };
// Rota pública do portal (/portal/:slug, via rewrite em next.config.ts) — não
// passa por login. Detectada no boot, antes de qualquer checagem de sessão.
const PUBLIC_PORTAL_MATCH = typeof window !== 'undefined' ? window.location.pathname.match(/^\/portal\/([^/]+)/) : null;
// O atalho de telas é ferramenta de revisão, não parte do produto: só aparece
// com ?proto=1 na URL. Sem isso, quem entra vê só o app.
const PROTO_NAV = typeof window !== 'undefined' && new URLSearchParams(window.location.search).get('proto') === '1';
const AppInner = () => {
const [screen, setScreen] = React.useState(PUBLIC_PORTAL_MATCH ? 'portal-public' : 'landing');
const [currentSession, setCurrentSession] = React.useState(null);
const [drawerOpen, setDrawerOpen] = React.useState(false);
const [booting, setBooting] = React.useState(!PUBLIC_PORTAL_MATCH);
const [authUser, setAuthUser] = React.useState(null);
const [openingSession, setOpeningSession] = React.useState(false);
// Cadastro com verificação: e-mail pra onde o link foi, e o aviso de volta do link.
const [pendingEmail, setPendingEmail] = React.useState(null);
const [emailConfirmado] = React.useState(
() => typeof window !== 'undefined' && new URLSearchParams(window.location.search).get('confirmado') === '1',
);
// Upload → motor real (Bloco 3): payload pendente + estado da extração em curso.
const [pendingUpload, setPendingUpload] = React.useState(null);
const [extractStatus, setExtractStatus] = React.useState('idle'); // idle | running | done | error
const [extractError, setExtractError] = React.useState(null);
const [extractResult, setExtractResult] = React.useState(null);
const [extractRetryable, setExtractRetryable] = React.useState(false);
// O que foi enviado na tentativa que falhou — volta preenchido em Nova sessão.
const [uploadDraft, setUploadDraft] = React.useState(null);
// Estados de variação/erro. O atalho de protótipo entra por telas dedicadas
// (ex: 'consulentes-empty') e a gente traduz aqui pro par tela+estado.
const consulentesVariant = 'cards';
const consulentesState =
screen === 'consulentes-empty' ? 'empty' :
screen === 'consulentes-error' ? 'error' : 'data';
const analyticsVariant = 'cockpit';
const analyticsState = screen === 'analytics-empty' ? 'empty' : 'data';
const emptyVariant = 'guided';
const quotaExceeded = screen === 'upload-quota';
const trialStatus = screen === 'upload-trial' ? getTrialStatus(DEMO_EXHAUSTED_TRIAL) : null;
const processingError = screen === 'processing-error';
const billingError = screen === 'settings-billing';
const publishError = screen === 'editor-error';
// Tela "canônica" (o estado 'consulentes-error' renderiza a tela 'consulentes').
const canonical =
screen.startsWith('consulentes') ? 'consulentes' :
screen.startsWith('analytics') ? 'analytics' :
screen === 'settings-billing' ? 'settings' :
screen === 'processing-error' ? 'processing' :
screen === 'editor-error' ? 'editor' :
screen === 'upload-quota' ? 'upload' :
screen === 'upload-trial' ? 'upload' :
screen;
const { theme } = useTheme();
const go = (s, session = null) => {
if (session !== null) setCurrentSession(session);
// Entrar em 'upload' começa um formulário limpo. A exceção é voltar de uma
// falha no processamento: `backToUploadWithDraft` repõe o texto logo depois.
if (s === 'upload') {
setPendingUpload(null);
setExtractStatus('idle');
setExtractError(null);
setExtractResult(null);
setUploadDraft(null);
}
setScreen(s);
setDrawerOpen(false);
window.scrollTo(0, 0);
};
// Falha no motor: volta pra Nova sessão com o que foi enviado, sem obrigar a
// colar (ou transcrever) de novo.
const backToUploadWithDraft = () => {
const draft = pendingUpload;
go('upload');
setUploadDraft(draft);
};
// "Tentar de novo" com o mesmo payload: objeto novo re-dispara o efeito de extração.
const retryExtract = () => {
if (!pendingUpload) return;
setExtractStatus('idle');
setExtractError(null);
setPendingUpload({ ...pendingUpload });
};
// Abrir uma sessão a partir de Dashboard/Consulentes: essas telas só têm a
// linha enxuta da lista (sem `leitura`/`transcript`), então busca o registro
// completo antes de navegar — sem isso o Editor cairia em "modo revisão"
// (mock) por um instante, achando que não tinha sessão real (ver EditorScreen).
const openSession = async (row) => {
setOpeningSession(true);
try {
const res = await fetch(`/api/leituras/${row.id}`);
const data = await res.json().catch(() => ({}));
if (!res.ok || !data.leitura) throw new Error(data.error || 'Não foi possível abrir a sessão.');
go('editor', data.leitura);
} catch (err) {
window.alert(err.message || 'Falha de rede ao abrir a sessão.');
} finally {
setOpeningSession(false);
}
};
// "Ver portal" a partir de Dashboard/Consulentes — mesma lógica: precisa do
// registro completo (a leitura em si) pra prévia renderizar algo de verdade.
const openPortalPreview = async (row) => {
setOpeningSession(true);
try {
const res = await fetch(`/api/leituras/${row.id}`);
const data = await res.json().catch(() => ({}));
if (!res.ok || !data.leitura) throw new Error(data.error || 'Não foi possível abrir o portal.');
go('portal', data.leitura);
} catch (err) {
window.alert(err.message || 'Falha de rede ao abrir o portal.');
} finally {
setOpeningSession(false);
}
};
// Publicar de verdade: POST /api/leituras/[id]/publish grava status='published'
// + gera o public_slug (idempotente — publicar de novo mantém o mesmo slug).
// Não navega sozinho: devolve o registro pro PublishModal mostrar o link real
// e a astróloga copiar antes de sair da tela (ver PublishModal, orbita-editor.jsx).
const publishSession = async () => {
if (!currentSession?.id) {
throw new Error('Esta sessão ainda não foi salva — não é possível publicar.');
}
const res = await fetch(`/api/leituras/${currentSession.id}/publish`, { method: 'POST' });
const data = await res.json().catch(() => ({}));
if (!res.ok || !data.leitura) throw new Error(data.error || 'Não foi possível publicar.');
setCurrentSession(data.leitura);
return data.leitura;
};
// Logout de verdade — revoga a sessão no Supabase e limpa o cookie httpOnly.
React.useEffect(() => {
window.__ORBITA_LOGOUT__ = async () => {
try { await fetch('/api/auth/logout', { method: 'POST' }); } catch {}
setAuthUser(null);
setCurrentSession(null);
setPendingUpload(null);
setExtractStatus('idle');
setExtractResult(null);
setUploadDraft(null);
go('login');
};
}, []);
// Bootstrap: pergunta ao servidor se já existe sessão válida (cookie httpOnly)
// antes de decidir entre tela de login e o app — evita piscar uma ou outra.
// Pulado por completo no portal público: a consulente nunca faz login.
React.useEffect(() => {
if (PUBLIC_PORTAL_MATCH) return;
let cancelled = false;
fetch('/api/auth/session')
.then(res => res.json())
.then(data => {
if (cancelled) return;
if (data?.user) { setAuthUser(data.user); setScreen('dashboard'); }
// Volta do link de confirmação: cai no login, não na landing.
else if (emailConfirmado) setScreen('login');
})
.catch(() => {})
.finally(() => { if (!cancelled) setBooting(false); });
return () => { cancelled = true; };
}, []);
// Upload → /api/extract: dispara quando entra em 'processing' com um payload
// pendente. `pendingUpload` é limpo ao sair da tela pra não re-disparar.
React.useEffect(() => {
if (canonical !== 'processing' || !pendingUpload || extractStatus !== 'idle') return;
let cancelled = false;
setExtractStatus('running');
setExtractError(null);
fetch('/api/extract', {
method: 'POST',
headers: { 'Content-Type': 'application/json' },
body: JSON.stringify(pendingUpload),
})
.then(async res => {
const data = await res.json().catch(() => ({}));
if (cancelled) return;
if (!res.ok || data.error) {
setExtractError(data.error || `Erro ${res.status} ao processar a sessão.`);
// A API diz quando repetir com o mesmo texto tem chance (instabilidade,
// formato inválido); limite de uso, chave ou texto curto não têm.
setExtractRetryable(data.retryable === true);
setExtractStatus('error');
return;
}
setExtractResult({
id: data.id ?? null,
save_error: data.save_error ?? null,
leitura: data.leitura,
usage: data.usage,
transcript: pendingUpload.transcript,
consulente: pendingUpload.consulente,
consulente_id: pendingUpload.consulente_id ?? null,
year_start: pendingUpload.year_start ?? null,
});
setExtractStatus('done');
})
.catch(err => {
if (cancelled) return;
setExtractError(err?.message || 'Falha de rede ao processar a sessão.');
setExtractRetryable(true);
setExtractStatus('error');
});
return () => { cancelled = true; };
// extractStatus fica de fora do dep array de propósito: setExtractStatus('running')
// acima dispararia um re-run imediato que cancelaria o próprio fetch em voo
// (a limpeza do run anterior marcaria `cancelled = true` antes do .then rodar).
}, [canonical, pendingUpload]);
// Enquanto decide entre login e app (checagem de sessão em voo), não renderiza
// nenhum dos dois — evita piscar a tela errada por uma fração de segundo.
if (booting) {
return
;
}
const renderScreen = () => {
switch (canonical) {
case 'landing':
return go('login')} onSignup={() => go('signup')} />;
case 'login':
return (
{ setAuthUser(user); go('dashboard'); }}
onGoSignup={() => go('signup')}
/>
);
case 'signup':
// O cadastro cria a conta não confirmada e manda o link por e-mail (ver
// app/api/auth/signup/route.ts). Sem sessão até a confirmação: daqui vai
// pra tela de "confirme seu e-mail", não pro onboarding.
return (
{
if (r?.pendente) { setPendingEmail(r.email); go('verify-email'); return; }
setAuthUser(r); go('onboarding');
}}
onBack={() => go('login')}
/>
);
case 'verify-email':
return go('login')} />;
case 'onboarding':
return (
go('empty')}
onGoUpload={() => go('upload')}
onGoEditor={() => go('editor', window.ORBITA_DATA.sessions[0])}
/>
);
case 'dashboard':
return (
go('upload')}
onOpenSession={openSession}
onOpenPortal={openPortalPreview}
onOpenSettings={() => go('settings')}
onOpenAnalytics={() => go('analytics')}
onOpenConsulentes={() => go('consulentes')}
/>
);
case 'empty':
return (
go('upload')}
onAddConsulente={() => go('consulentes')}
onOpenSettings={() => go('settings')}
onOpenDemo={() => go('editor', window.ORBITA_DATA.sessions[0])}
/>
);
case 'consulentes':
return (
go('upload')}
onOpenSettings={() => go('settings')}
/>
);
case 'analytics':
return (
go('upload')}
onOpenSettings={() => go('settings')}
/>
);
case 'upload':
return (
go('dashboard')}
onSubmit={(payload) => { setPendingUpload(payload); go('processing'); }}
quotaExceeded={quotaExceeded}
trialStatus={trialStatus}
onUpgrade={() => go('settings')}
/>
);
case 'processing':
return (
go('editor', extractResult)}
onRetry={!forcedProcessingError && extractRetryable ? retryExtract : null}
onBackToUpload={forcedProcessingError ? () => go('upload') : backToUploadWithDraft}
/>
);
case 'editor':
return (
go('dashboard')}
onPreview={() => go('portal', currentSession)}
onPublish={publishSession}
onGoToPortal={() => go('portal', currentSession)}
publishError={publishError}
/>
);
case 'portal':
return go('dashboard')} previewMode session={currentSession} />;
case 'portal-public':
return go('login')} publicEntry slug={PUBLIC_PORTAL_MATCH?.[1]} />;
case 'settings':
return ;
default:
return go('dashboard')} onGoSignup={() => go('signup')} />;
}
};
const isShell = SHELL_SCREENS.has(canonical);
const activeNav = NAV_FOR_SCREEN[canonical] || null;
return (
)}
{/* Só com ?proto=1, e nunca no link público do consulente — ele não pode ver as telas mock de outras contas (P0-4). */}
{PROTO_NAV && !PUBLIC_PORTAL_MATCH && screen !== 'portal-public' && }