feat: versão 1.5 - CRM Beta com leads, funis, campanhas e portal do cliente

front-end-agency/app/(agency)/AgencyLayoutClient.tsx

@@ -3,110 +3,31 @@
 import { DashboardLayout } from '@/components/layout/DashboardLayout';
 import { AgencyBranding } from '@/components/layout/AgencyBranding';
 import AuthGuard from '@/components/auth/AuthGuard';
+import { CRMFilterProvider } from '@/contexts/CRMFilterContext';
 import { useState, useEffect } from 'react';
 import {
     HomeIcon,
     RocketLaunchIcon,
-    ChartBarIcon,
-    BriefcaseIcon,
-    LifebuoyIcon,
-    CreditCardIcon,
-    DocumentTextIcon,
-    FolderIcon,
-    ShareIcon,
+    UserPlusIcon,
+    RectangleStackIcon,
+    UsersIcon,
+    MegaphoneIcon,
 } from '@heroicons/react/24/outline';
 
 const AGENCY_MENU_ITEMS = [
-    { id: 'dashboard', label: 'Visão Geral', href: '/dashboard', icon: HomeIcon },
+    { id: 'dashboard', label: 'Dashboard', href: '/dashboard', icon: HomeIcon },
     {
         id: 'crm',
         label: 'CRM',
         href: '/crm',
         icon: RocketLaunchIcon,
+        requiredSolution: 'crm',
         subItems: [
-            { label: 'Dashboard', href: '/crm' },
-            { label: 'Clientes', href: '/crm/clientes' },
-            { label: 'Funis', href: '/crm/funis' },
-            { label: 'Negociações', href: '/crm/negociacoes' },
-        ]
-    },
-    {
-        id: 'erp',
-        label: 'ERP',
-        href: '/erp',
-        icon: ChartBarIcon,
-        subItems: [
-            { label: 'Dashboard', href: '/erp' },
-            { label: 'Fluxo de Caixa', href: '/erp/fluxo-caixa' },
-            { label: 'Contas a Pagar', href: '/erp/contas-pagar' },
-            { label: 'Contas a Receber', href: '/erp/contas-receber' },
-        ]
-    },
-    {
-        id: 'projetos',
-        label: 'Projetos',
-        href: '/projetos',
-        icon: BriefcaseIcon,
-        subItems: [
-            { label: 'Dashboard', href: '/projetos' },
-            { label: 'Meus Projetos', href: '/projetos/lista' },
-            { label: 'Tarefas', href: '/projetos/tarefas' },
-            { label: 'Cronograma', href: '/projetos/cronograma' },
-        ]
-    },
-    {
-        id: 'helpdesk',
-        label: 'Helpdesk',
-        href: '/helpdesk',
-        icon: LifebuoyIcon,
-        subItems: [
-            { label: 'Dashboard', href: '/helpdesk' },
-            { label: 'Chamados', href: '/helpdesk/chamados' },
-            { label: 'Base de Conhecimento', href: '/helpdesk/kb' },
-        ]
-    },
-    {
-        id: 'pagamentos',
-        label: 'Pagamentos',
-        href: '/pagamentos',
-        icon: CreditCardIcon,
-        subItems: [
-            { label: 'Dashboard', href: '/pagamentos' },
-            { label: 'Cobranças', href: '/pagamentos/cobrancas' },
-            { label: 'Assinaturas', href: '/pagamentos/assinaturas' },
-        ]
-    },
-    {
-        id: 'contratos',
-        label: 'Contratos',
-        href: '/contratos',
-        icon: DocumentTextIcon,
-        subItems: [
-            { label: 'Dashboard', href: '/contratos' },
-            { label: 'Ativos', href: '/contratos/ativos' },
-            { label: 'Modelos', href: '/contratos/modelos' },
-        ]
-    },
-    {
-        id: 'documentos',
-        label: 'Documentos',
-        href: '/documentos',
-        icon: FolderIcon,
-        subItems: [
-            { label: 'Meus Arquivos', href: '/documentos' },
-            { label: 'Compartilhados', href: '/documentos/compartilhados' },
-            { label: 'Lixeira', href: '/documentos/lixeira' },
-        ]
-    },
-    {
-        id: 'social',
-        label: 'Redes Sociais',
-        href: '/social',
-        icon: ShareIcon,
-        subItems: [
-            { label: 'Dashboard', href: '/social' },
-            { label: 'Agendamento', href: '/social/agendamento' },
-            { label: 'Relatórios', href: '/social/relatorios' },
+            { label: 'Visão Geral', href: '/crm', icon: HomeIcon },
+            { label: 'Funis de Vendas', href: '/crm/funis', icon: RectangleStackIcon },
+            { label: 'Clientes', href: '/crm/clientes', icon: UsersIcon },
+            { label: 'Campanhas', href: '/crm/campanhas', icon: MegaphoneIcon },
+            { label: 'Leads', href: '/crm/leads', icon: UserPlusIcon },
         ]
     },
 ];
@@ -148,7 +69,8 @@ export function AgencyLayoutClient({ children, colors }: AgencyLayoutClientProps
                     // Sempre mostrar dashboard + soluções disponíveis
                     const filtered = AGENCY_MENU_ITEMS.filter(item => {
                         if (item.id === 'dashboard') return true;
-                        return solutionSlugs.includes(item.id);
+                        const requiredSolution = (item as any).requiredSolution;
+                        return solutionSlugs.includes((requiredSolution || item.id).toLowerCase());
                     });
 
                     console.log('📋 Menu filtrado:', filtered.map(i => i.id));
@@ -171,11 +93,13 @@ export function AgencyLayoutClient({ children, colors }: AgencyLayoutClientProps
     }, []);
 
     return (
-        <AuthGuard>
-            <AgencyBranding colors={colors} />
-            <DashboardLayout menuItems={loading ? [AGENCY_MENU_ITEMS[0]] : filteredMenuItems}>
-                {children}
-            </DashboardLayout>
+        <AuthGuard allowedTypes={['agency_user']}>
+            <CRMFilterProvider>
+                <AgencyBranding colors={colors} />
+                <DashboardLayout menuItems={loading ? [AGENCY_MENU_ITEMS[0]] : filteredMenuItems}>
+                    {children}
+                </DashboardLayout>
+            </CRMFilterProvider>
         </AuthGuard>
     );
 }