diff --git a/frontend/src/routes/index.tsx b/frontend/src/routes/index.tsx
index 9b79d67..cdac7ea 100644
--- a/frontend/src/routes/index.tsx
+++ b/frontend/src/routes/index.tsx
@@ -50,6 +50,7 @@ const AgentDashboardPage = React.lazy(() => import('@/pages/AgentDashboard').the
 const AutomationSettingsPage = React.lazy(() => import('@/pages/AutomationSettings').then(m => ({ default: m.AutomationSettingsPage })));
 const ReportsPage = React.lazy(() => import('@/pages/Reports').then(m => ({ default: m.ReportsPage })));
 const TasksPage = React.lazy(() => import('@/pages/Tasks').then(m => ({ default: m.TasksPage })));
+const CommunicationPage = React.lazy(() => import('@/pages/Communication').then(m => ({ default: m.CommunicationPage })));
 
 /** Centered spinner fallback for lazy-loaded routes */
 function PageLoader() {
@@ -122,6 +123,7 @@ const router = createBrowserRouter([
       { path: '/agents', element: withSuspense(<AgentDashboardPage />) },
       { path: '/reports', element: withSuspense(<ReportsPage />) },
       { path: '/tasks', element: withSuspense(<TasksPage />) },
+      { path: '/communication', element: withSuspense(<CommunicationPage />) },
       { path: '/profile', element: withSuspense(<SettingsProfilePage />) },
       {
         path: '/settings',