/* MARKETING wrapper — 4 módulos com brand switcher. Performance · Plano · Estratégia · Sub-agentes (transversal, sem switcher). Brand state global ao módulo via MktBrandProvider. */ // ============ Sub-agentes (transversal — header esclarece, sem switcher) ============ // Lê o tema actual do portal (localStorage 'digi-theme', padrão 'light') function getPortalTheme() { try { return localStorage.getItem('digi-theme') || 'light'; } catch { return 'light'; } } // Constrói URL do agente com o tema actual function agentUrlWithTheme(baseUrl) { return `${baseUrl}?theme=${getPortalTheme()}`; } const MktSubAgentes = ({ onOpenChat, onOpenSeo, userName }) => { const [openAgent, setOpenAgent] = React.useState(null); const iframeRef = React.useRef(null); 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'; React.useEffect(() => { if (!openAgent) return; const obs = new MutationObserver(() => { const theme = document.documentElement.dataset.theme || 'light'; iframeRef.current?.contentWindow?.postMessage({ type: 'digi-theme', theme }, '*'); }); obs.observe(document.documentElement, { attributes: true, attributeFilter: ['data-theme'] }); return () => obs.disconnect(); }, [openAgent]); // ─── Sub-agentes de marca (VPS) ──────────────────────────────────────────── const brandAgents = [ { id: 'mimaki_agent', name: 'MIMAKI', role: 'Contexto de marca Mimaki — tom, restrições, argumentário', consumidoEm: ['SP_CLIENTES','SP_COMERCIAL','SP_MARKETING'], status: 'active' }, { id: 'biond_agent', name: 'BIOND', role: 'Contexto de marca BIOND — sustentabilidade, films premium', consumidoEm: ['SP_CLIENTES','SP_COMERCIAL','SP_MARKETING'], status: 'active' }, { id: 'decal_agent', name: 'DECAL', role: 'Contexto de marca Decal — autocolante, laminação, label pack',consumidoEm: ['SP_CLIENTES','SP_COMERCIAL','SP_MARKETING'], status: 'active' }, { id: 'sensek_agent', name: 'SENSEK', role: 'Contexto de marca Sensek — vinil signage Ibérico', consumidoEm: ['SP_CLIENTES','SP_COMERCIAL','SP_MARKETING'], status: 'active' }, { id: 'alldecor_agent', name: 'ALLDECOR', role: 'Contexto AllDecor — cross-sell Mimaki UV + BIOND (interno)', consumidoEm: ['SP_CLIENTES','SP_COMERCIAL','SP_MARKETING'], status: 'active' }, ]; // ─── Sub-agentes de função ───────────────────────────────────────────────── const functionAgents = [ { id: 'ads', name: 'ADS', status: 'active', role: 'Campaign ops cross-marca · Meta + Google + LinkedIn', skills: ['SP_ADS v2','FRAME-CAMP'], consumidoEm: ['Campanhas','Performance Ads','Activação'], agentUrl: '/ads-agent/', invoc: 'iframe' }, { id: 'content', name: 'CONTENT', status: 'active', role: 'Editorial, copy, briefings — execução', skills: ['SP_COLAB_MKT v3','FRAME-EDITORIAL'], consumidoEm: ['Briefings','Campanhas','Produção'], invoc: 'chat' }, { id: 'email', name: 'EMAIL', status: 'active', role: 'Brevo · campanhas + automations transaccionais', skills: ['SP_EMAIL v2','FRAME-DRIP'], consumidoEm: ['Activação','Campanhas'], invoc: 'chat' }, { id: 'seo', name: 'SEO', status: 'active', role: 'Audit técnico + on-page nos 5 sites', skills: ['SP_SEO v1.2','FRAME-AUDIT'], consumidoEm: ['Plano de Comunicação','Produção'], hasModule: true, openHint: 'Abrir módulo', invoc: 'módulo' }, { id: 'social', name: 'SOCIAL', status: 'active', role: 'LinkedIn, Instagram, TikTok orgânico', skills: ['SP_SOCIAL v1'], consumidoEm: ['Campanhas','Activação'], agentUrl: 'https://social.digidelta.ai/', invoc: 'iframe' }, { id: 'analytics', name: 'ANALYTICS', status: 'active', role: 'GA4 · Looker · attribution closed-loop', skills: ['SP_ANALYTICS','FRAME-KPI'], consumidoEm: ['Resultados','Performance Ads','Objectivos'], invoc: 'chat' }, { id: 'content_strategy', name: 'CONTENT_STRATEGY', status: 'todo', role: 'Estratégia editorial — pilares, calendário mestre', skills: ['SP_CONTENT_STRATEGY','FRAME-EDITORIAL'], consumidoEm: ['Plano de Comunicação','Estratégia'], invoc: '—' }, { id: 'pr', name: 'PR', status: 'todo', role: 'Imprensa especializada, media relations, releases', skills: ['SP_PR','FRAME-PR'], consumidoEm: ['Campanhas','Plano de Comunicação'], invoc: '—' }, { id: 'distributor', name: 'DISTRIBUTOR', status: 'todo', role: 'Partner relations, channel conflict, co-marketing', skills: ['SP_DISTRIBUTOR'], consumidoEm: ['Estratégia','SDR'], invoc: '—' }, ]; // ─── Sub-agentes comerciais (cross-consumíveis por Marketing, read-only) ──── const commercialAgents = [ { id: 'sales_analyst', name: 'sales_analyst', status: 'todo', role: 'Análise agregada de vendas por comercial · região · marca', consumidoEm: ['Resultados','Objectivos'] }, { id: 'pipeline_analyst', name: 'pipeline_analyst', status: 'todo', role: 'Estado do pipeline Gestor · gaps · risco por stage', consumidoEm: ['Resultados','SDR'] }, { id: 'forecast_analyst', name: 'forecast_analyst', status: 'todo', role: 'Previsão fim de trimestre · run rate · BP gap', consumidoEm: ['Objectivos','Budget'] }, { id: 'media_sales_analyst',name: 'media_sales_analyst',status: 'todo', role: 'Impacto Marketing → vendas · ROI campanhas · closed-loop', consumidoEm: ['Resultados','Performance Ads'] }, ]; // ─── Estilos (padrão em-desenvolvimento) ─────────────────────────────────── 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 statusPill = (status) => { const cfg = status === 'active' ? { label: 'Activo ✅', color: 'var(--success)' } : status === 'todo' ? { label: 'Por criar', color: 'var(--warning)' } : { label: 'Em dev', color: 'var(--ai-500)' }; return ( {cfg.label} ); }; const AgentRow = ({ a }) => (
{a.name}
{statusPill(a.status)}
{a.role}
{a.skills && (
{a.skills.map((s, i) => ( {s} ))}
)} {a.consumidoEm && (
Consumido em: {a.consumidoEm.join(' · ')}
)}
); // ─── Painel iframe (mantém funcionalidade actual) ────────────────────────── if (openAgent) { return (
AGENTE · {openAgent.name} Abrir em tab