/* screen_marketing_inicio.jsx Marketing · Início — em desenvolvimento. Dashboard principal · Digi AI Marketing (thread único com memória) Expõe window.MktInicioScreen. */ // ─── Mock data — thread Digi AI ──────────────────────────────────────────── const _DIGI_MSGS_MOCK = [ { role: 'assistant', proactive: false, ts: '11:04', text: 'Bom dia Fábio. Ontem aprovaste o briefing UJV150 e a proposta seguiu para o gate FC. Rui já pediu ajuste ao B4 — queres rever agora ou depois do almoço?' }, { role: 'user', ts: '11:06', text: 'Depois do almoço. Como está a Meta Ads da Mimaki?' }, { role: 'assistant', proactive: false, ts: '11:06', text: 'Consumo Q3 em 68% no ritmo previsto. CTR estável a 1.4% (baseline 1.2%). Uma criativo Reels UJV está a puxar a média — 3.1% CTR. Sugiro escalar essa e pausar a estática que está a 0.6%.' }, { role: 'assistant', proactive: true, ts: '14:32', text: 'Fábio, 47 contactos entraram em silêncio há mais de 21 dias — a maioria são leads Mimaki que abriram o WA mas não responderam ao T-7. Preparei um segmento no CRM para reactivação com nova abordagem. Queres rever?' }, ]; // ─── KPI cards mock ──────────────────────────────────────────────────────── const _KPIS_MOCK = [ { label: 'Aprovações à minha espera', value: '4', status: 'warn', sub: '2 briefings · 2 campanhas' }, { label: 'Campanhas em execução', value: '11', status: 'ok', sub: '3 em Copy · 4 em Produção' }, { label: 'Erros de campanha', value: '1', status: 'crit', sub: 'BIOND — geração prompts' }, { label: 'Publicações próx. 24h', value: '7', status: 'ok', sub: '4 Meta · 2 LinkedIn · 1 Email' }, { label: 'Burn rate Q3', value: '68%', status: 'ok', sub: 'Meta Ads Mimaki no ritmo' }, { label: 'BP cumprimento YTD', value: '72%', status: 'warn', sub: 'Sensek em risco -15%' }, { label: 'Follow-up 24h fila', value: '23', status: 'ok', sub: '8 T-3 · 7 T-7 · 5 T-14 · 3 T-21' }, { label: 'ROAS melhor 7d', value: '4.2×', status: 'ok', sub: 'Mimaki Reels UJV' }, ]; const MktInicioScreen = ({ setSub, userName }) => { const hour = new Date().getHours(); const saudacao = hour < 12 ? 'Bom dia' : hour < 19 ? 'Boa tarde' : 'Boa noite'; const rawName = userName || (window.currentUser && (window.currentUser.nome_apresentar || window.currentUser.nome)) || ''; const firstName = rawName.split(' ')[0] || 'Fábio'; const [chatInput, setChatInput] = React.useState(''); const [chatBusy, setChatBusy] = React.useState(false); // ─── Styles ─────────────────────────────────────────────────────────────── const cardStyle = { padding: '14px 16px', borderRadius: 10, background: 'var(--bg-sunken)', border: '1px solid var(--border)', display: 'flex', flexDirection: 'column', gap: 4 }; const titleStyle = { fontSize: 13, fontWeight: 600, color: 'var(--text)', marginBottom: 2 }; const descStyle = { fontSize: 12, color: 'var(--text-muted)', lineHeight: 1.6 }; const sectionLabel = { fontSize: 10, fontFamily: 'var(--font-mono)', letterSpacing: '0.08em', color: 'var(--text-dim)', marginBottom: 10 }; const subLabel = { fontSize: 10, fontWeight: 700, textTransform: 'uppercase', letterSpacing: '0.08em', color: 'var(--ai-500, #3859D0)', fontFamily: 'var(--font-mono)', marginBottom: 8, marginTop: 4, display: 'flex', alignItems: 'center', gap: 6, }; const dot = (color) => ({ width: 7, height: 7, borderRadius: '50%', background: color, flexShrink: 0, display: 'inline-block' }); const tableHeader = { fontSize: 10, fontWeight: 700, color: 'var(--text-dim)', fontFamily: 'var(--font-mono)', padding: '6px 10px', background: 'var(--bg-sunken)', borderBottom: '1px solid var(--border)' }; const tableCell = { fontSize: 12, color: 'var(--text)', padding: '8px 10px', borderBottom: '1px solid var(--border)', lineHeight: 1.5 }; const tableCellMuted = { ...tableCell, color: 'var(--text-muted)' }; const statusColor = (s) => s === 'ok' ? 'var(--success)' : s === 'warn' ? 'var(--warning)' : s === 'crit' ? 'var(--danger)' : 'var(--text-dim)'; const handleSend = () => { if (!chatInput.trim()) return; setChatBusy(true); // Mock — endpoint /api/marketing/digi-ai/chat a criar setTimeout(() => { setChatInput(''); setChatBusy(false); }, 800); }; return (
{/* Page header */}
MARKETING · INÍCIO

