// Órbita — Consulentes (lista + perfil) com 2 variações e estados completos
const { useState: useStateC, useMemo: useMemoC } = React;
// ── helpers ─────────────────────────────────────────────────
const fmtDate = (iso) => {
if (!iso) return '—';
const d = new Date(iso);
return d.toLocaleDateString('pt-BR', { day: '2-digit', month: 'short', year: 'numeric' });
};
const fmtRelative = (iso) => {
if (!iso) return '—';
const ms = Date.now() - new Date(iso).getTime();
const h = Math.floor(ms / 36e5);
if (h < 1) return 'agora';
if (h < 24) return `${h} h atrás`;
const d = Math.floor(h / 24);
if (d < 7) return `${d} d atrás`;
if (d < 30) return `${Math.floor(d/7)} sem atrás`;
return `${Math.floor(d/30)} m atrás`;
};
const ageFromIso = (iso) => {
const b = new Date(iso); const now = new Date();
let a = now.getFullYear() - b.getFullYear();
const m = now.getMonth() - b.getMonth();
if (m < 0 || (m === 0 && now.getDate() < b.getDate())) a--;
return a;
};
const zodiacOf = (iso) => {
const d = new Date(iso); const m = d.getMonth() + 1; const day = d.getDate();
const list = [
[1,20,'Capricórnio'],[2,19,'Aquário'],[3,21,'Peixes'],[4,20,'Áries'],
[5,21,'Touro'],[6,21,'Gêmeos'],[7,23,'Câncer'],[8,23,'Leão'],
[9,23,'Virgem'],[10,23,'Libra'],[11,22,'Escorpião'],[12,22,'Sagitário'],
[12,31,'Capricórnio'],
];
for (const [mm, dd, sign] of list) if (m < mm || (m === mm && day <= dd)) return sign;
return 'Capricórnio';
};
// ── topo contextual das telas do app (SHELL) ────────────────
// Sem logo e sem "voltar": a barra lateral é a navegação. Só título + ações + menu
// do usuário. Deixa folga à esquerda no mobile pro botão de menu flutuante.
const ScreenHeader = ({ title, action, onOpenSettings }) => {
const { theme } = useTheme();
const { astrologer } = window.ORBITA_DATA;
return (
{title}
{action}
);
};
// ── ConsulentesScreen ───────────────────────────────────────
const ConsulentesScreen = ({ onOpenSession, onNewSession, onOpenSettings, state = 'data', variant = 'cards' }) => {
const { theme } = useTheme();
const [allConsulentes, setAllConsulentes] = useStateC([]);
const [localState, setLocalState] = useStateC(state === 'data' ? 'loading' : state);
// `state !== 'data'` só acontece vindo do atalho de protótipo ("Consulentes ·
// vazio"/"· erro", ver PROTO_SCREENS em orbita-app.jsx) — força o estado de
// revisão visual sem bater na API. Na navegação real (`state === 'data'`),
// busca a lista de verdade em GET /api/consulentes (já vem enriquecida com
// sessions_count/check_ins/engagement — ver app/api/consulentes/route.ts).
const loadConsulentes = React.useCallback(() => {
if (state !== 'data') { setLocalState(state); return; }
setLocalState('loading');
fetch('/api/consulentes')
.then(res => res.json().catch(() => ({})).then(data => { if (!res.ok) throw new Error(data.error || 'Falha ao carregar.'); return data; }))
.then(data => {
const list = (data.consulentes || []).map(c => ({ ...c, tags: c.tags || [] }));
setAllConsulentes(list);
setLocalState(list.length === 0 ? 'empty' : 'data');
})
.catch(() => setLocalState('error'));
}, [state]);
React.useEffect(() => { loadConsulentes(); }, [loadConsulentes]);
const consulentes = localState === 'empty' ? [] : allConsulentes;
// Card ↔ tabela: toggle de verdade (antes era só indicador do painel de Tweaks).
const [view, setView] = useStateC(variant);
const [query, setQuery] = useStateC('');
const [tag, setTag] = useStateC('all');
const [sign, setSign] = useStateC('all');
const [sel, setSel] = useStateC(null); // selected consulente id
const [sortBy, setSortBy] = useStateC('recent');
const [showAddModal, setShowAddModal] = useStateC(false);
const retry = loadConsulentes;
// Otimista: atualiza a UI na hora, persiste em paralelo. Falha aqui é
// silenciosa de propósito — pior caso, a tag some no próximo reload.
const addTag = (consulenteId, newTag) => {
const target = allConsulentes.find(c => c.id === consulenteId);
if (!target || target.tags.includes(newTag)) return;
const nextTags = [...target.tags, newTag];
setAllConsulentes(prev => prev.map(c => c.id === consulenteId ? { ...c, tags: nextTags } : c));
fetch(`/api/consulentes/${consulenteId}`, {
method: 'PATCH',
headers: { 'Content-Type': 'application/json' },
body: JSON.stringify({ tags: nextTags }),
}).catch(() => {});
};
const allTags = useMemoC(() => {
const set = new Set();
consulentes.forEach(c => c.tags.forEach(t => set.add(t)));
return Array.from(set).sort();
}, [consulentes]);
const filtered = useMemoC(() => {
let out = consulentes.filter(c => {
const q = query.toLowerCase().trim();
if (q && !c.name.toLowerCase().includes(q) && !c.email.toLowerCase().includes(q)) return false;
if (tag !== 'all' && !c.tags.includes(tag)) return false;
if (sign !== 'all' && zodiacOf(c.birth_date) !== sign) return false;
return true;
});
if (sortBy === 'recent') out.sort((a,b) => new Date(b.last_active) - new Date(a.last_active));
if (sortBy === 'engagement') out.sort((a,b) => b.engagement - a.engagement);
if (sortBy === 'name') out.sort((a,b) => a.name.localeCompare(b.name));
return out;
}, [consulentes, query, tag, sign, sortBy]);
const selected = sel ? consulentes.find(c => c.id === sel) : null;
return (
setShowAddModal(true)}>
Novo consulente
)
} />
{/* Title row */}
Sua base
Consulentes
{localState === 'data' && (
{filtered.length} de {consulentes.length} mostrados {consulentes.filter(c => c.engagement > 0.7).length} com engajamento alto