frontend-refactor-1

frontend/src/pages/Planner/Ideas.tsx

@@ -23,11 +23,12 @@ import FormModal from '../../components/common/FormModal';
 import ProgressModal from '../../components/common/ProgressModal';
 import { useProgressModal } from '../../hooks/useProgressModal';
 import { useToast } from '../../components/ui/toast/ToastContainer';
-import { BoltIcon, PlusIcon, DownloadIcon } from '../../icons';
+import { BoltIcon, PlusIcon, DownloadIcon, ListIcon, GroupIcon } from '../../icons';
 import { createIdeasPageConfig } from '../../config/pages/ideas.config';
 import { useSectorStore } from '../../store/sectorStore';
 import { usePageSizeStore } from '../../store/pageSizeStore';
 import PageHeader from '../../components/common/PageHeader';
+import ModuleNavigationTabs from '../../components/navigation/ModuleNavigationTabs';
 
 export default function Ideas() {
   const toast = useToast();
@@ -295,12 +296,20 @@ export default function Ideas() {
     }
   };
 
+  // Planner navigation tabs
+  const plannerTabs = [
+    { label: 'Keywords', path: '/planner/keywords', icon: <ListIcon /> },
+    { label: 'Clusters', path: '/planner/clusters', icon: <GroupIcon /> },
+    { label: 'Ideas', path: '/planner/ideas', icon: <BoltIcon /> },
+  ];
+
   return (
     <>
       <PageHeader 
         title="Content Ideas" 
         badge={{ icon: <BoltIcon />, color: 'orange' }}
       />
+      <ModuleNavigationTabs tabs={plannerTabs} />
       <TablePageTemplate
         columns={pageConfig.columns}
         data={ideas}