setSidebarOpen(false)}
/>
)}
);
}
/* =========================================================
TOPBAR
========================================================= */
function Topbar({ setSidebarOpen, view, activeStory, apiConfigurada }) {
const titulos = {
painel: 'Painel Imperial',
gaveta: activeStory ? activeStory.titulo : 'Gaveta Literária',
forjar: 'Forjar História',
config: 'Configurações',
};
const titulo = titulos[view] || (SIDEBAR_ITEMS.find((i) => i.id === view) || {}).label || '';
return (
);
}
/* =========================================================
PAINEL IMPERIAL (DASHBOARD)
========================================================= */
function PainelImperial({ stats, stories, setView, setActiveStoryId }) {
const recentes = useMemo(
() => [...stories].sort((a, b) => new Date(b.atualizadoEm) - new Date(a.atualizadoEm)).slice(0, 3),
[stories]
);
const cards = [
{ label: 'Histórias Ativas', valor: stats.historiasAtivas },
{ label: 'Capítulos Gerados', valor: stats.capitulosGerados },
{ label: 'Palavras Escritas', valor: stats.palavrasEscritas.toLocaleString('pt-BR') },
{ label: 'Progresso Médio', valor: stats.progressoMedio + '%' },
];
return (
Bem-vindo ao seu Império Literário
Cada história forjada aqui é registrada, versionada e mantida com consistência absoluta.
HISTÓRIAS RECENTES
{recentes.length === 0 ? (
Sua gaveta está vazia. Forje sua primeira história para começar.
) : (
{recentes.map((s) => (
))}
)}
MÓDULOS DA PLATAFORMA
{SIDEBAR_ITEMS.filter((i) => i.id !== 'config').map((item) => {
const Icon = item.icon;
return (
{item.label}
{item.active ? 'Ativo' : 'Em Breve'}
);
})}
);
}
/* =========================================================
GAVETA LITERÁRIA
========================================================= */
function GavetaLiteraria({ stories, setActiveStoryId, setView, excluirHistoria }) {
const [confirmarExclusao, setConfirmarExclusao] = useState(null);
if (stories.length === 0) {
return (
Sua gaveta está vazia
Toda grande saga começa com uma faísca. Forje sua primeira história e ela viverá aqui para sempre.
);
}
return (
{stories.map((s) => {
const progresso = (s.capitulos.length / s.capitulosTotais) * 100;
const status = STATUS_INFO[s.status] || STATUS_INFO['em-andamento'];
const palavras = s.capitulos.reduce((acc, c) => acc + contarPalavras(c.conteudo), 0);
return (
{status.label}
{s.titulo}
{s.genero}
{formatarData(s.atualizadoEm)}
{s.sinopse}
{s.capitulos.length} / {s.capitulosTotais} capítulos
{palavras.toLocaleString('pt-BR')} palavras
{confirmarExclusao === s.id ? (
<>
) : (
)}
);
})}
);
}
/* =========================================================
LEITOR DE HISTÓRIA
========================================================= */
function LeitorHistoria({ story, setActiveStoryId, atualizarHistoria, apiKey }) {
const [gerando, setGerando] = useState(false);
const [erro, setErro] = useState('');
const [vozDoAutor, setVozDoAutor] = useState(story.vozDoAutor || '');
const [capituloAberto, setCapituloAberto] = useState(story.capitulos.length ? story.capitulos.length - 1 : null);
const [verificando, setVerificando] = useState(false);
const [consistencia, setConsistencia] = useState(null);
const [mundoAvancado, setMundoAvancado] = useState(story.mundoAvancado || camposImperioVazios());
const [mundoAberto, setMundoAberto] = useState(false);
const proximo = story.capitulos.length + 1;
const concluida = story.capitulos.length >= story.capitulosTotais;
const palavras = story.capitulos.reduce((acc, c) => acc + contarPalavras(c.conteudo), 0);
const memoria = story.memoria || MEMORIA_VAZIA;
const totalMemoria = MEMORIA_CATEGORIAS.reduce((acc, cat) => acc + (memoria[cat.chave] || []).length, 0);
async function handleGerar() {
if (!apiKey) { setErro('Configure sua chave API em Configurações antes de gerar capítulos.'); return; }
setErro('');
setConsistencia(null);
setGerando(true);
try {
const userPrompt = montarPromptCapitulo({ ...story, vozDoAutor, mundoAvancado }, proximo);
const resposta = await gerarCapitulo({
apiKey,
systemPrompt: NUCLEO_ESCRITORA_SUPREMA,
userPrompt,
maxPalavras: story.palavrasPorCapitulo,
});
const { titulo, conteudo } = interpretarRespostaCapitulo(resposta, proximo);
const novoCapitulo = { numero: proximo, titulo, conteudo, geradoEm: new Date().toISOString() };
const novosCapitulos = [...story.capitulos, novoCapitulo];
// Memória Viva: extração best-effort - não bloqueia o capítulo caso falhe
let novaMemoria = story.memoria || MEMORIA_VAZIA;
try {
novaMemoria = await extrairMemoria({ apiKey, story: { ...story, capitulos: novosCapitulos }, capitulo: novoCapitulo });
} catch (memErr) { /* memória é best-effort */ }
atualizarHistoria(story.id, {
capitulos: novosCapitulos,
memoria: novaMemoria,
vozDoAutor,
mundoAvancado,
status: novosCapitulos.length >= story.capitulosTotais ? 'concluida' : story.status,
atualizadoEm: new Date().toISOString(),
});
setCapituloAberto(novosCapitulos.length - 1);
} catch (e) {
setErro(e.message || 'Falha ao gerar capítulo.');
} finally {
setGerando(false);
}
}
async function handleVerificarConsistencia() {
if (!apiKey) { setErro('Configure sua chave API em Configurações para usar a verificação de consistência.'); return; }
setErro('');
setVerificando(true);
try {
const resultado = await verificarConsistencia({ apiKey, story });
setConsistencia(resultado);
} catch (e) {
setErro(e.message || 'Falha ao verificar consistência.');
} finally {
setVerificando(false);
}
}
function alternarPausa() {
atualizarHistoria(story.id, {
status: story.status === 'pausada' ? 'em-andamento' : 'pausada',
atualizadoEm: new Date().toISOString(),
});
}
return (
{story.genero}
{story.pov}
{story.tom}
{(STATUS_INFO[story.status] || STATUS_INFO['em-andamento']).label}
{story.titulo}
{story.sinopse}
Capítulos: {story.capitulos.length} / {story.capitulosTotais}
Palavras: {palavras.toLocaleString('pt-BR')}
Criada em: {formatarData(story.criadoEm)}
VOZ DO AUTOR (instruções absolutas para a IA)