diff --git a/frontend/src/layouts/MainLayout.tsx b/frontend/src/layouts/MainLayout.tsx
index 70d9df1..a6186b7 100644
--- a/frontend/src/layouts/MainLayout.tsx
+++ b/frontend/src/layouts/MainLayout.tsx
@@ -11,6 +11,8 @@ import {
   MenuFoldOutlined,
   MenuUnfoldOutlined,
   ApartmentOutlined,
+  TeamOutlined,
+  BarChartOutlined,
 } from '@ant-design/icons';
 import { useAuthStore } from '../store/auth';
 import Dashboard from '../pages/Dashboard';
@@ -18,6 +20,8 @@ import WhatsAppAccounts from '../pages/WhatsAppAccounts';
 import Inbox from '../pages/Inbox';
 import FlowList from '../pages/FlowList';
 import FlowBuilder from '../pages/FlowBuilder';
+import Queues from '../pages/Queues';
+import SupervisorDashboard from '../pages/SupervisorDashboard';
 
 const { Header, Sider, Content } = Layout;
 const { Text } = Typography;
@@ -54,6 +58,16 @@ export default function MainLayout() {
       icon: <ApartmentOutlined />,
       label: 'Flujos',
     },
+    {
+      key: '/queues',
+      icon: <TeamOutlined />,
+      label: 'Colas',
+    },
+    {
+      key: '/supervisor',
+      icon: <BarChartOutlined />,
+      label: 'Supervisor',
+    },
     {
       key: '/settings',
       icon: <SettingOutlined />,
@@ -162,6 +176,8 @@ export default function MainLayout() {
             <Route path="/flows" element={<FlowList />} />
             <Route path="/flows/new" element={<FlowBuilder />} />
             <Route path="/flows/:id" element={<FlowBuilder />} />
+            <Route path="/queues" element={<Queues />} />
+            <Route path="/supervisor" element={<SupervisorDashboard />} />
             <Route path="/settings" element={<div>Configuración (próximamente)</div>} />
           </Routes>
         </Content>