Merge pull request #289 from DevanshuNEU/feat/api-keys-dashboard

feat: API Keys dashboard page -- generate, list, revoke (OPE-167)

Author: DevanshuNEU

frontend/src/components/Dashboard.tsx

@@ -3,13 +3,15 @@ import { DashboardLayout } from './dashboard/DashboardLayout'
 import { DashboardHome } from './dashboard/DashboardHome'
 import { SettingsPage } from '../pages/SettingsPage'
 import { UsagePage } from '../pages/UsagePage'
+import { APIKeysPage } from '../pages/APIKeysPage'
 
 export function Dashboard() {
   return (
     <DashboardLayout>
       <Routes>
         <Route index element={<DashboardHome />} />
         <Route path="usage" element={<UsagePage />} />
+        <Route path="api-keys" element={<APIKeysPage />} />
         <Route path="settings" element={<SettingsPage />} />
         <Route path="*" element={<Navigate to="/dashboard" replace />} />
       </Routes>

frontend/src/components/dashboard/CommandPalette.tsx

@@ -102,6 +102,7 @@ export function CommandPalette({ isOpen, onClose }: CommandPaletteProps) {
     items.push({ id: 'action-add-repo', type: 'action', title: 'Add Repository', subtitle: 'Clone and index a new repository', icon: '➕', action: () => { window.dispatchEvent(new CustomEvent('openAddRepo')); navigate('/dashboard') } })
     items.push({ id: 'action-refresh', type: 'action', title: 'Refresh Repositories', subtitle: 'Reload the repository list', icon: '🔄', action: () => window.location.reload() })
     items.push({ id: 'nav-dashboard', type: 'navigation', title: 'Go to Dashboard', subtitle: 'View all repositories', icon: '🏠', action: () => navigate('/dashboard') })
+    items.push({ id: 'nav-api-keys', type: 'navigation', title: 'API Keys', subtitle: 'Manage MCP and API access keys', icon: '🔑', action: () => navigate('/dashboard/api-keys') })
     items.push({ id: 'nav-settings', type: 'navigation', title: 'Settings', subtitle: 'Account and preferences', icon: '⚙️', action: () => navigate('/dashboard/settings') })
     items.push({ id: 'nav-docs', type: 'navigation', title: 'Documentation', subtitle: 'Learn how to use OpenCodeIntel', icon: '📚', action: () => window.open('/docs', '_blank') })
     items.push({ id: 'action-signout', type: 'action', title: 'Sign Out', subtitle: 'Log out of your account', icon: '🚪', action: () => signOut() })

frontend/src/components/dashboard/Sidebar.tsx

@@ -2,6 +2,7 @@ import { Link, useLocation } from 'react-router-dom'
 import { 
   FolderGit2, 
   BarChart3,
+  KeyRound,
   BookOpen, 
   ChevronLeft, 
   ChevronRight,
@@ -26,6 +27,7 @@ interface NavItem {
 const mainNavItems: NavItem[] = [
   { name: 'Repositories', href: '/dashboard', icon: <FolderGit2 className="w-5 h-5" /> },
   { name: 'Usage', href: '/dashboard/usage', icon: <BarChart3 className="w-5 h-5" /> },
+  { name: 'API Keys', href: '/dashboard/api-keys', icon: <KeyRound className="w-5 h-5" /> },
 ]
 
 const bottomNavItems: NavItem[] = [