# Tag Builder Site Plataforma web autenticada para criar, editar, pré-visualizar, analisar e publicar sites com a IA conversacional Coldex. ## Masterplan - Entregar um studio no-code/low-code onde o usuário conversa com o Coldex para gerar sites e microsistemas com arquivos reais, preview ao vivo e edição manual. - Atender criadores, pequenas empresas e equipes que precisam prototipar e publicar páginas, landing pages, áreas restritas e integrações rapidamente. - Combinar autenticação GenMB, dashboard de projetos, histórico, ambiente Coldex, editor de código, publicação, domínio personalizado e dashboards analíticos. - Usar SDKs GenMB quando disponíveis, mas manter experiência funcional com dados demo/fallback quando capacidades externas estiverem ausentes. - Capacidades GenMB habilitadas e usadas/previstas: `auth`, `functions`, `text-ai`, `kv`, `email`, `reports`, `dashboards`, `relational-db`. ## Tech Stack & Architecture - SPA React 19 carregada via ESM CDN, sem bundler/build. - `index.html` é a entrada: carrega Tailwind CDN, `styles/main.css`, SDKs GenMB injetados e o container `#root`. - `src/main.js` monta `` com `ReactDOM.createRoot`. - Não usar JSX. Componentes usam tagged template `html` de `src/jsx.js`, baseado em `htm`. - Roteamento com `react-router-dom@7.1.1` e `HashRouter`; rotas reais usam hash: `#/dashboard`, `#/builder/:projectId`. - Ícones via `lucide-react@0.468.0`; gráficos em `src/pages/Dashboards.js` via `recharts@2.15.0`. - Estilo com Tailwind utility classes + tokens HSL em `styles/main.css`; tema claro/escuro alternado por classe `.dark` no ``. - Estado global: - `src/mainProviders.js`: `ThemeProvider`, `ToastProvider`, `AuthProvider`, hooks `useTheme`, `useToast`, `useAuth`. - `src/store/useProjectStore.js`: store de projetos, projeto ativo, CRUD, geração/edição de arquivos, publicação, domínio personalizado e persistência/fallback. - Autenticação: - SDK GenMB exposto em `window.genmb.auth`. - `AuthProvider` chama `auth.ready()`, lê `auth.getUser()` e assina `auth.onAuthStateChange`. - `ProtectedRoute` em `src/App.js` protege todas as rotas exceto `/login`. - `src/pages/Login.js` implementa Google e e-mail/senha com OTP por GenMB Auth. - Coldex: - `src/pages/Builder.js` chama primeiro `window.genmb.fn.invoke('coldexRun', payload)`. - Fallback quando Functions não existe: `POST /api/ai/completion` com prompt estruturado, `appId: window.GENMB_APP_ID` e `maxTokens`. - `functions/coldexRun.ts` executa três agentes sequenciais usando `ai.complete`: planejador, gerador de código e redator. - Preview: - `Builder.js` gera `iframe srcDoc` via `previewDoc(files)`. - `index.html` do projeto é tratado como conteúdo do ``, não como documento HTML completo. - Todos os `.css` são concatenados em um `