Galaticos-API · DanielDPereira · Sep 17, 2026 · Sep 17, 2026
diff --git a/figma-import/01-wireframes.html b/figma-import/01-wireframes.html
@@ -0,0 +1,15 @@
+<!doctype html>
+<script src="https://mcp.figma.com/mcp/html-to-design/capture.js" async></script>
+<style>body{background:#0b0d10;color:#e5e7eb;font-family:Inter,Arial,sans-serif}.cover{background:#0b0d10;color:#fff}.cover p,.muted{color:#a6aab3}.frame{background:#111827;color:#e5e7eb;border-color:#171a21}.frame:before{color:#a6aab3}.top,.sidebar,.card,.input,.panel,.empty,.step,.scenario{background:#171a21;border-color:rgba(196,199,204,.22);color:#e5e7eb}.sidebar{background:#0b0d10}.button.dark{background:linear-gradient(135deg,#f1885b,#ed6a32);color:#16181d;border-color:transparent}.button{border-color:rgba(196,199,204,.22)}h1,h2,h3{font-family:'Public Sans',Inter,Arial,sans-serif}.label{color:#a6aab3}.error{border-color:#f0635d;color:#f0635d}.scenario{border-left-color:#ed6a32}</style>
+<html lang="pt-BR"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Sinapse — Wireframes Sprint 1</title>
+<style>
+*{box-sizing:border-box}body{margin:0;background:#181818;color:#eee;font:14px/1.4 Arial,sans-serif}.cover{padding:36px 52px;background:#fff;color:#111}.cover h1{margin:0;font-size:30px}.cover p{max-width:760px;color:#555}.canvas{padding:40px;display:grid;gap:44px}.frame{width:1440px;min-height:820px;background:#f6f6f6;color:#222;border:10px solid #343434;position:relative;padding:74px 60px 48px}.frame:before{content:attr(data-name);position:absolute;top:-34px;left:0;color:#eee;font-size:15px;font-weight:bold}.top{height:44px;border:2px solid #222;display:flex;align-items:center;justify-content:space-between;padding:0 14px;margin:-20px -20px 32px}.brand{font-weight:bold;letter-spacing:1px}.sidebar{position:absolute;top:100px;bottom:48px;left:60px;width:190px;border:2px solid #222;padding:18px}.sidebar div{padding:10px 0;border-bottom:1px solid #aaa}.main{margin-left:230px}.row{display:flex;gap:20px}.card{border:2px solid #222;background:#fff;padding:18px;min-height:110px}.wide{flex:1}.two>*{width:50%}.label{font-size:12px;font-weight:bold;letter-spacing:.06em}.line{height:12px;background:#bbb;margin:10px 0}.line.s{width:48%}.line.m{width:72%}.input{height:42px;border:2px solid #222;background:#fff;margin:8px 0 16px;padding:10px}.button{display:inline-block;padding:10px 20px;border:2px solid #222;background:#ddd;font-weight:bold}.button.dark{background:#222;color:#fff}.empty{padding:90px 0;text-align:center;border:2px dashed #555}.crumb{font-size:12px;margin-bottom:18px}.step{border:2px solid #222;padding:16px;background:white;flex:1;text-align:center}.arrow{font-size:30px;align-self:center}.scenario{border-left:5px solid #222;background:#fff;padding:14px;margin-top:12px}.muted{color:#777}.error{border-color:#a22;color:#a22}.panel{border:2px solid #222;padding:16px;background:#fff}.tag{border:1px solid #222;padding:3px 8px;display:inline-block;font-size:12px}
+</style></head><body>
+<section class="cover"><h1>Sinapse · Wireframes Sprint 1</h1><p>Baixa fidelidade do fluxo solicitado no PRE-05. As pranchas testam estrutura, campos obrigatórios, estados e hierarquia antes de aplicar o sistema visual.</p><p><b>Fluxo:</b> Login → Projetos → Novo projeto → Projeto → Épico → Feature → PBI.</p></section>
+<main class="canvas">
+<section class="frame" data-name="01 · Login"><div style="width:420px;margin:110px auto" class="card"><div class="label">SINAPSE</div><h1>Entrar na área interna</h1><p class="muted">Acesse a memória institucional da equipe.</p><div class="label">E-MAIL</div><div class="input"></div><div class="label">SENHA</div><div class="input"></div><span class="button dark">Entrar →</span><p class="muted">Após autenticação, retornar à página solicitada.</p></div></section>
+<section class="frame" data-name="02 · Projetos / vazio"><div class="top"><span class="brand">SINAPSE</span><span>Busca · Notificações · Perfil</span></div><aside class="sidebar"><div>Projetos</div><div>Itens de trabalho</div><div>Conhecimento</div><div>Configurações</div></aside><div class="main"><div class="row"><div class="wide"><div class="label">ORGANIZAÇÃO DO TRABALHO</div><h1>Projetos</h1></div><span class="button dark">+ Novo projeto</span></div><div class="empty"><h2>Nenhum projeto cadastrado</h2><p class="muted">Crie o primeiro projeto para organizar épicos e conhecimento.</p><span class="button">Criar primeiro projeto</span></div></div></section>
+<section class="frame" data-name="03 · Cadastro / estados"><div class="top"><span class="brand">SINAPSE</span><span>Projetos / Novo projeto</span></div><div style="width:720px;margin:auto"><h1>Criar projeto</h1><p class="muted">Nome e cliente são obrigatórios. O cadastro válido abre o detalhe do projeto.</p><div class="row two"><div><div class="label">NOME DO PROJETO *</div><div class="input">Portal do Cliente</div></div><div><div class="label">CLIENTE *</div><div class="input">PRO4TECH</div></div></div><div class="label">DESCRIÇÃO</div><div class="input" style="height:90px">Centralizar especificações e decisões do cliente.</div><span class="button dark">Criar projeto</span> <span class="button">Cancelar</span><hr><div class="row"><div class="panel wide"><b>Inválido</b><div class="input error">Nome do projeto</div><span class="error">Informe o nome do projeto.</span></div><div class="panel wide"><b>Carregando</b><p>○ Criando projeto…</p><span class="button">Criando…</span></div><div class="panel wide"><b>Erro</b><p class="error">Este nome já está em uso por um projeto ativo.</p><span class="button">Tentar novamente</span></div></div></div></section>
+<section class="frame" data-name="04 · Hierarquia"><div class="top"><span class="brand">SINAPSE</span><span>Projetos / Portal do Cliente</span></div><div class="crumb">Projetos › Portal do Cliente</div><h1>Portal do Cliente</h1><div class="row" style="margin-top:55px"><div class="step"><b>Projeto</b><p>Contexto do cliente</p></div><span class="arrow">→</span><div class="step"><b>Épico</b><p>Iniciativa ampla</p></div><span class="arrow">→</span><div class="step"><b>Feature</b><p>Capacidade específica</p></div><span class="arrow">→</span><div class="step"><b>PBI</b><p>Comportamento testável</p></div></div><div class="row" style="margin-top:35px"><div class="card wide"><span class="tag">ÉPICO · RASCUNHO</span><h2>Gestão de solicitações</h2><div class="line"></div><div class="line m"></div><span class="button">Abrir épico</span></div><div class="card wide"><b>Regra de navegação</b><p>Épico é criado no projeto; feature exige épico; PBI exige feature.</p></div></div></section>
+<section class="frame" data-name="05 · PBI / critérios"><div class="top"><span class="brand">SINAPSE</span><span>Salvar rascunho · Concluir</span></div><div class="crumb">Projeto › Épico › Feature › <b>PBI-024</b></div><div class="row"><div class="wide"><span class="tag">RASCUNHO</span><h1>Registrar solicitação</h1><div class="row two"><div><div class="label">COMO UM *</div><div class="input">Product Owner</div></div><div><div class="label">EU QUERO *</div><div class="input">registrar uma solicitação</div></div></div><div class="label">PARA QUE *</div><div class="input">a equipe possa priorizá-la.</div><h2>Critérios de aceitação</h2><div class="scenario"><b>01 · Criar solicitação válida</b><p>DADO que ...</p><p>QUANDO que ...</p><p>ENTÃO que ...</p></div><span class="button">+ Adicionar cenário</span></div><aside style="width:315px" class="panel"><b>Qualidade</b><p>✓ Título no infinitivo</p><p>✓ História completa</p><p class="error">! Adicione pelo menos um cenário completo para concluir.</p><span class="button">Salvar rascunho</span></aside></div></section>
+</main></body></html>
diff --git a/figma-import/02-design-system.html b/figma-import/02-design-system.html
@@ -0,0 +1,12 @@
+<!doctype html>
+<script src="https://mcp.figma.com/mcp/html-to-design/capture.js" async></script>
+<html lang="pt-BR"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Sinapse — Design System</title>
+<style>
+:root{--bg:#07111f;--surface:#0b1626;--subtle:#102238;--line:#31506f;--text:#f8fafc;--muted:#94a3b8;--brand:#24bedb;--brand-strong:#0aa7c8;--success:#4ade80;--warn:#fbbf24;--danger:#fb7185;--info:#a5b4fc;--radius-s:8px;--radius-m:12px;--radius-l:16px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px}*{box-sizing:border-box}body{margin:0;background:#030812;color:var(--text);font:14px/1.45 Inter,Arial,sans-serif}.hero{padding:72px max(40px,calc((100% - 1240px)/2));border-bottom:1px solid var(--line);background:radial-gradient(circle at 80% 10%,#173653 0,transparent 32%),var(--bg)}h1{font-size:42px;letter-spacing:-1.5px;margin:0 0 12px}h2{font-size:22px;margin:0 0 20px}.eyebrow{color:var(--brand);font-size:12px;font-weight:bold;letter-spacing:.12em}.hero p{color:var(--muted);max-width:680px;font-size:17px}.page{max-width:1240px;margin:auto;padding:48px 0 90px}.section{margin:0 0 54px}.grid{display:grid;gap:16px}.tokens{grid-template-columns:repeat(4,1fr)}.swatch,.card{border:1px solid var(--line);background:var(--surface);border-radius:var(--radius-m);overflow:hidden}.swatch-color{height:72px}.swatch p{margin:12px}.label{color:var(--muted);font-size:12px}.components{grid-template-columns:repeat(3,1fr)}.card{padding:20px}.button{border:1px solid transparent;border-radius:var(--radius-s);min-height:40px;padding:0 16px;font-weight:700;color:var(--text);background:var(--brand-strong);display:inline-flex;align-items:center;gap:8px}.button.secondary{border-color:var(--line);background:var(--surface)}.button.ghost{background:transparent;color:var(--muted)}.button.danger{background:#be123c}.button:disabled{opacity:.45}.stack{display:grid;gap:12px}.input{width:100%;height:42px;background:#07111f;border:1px solid var(--line);border-radius:var(--radius-s);padding:10px 12px;color:var(--text)}.input.invalid{border-color:var(--danger)}.help{font-size:12px;color:var(--muted)}.error{color:#fda4af;font-size:12px}.badge{display:inline-flex;border:1px solid var(--line);border-radius:99px;padding:3px 8px;font-size:12px;font-weight:bold}.success{color:#86efac;background:#123628;border-color:#247a4c}.warning{color:#fde68a;background:#3b2e0a;border-color:#806315}.danger-text{color:#fda4af;background:#3d1320;border-color:#842039}.info{color:#c7d2fe;background:#1e1b4b;border-color:#4f46e5}.item{display:flex;gap:12px;align-items:flex-start;padding:12px 0;border-bottom:1px solid var(--line)}.dot{width:8px;height:8px;border-radius:50%;background:var(--success);margin-top:6px}.scenario{border-left:3px solid var(--brand);padding:14px;background:#0a1727;border-radius:0 var(--radius-s) var(--radius-s) 0}.scenario p{margin:5px 0;color:var(--muted)}.frame{border:1px dashed var(--line);border-radius:var(--radius-l);padding:20px;background:linear-gradient(135deg,#0b1626,#07111f)}.sample-title{font-size:30px;font-weight:750;letter-spacing:-.8px}.small{font-size:12px}@media(max-width:800px){.page{padding:30px 20px}.hero{padding:48px 20px}.tokens,.components{grid-template-columns:1fr 1fr}}
+</style></head><body><header class="hero"><div class="eyebrow">SINAPSE / PRE-05</div><h1>Design System</h1><p>Biblioteca mínima para os fluxos da Sprint 1. O sistema prioriza legibilidade, contraste e baixa carga visual em um tema escuro.</p></header><main class="page">
+<section class="section"><h2>Tokens de cor</h2><div class="grid tokens"><div class="swatch"><div class="swatch-color" style="background:#07111f"></div><p><b>Bg / 950</b><br><span class="label">#07111F · fundo da aplicação</span></p></div><div class="swatch"><div class="swatch-color" style="background:#0b1626"></div><p><b>Surface / 900</b><br><span class="label">#0B1626 · cards e painel</span></p></div><div class="swatch"><div class="swatch-color" style="background:#24bedb"></div><p><b>Action / 400</b><br><span class="label">#24BEDB · ação principal</span></p></div><div class="swatch"><div class="swatch-color" style="background:#fb7185"></div><p><b>Danger</b><br><span class="label">#FB7185 · erro e bloqueio</span></p></div></div></section>
+<section class="section"><h2>Tipografia e espaçamento</h2><div class="grid components"><article class="card"><div class="sample-title">Título de página</div><p style="font-size:16px">Corpo de texto para explicar contexto e orientar decisões.</p><p class="label">Inter / system-ui · títulos 30–42 px · corpo 14–16 px</p></article><article class="card"><b>Escala de espaço</b><div style="display:flex;align-items:end;gap:10px;margin-top:24px"><i style="width:4px;height:16px;background:var(--brand)"></i><i style="width:8px;height:24px;background:var(--brand)"></i><i style="width:16px;height:32px;background:var(--brand)"></i><i style="width:24px;height:40px;background:var(--brand)"></i><i style="width:32px;height:48px;background:var(--brand)"></i></div><p class="label">4 / 8 / 16 / 24 / 32 px</p></article><article class="card"><b>Raios e bordas</b><div style="display:flex;gap:12px;margin-top:20px"><i style="width:70px;height:42px;background:var(--subtle);border:1px solid var(--line);border-radius:8px"></i><i style="width:70px;height:42px;background:var(--subtle);border:1px solid var(--line);border-radius:12px"></i><i style="width:70px;height:42px;background:var(--subtle);border:1px solid var(--line);border-radius:999px"></i></div><p class="label">8 / 12 / pill</p></article></div></section>
+<section class="section"><h2>Componentes base</h2><div class="grid components"><article class="card"><b>Botões</b><div class="stack" style="margin-top:16px"><span class="button">Salvar alterações</span><span class="button secondary">Cancelar</span><span class="button ghost">Voltar</span><span class="button danger">Arquivar</span></div></article><article class="card"><b>Campos e validação</b><div class="stack" style="margin-top:16px"><label>Nome do projeto<input class="input" value="Portal do Cliente" readonly></label><label>Cliente *<input class="input invalid" placeholder="Obrigatório" readonly><span class="error">Informe o cliente.</span></label><span class="help">O foco visível usa contorno ciano de 3 px.</span></div></article><article class="card"><b>Status</b><div class="stack" style="margin-top:16px"><span><i class="badge success">ATIVO</i> Projeto disponível</span><span><i class="badge warning">RASCUNHO</i> Pode ter campos pendentes</span><span><i class="badge danger-text">BLOQUEADO</i> Não é possível concluir</span><span><i class="badge info">CONTEXTO</i> Informação herdada</span></div></article></div></section>
+<section class="section"><h2>Padrões de domínio</h2><div class="grid components"><article class="card"><b>Hierarquia e breadcrumb</b><p style="margin-top:18px"><span class="badge">Projeto</span> <span class="label">›</span> <span class="badge">Épico</span> <span class="label">›</span> <span class="badge">Feature</span> <span class="label">›</span> <span class="badge info">PBI</span></p><p class="help">O pai é sempre visível e navegável; cada nível só nasce no seu pai válido.</p></article><article class="card"><b>Cenário de aceitação (PBI)</b><div class="scenario" style="margin-top:16px"><strong>01 · Criar projeto válido</strong><p><b>DADO</b> que o PO esteja autenticado</p><p><b>QUANDO</b> informar os dados obrigatórios</p><p><b>ENTÃO</b> abrir o detalhe do projeto criado</p></div></article><article class="card"><b>Painel de qualidade</b><div class="item"><i class="dot"></i><span><b>Título no infinitivo</b><br><span class="help">Em conformidade</span></span></div><div class="item"><i class="dot" style="background:var(--danger)"></i><span><b>Cenários de aceitação</b><br><span class="error">Inclua ao menos um cenário completo.</span></span></div></article></div></section>
+<section class="section"><h2>Comportamento responsivo</h2><div class="frame"><b>Desktop primeiro · conteúdo até 1240 px</b><p class="help">Em telas menores, navegação lateral recolhe; formulários de duas colunas passam a uma coluna; ações de cabeçalho empilham. Áreas interativas mantêm altura mínima de 40 px.</p></div></section>
+</main></body></html>