Início

Dashboard principal · Digi AI Marketing · Sinais dos módulos EM DESENVOLVIMENTO
{saudacao}, {firstName}.
Ponto de entrada do módulo Marketing. Digi AI Marketing carregada com SP_MARKETING, 8 FRAMEs, 12 skills e sub-agentes prontos — pergunta, decide, executa. Abaixo, snapshot dos sinais que interessam agora: aprovações, campanhas, publicações, budget, follow-up.
{/* ═══════════════════ WIDGET DIGI AI · MARKETING ═══════════════════ */}
{/* Widget header */}
D
Digi AI · Marketing
SP_MARKETING · 8 FRAMEs · 12 skills · 5 marca + 6 função · memória 5 camadas
{/* Thread */}
{_DIGI_MSGS_MOCK.map((m, i) => { const isUser = m.role === 'user'; return (
{m.ts} · {isUser ? 'Tu' : 'Digi'} {m.proactive && ( PROACTIVO )}
{m.text}
{m.proactive && !isUser && (
)}
); })}
{/* Quick action chips */}
{[ 'O que preciso rever agora?', 'Estado das campanhas', 'Análise budget Q3', 'Sugerir plano trimestre', 'Rever performance Mimaki', 'Contactos em silêncio', ].map((c, i) => ( ))}
{/* Input */}
setChatInput(e.target.value)} onKeyDown={e => e.key === 'Enter' && handleSend()} placeholder="Pergunta, pedido ou instrução..." style={{ flex: 1, padding: '9px 12px', borderRadius: 8, background: 'var(--bg)', border: '1px solid var(--border)', color: 'var(--text)', fontSize: 13, }} />
{/* Footer notice */}
Mock UI · endpoint /api/marketing/digi-ai/chat por criar · thread persistente e memória a implementar
{/* ═══════════════════ KPI CARDS · SINAIS RÁPIDOS ═══════════════════ */}
SINAIS RÁPIDOS
{_KPIS_MOCK.map((k, i) => (
{k.label}
{k.value}
{k.sub}
))}
Valores mock · endpoint /api/marketing/inicio/summary a criar
{/* ═══════════════════ DASHBOARD BLOCOS + EM-DEV ═══════════════════ */}
{/* ── Coluna esquerda ── */}
{/* 1. O que preciso rever */}
DASHBOARD · O QUE ESTÁ A ACONTECER
O Que Preciso Rever Agora
{[ { t: 'Aprovações à minha espera', d: 'Briefings + campanhas + estratégia + plano — filtrado por role (FC/RL/Armando/Bruno) com deep-link para cada item.' }, { t: 'Bloqueadores', d: 'Peças com erro em Produção · publicações falhadas · campanhas sem briefing associado. Requer acção manual.' }, { t: 'Decisões pendentes', d: 'Alertas AI onde a Digi pediu confirmação (pausar campanha, reactivar contactos, escalar orçamento).' }, ].map((f, i) => (
{f.t}
{f.d}
))}
{/* 2. Estado campanhas */}
Estado das Campanhas
{[ { t: 'Contagem por marca × fase', d: 'Grelha compacta Mimaki/BIOND/Decal/Sensek/AllDecor/NetScreen × Conceito/Copy/Prompts/Idiomas/Produção/Activação.' }, { t: 'Movimentos últimas 48h', d: 'Campanhas que mudaram de fase · aprovações · rejeições · promoções para produção.' }, { t: 'Deep-link Campanhas', d: 'Cada célula clicável abre o Kanban filtrado por marca × fase.' }, ].map((f, i) => (
{f.t}
{f.d}
))}
{/* 3. Publicações 24h */}
Fila de Publicação 24h
{[ { t: 'Próximas peças a sair', d: 'Meta · LinkedIn · Email · WhatsApp · Web — com hora agendada, marca, campanha. Ordenadas por proximidade.' }, { t: 'Aprovadas sem janela', d: 'Peças aprovadas mas ainda sem agendamento — pending manual em Activação.' }, { t: 'Publicações no ar últimas 48h', d: 'Cronologia recente com métricas iniciais (impressões, engagement primeira hora).' }, ].map((f, i) => (
{f.t}
{f.d}
))}
{/* 4. BP × Real */}
BP × Real por Marca
{[ { t: 'Semáforo Mimaki · BIOND · Decal · Sensek', d: 'Cumprimento YTD por marca com projecção de fim de trimestre. Verde/amarelo/vermelho por marca × mercado.' }, { t: 'Gap crítico', d: 'Marca em maior risco de falhar BP — magnitude do gap e sugestão AI de acção correctiva.' }, { t: 'Deep-link Objectivos', d: 'Abre módulo Objectivos filtrado pela marca clicada.' }, ].map((f, i) => (
{f.t}
{f.d}
))}
{/* 5. Budget snapshot */}
Budget Snapshot
{[ { t: 'Top 3 categorias de custo', d: 'Ads · SaaS · AI — com breakdown mensal e comparação vs trimestre anterior.' }, { t: 'Burn rate global Q', d: 'Consumido vs planeado com projecção fim trimestre. Semáforo 🟢 <70% · 🟡 70-90% · 🔴 >90%.' }, { t: 'Custo AI acumulado', d: 'Claude API + Magnific + FLUX últimos 7 dias, com FRAME mais caro em destaque.' }, ].map((f, i) => (
{f.t}
{f.d}
))}
{/* 6. Follow-up */}
Follow-up Scheduler 24h
{[ { t: 'Contactos T-3 · T-7 · T-14 · T-21', d: 'Fila prevista para as próximas 24h com nome, marca, template. Filtro por janela horária (9h-18h Lisbon).' }, { t: 'Adiar / cancelar bulk', d: 'Selecção múltipla para adiar 24h ou cancelar antes do disparo. Registo em histórico.' }, { t: 'Estatística cadência', d: 'Taxa de resposta por toque (T-3 vs T-7 vs T-14 vs T-21) — feedback para optimizar cadência.' }, ].map((f, i) => (
{f.t}
{f.d}
))}
{/* 7. Sinais AI cross-módulo */}
Sinais AI Cross-módulo
{[ { t: 'Correlações detectadas', d: 'Digi identifica padrões (ex: "Instagram Mimaki gera +30% CTR aos fins-de-semana"). Sugestão de acção com CTA no chat.' }, { t: 'Over-exposure', d: 'Contactos que receberam >N toques em janela X. Excluíveis automaticamente de novas campanhas.' }, { t: 'Regressão qualidade', d: 'Descida de score Digi AI em respostas WA — alerta se pós-release de SP/FRAME.' }, { t: 'Alertas gerados pela Digi', d: 'Todos os alertas que a Digi gerou nas últimas 24h — expandível com evidência e recomendação.' }, ].map((f, i) => (
{f.t}
{f.d}
))}
{/* 8. Actividade recente */}
Actividade Recente 48h
{[ { t: 'Últimos briefings criados', d: 'Autor, marca, produto, estado. Deep-link para o detalhe.' }, { t: 'Movimentos Kanban', d: 'Campanhas que mudaram de fase, com autor e nota.' }, { t: 'Publicações no ar', d: 'Cronologia de publicações efectivas Meta/LinkedIn/Email/WA.' }, { t: 'Aprovações fechadas', d: 'Briefings/campanhas/estratégia aprovados nas últimas 48h com aprovador.' }, ].map((f, i) => (
{f.t}
{f.d}
))}
{/* 9. Origem de Dados (em-des standard) */}
ESTRUTURA DO MÓDULO
Origem de Dados
{[ { t: 'Todos os módulos Marketing', d: 'Briefings · Campanhas · Estratégia · Plano · Produção · CRM · Activação · Monitorização · Performance Ads · Resultados · Budget · Sub-agentes · Open Houses — Início agrega sinais de cada um.' }, { t: 'SP_MARKETING + FRAMEs + Skills', d: 'Digi AI carregada com system prompt oficial, 8 FRAMEs (BRIEFING/CONCEITO/KPI/ADS/EDITORIAL/CONTENT/EMAIL/SOCIAL) e 12 skills marketing.' }, { t: 'Sub-agentes marca (VPS) + função', d: 'Digi decide autonomamente qual sub-agente invocar por marca (Mimaki/BIOND/Decal/Sensek/AllDecor) ou função (ADS/CONTENT/EMAIL/SEO/SOCIAL/ANALYTICS).' }, { t: 'Memória 5 camadas', d: 'Perfil utilizador · trabalho actual · histórico decisões · estado global negócio · histórico da conversa. Espelha modelo SP_CLIENTES.' }, { t: 'Trigger scheduler', d: 'Cron verifica eventos periodicamente e cria mensagens proactivas no thread do utilizador.' }, ].map((f, i) => (
{f.t}
{f.d}
))}
{/* 10. Modelo conversação */}
Modelo de Conversação · Thread Único com Memória
{[ { t: 'Uma janela · uma conversa contínua', d: 'Não há mensagens fragmentadas. Tudo acontece no mesmo thread — reactivo (utilizador escreve) e proactivo (Digi inicia) misturam no fluxo natural.' }, { t: 'Persistência entre sessões', d: 'Últimas N mensagens carregam ao entrar. Nunca perdes o contexto do que foi discutido, decidido ou pedido antes.' }, { t: 'Recall na resposta', d: 'Digi consulta memória antes de responder — refere decisões anteriores ("ontem decidiste X", "há 2h combinámos Y").' }, { t: 'Iniciativa dentro do thread', d: 'Quando um evento merece acção (burn rate, aprovação atrasada, silêncio), Digi acrescenta nova mensagem — não notificação separada. CTAs directos na mensagem.' }, ].map((f, i) => (
{f.t}
{f.d}
))}
{/* 11. Permissões */}
Permissões por Role
Perfil
O que Digi mostra / faz
{[ ['Board', 'Agregados ROI · overview módulos · read-only'], ['Admin (FC · JP)', 'Controlo total · aprovações · configuração'], ['AI Strategist (RL)','Estratégia · aprovação briefings/campanhas (RL)'], ['Marketing Manager','Operações diárias · CRUD · execução'], ['Comercial (read)', 'Só campanhas do pipeline · sinais Marketing'], ['Cliente NetScreen','Isolamento total · só briefings + acompanhamento NetScreen'], ].map(([p, v], i) => (
{p}
{v}
))}
{/* 12. Ligações ao sistema */}
Ligações ao Sistema Existente
Todos os módulos Marketing → Início (agregação)
↓
Sinais rápidos (KPI cards) + Dashboard blocks
├── briefings · conteudo_campanhas → aprovações
├── activacao/calendario → publicações 24h
├── budget_expenses · agent_runs → burn rate
├── sdr_followup_queue → fila 24h
├── objectivos_bp × pipeline Gestor → BP semáforo
└── digi_ai_triggers → proactivos
↓
Digi AI Marketing (thread único com memória) → utilizador
{/* 13. Nota técnica */}
Consideração técnica
Local — a implementar:
1. Tabelas digi_ai_messages · digi_ai_memory_snapshots · digi_ai_triggers · digi_ai_actions · inicio_summary_cache.
2. Ficheiros portal/prompts/SP_MARKETING.md + 8 FRAMEs em Markdown.
3. Endpoints em marketing-dev-server.js: POST /digi-ai/chat (SSE, carrega SP + FRAMEs + memória, chama Sonnet 4.6) · GET /digi-ai/messages · POST /digi-ai/action · GET /inicio/summary (agrega KPIs).
4. Job scheduler local (cada 5 min) verifica eventos → cria mensagens proactivas em digi_ai_messages.
5. Agregador de memória — actualiza digi_ai_memory_snapshots sempre que algo muda em briefings/campanhas/budget.

