diff --git a/frontend/src/components/Layout/AppLayout.tsx b/frontend/src/components/Layout/AppLayout.tsx
index 8bfa9aa..cd7b014 100644
--- a/frontend/src/components/Layout/AppLayout.tsx
+++ b/frontend/src/components/Layout/AppLayout.tsx
@@ -35,6 +35,7 @@ import {
   Error as ErrorIcon,
   Label as LabelIcon,
   Block as BlockIcon,
+  Api as ApiIcon,
 } from '@mui/icons-material';
 import { useNavigate, useLocation } from 'react-router-dom';
 import { useAuth } from '../../contexts/AuthContext';
@@ -530,6 +531,10 @@ const AppLayout: React.FC<AppLayoutProps> = ({ children }) => {
               <SettingsIcon sx={{ mr: 2 }} /> Settings
             </MenuItem>
             <Divider />
+            <MenuItem onClick={() => window.open('/swagger-ui', '_blank')}>
+              <ApiIcon sx={{ mr: 2 }} /> API Documentation
+            </MenuItem>
+            <Divider />
             <MenuItem onClick={handleLogout}>
               <LogoutIcon sx={{ mr: 2 }} /> Logout
             </MenuItem>