Handoff JP no deploy:
6. Sino/bell + toast global no shell.jsx — para notificações chegarem em qualquer ecrã do portal.
7. Trigger scheduler produção (cron VPS).
8. Auth check produção — /me role verification em todos os endpoints digi-ai/*.
9. Rate limiting + índices BD produção.
10. Se SP_MARKETING for para viver na VPS também — sync com heydigi-local/prompts.
{/* ── Coluna direita (sticky) ── */}
{/* Skills e Tools */}
SKILLS E TOOLS
Skill / Tool
O que faz
{[ ['state-reader', 'Lê estado agregado dos módulos'], ['dashboard-aggregator', 'Consolida KPI cards + blocos'], ['memory-manager', 'Gere 5 camadas memória Digi'], ['context-aggregator', 'Puxa contexto pré-resposta'], ['proactive-composer', 'Gera mensagens de iniciativa'], ['sp-marketing-router', 'Escolhe sub-agente a invocar'], ['role-filter', 'Filtra por permissão do user'], ['deep-link-builder', 'Links contextuais para ecrãs'], ['notification-scheduler', 'Cron eventos → mensagens'], ['SP_MARKETING', 'System prompt oficial (arch doc)'], ['FRAMEs × 8', 'BRIEFING · CONCEITO · KPI · ADS · EDITORIAL · CONTENT · EMAIL · SOCIAL'], ['Skills × 12', '11 [criar] + muppi-content ✅'], ].map(([s, d], i) => (
{s}
{d}
))}
{/* O que ganhamos */}
O QUE GANHAMOS
Antes
Depois
{[ ['Abrir 14 módulos para saber o que se passa', '1 ecrã com sinais + Digi'], ['Chat sem contexto do módulo', 'Digi com SP_MARKETING carregado'], ['Sem memória entre respostas', '5 camadas de memória persistente'], ['Notificações fragmentadas em vários locais', 'Thread único · iniciativa dentro dele'], ['Aprovações espalhadas por módulos', 'Fila centralizada por role'], ['Digi genérica sem permissões', 'Respostas filtradas por role'], ['Sub-agentes escolhidos manualmente', 'Digi decide autonomamente'], ['Alertas ad-hoc por email', 'Proactivos dentro do thread'], ].map(([a, b], i) => (
{a}
{b}
))}
{/* BD */}
BD
briefings · conteudo_campanhas ✅
agent_runs · budget_expenses ✅
FMRS_API_* (Gestor) ✅
contact_memory · heydigi_sessions ✅
Por criar (local):
digi_ai_messages — thread persistente
digi_ai_memory_snapshots — 5 camadas
digi_ai_triggers — regras proactivas
digi_ai_actions — quick actions
inicio_summary_cache — KPI rollup
Por criar (deploy JP):
notificacoes_globais — sino portal
); }; window.MktInicioScreen = MktInicioScreen;