Filters and badges

frontend/src/pages/Planner/Clusters.tsx

@@ -36,7 +36,7 @@ import StandardThreeWidgetFooter from '../../components/dashboard/StandardThreeW
 export default function Clusters() {
   const toast = useToast();
   const { activeSite } = useSiteStore();
-  const { activeSector } = useSectorStore();
+  const { activeSector, sectors } = useSectorStore();
   const { pageSize } = usePageSizeStore();
 
   // Data state
@@ -429,6 +429,7 @@ export default function Clusters() {
   const pageConfig = useMemo(() => {
     return createClustersPageConfig({
       activeSector,
+      sectors,
       formData,
       setFormData,
       searchTerm,
@@ -458,6 +459,7 @@ export default function Clusters() {
     });
   }, [
     activeSector,
+    sectors,
     formData,
     searchTerm,
     statusFilter,

frontend/src/pages/Planner/Ideas.tsx

@@ -38,7 +38,7 @@ import StandardThreeWidgetFooter from '../../components/dashboard/StandardThreeW
 export default function Ideas() {
   const toast = useToast();
   const { activeSite } = useSiteStore();
-  const { activeSector } = useSectorStore();
+  const { activeSector, sectors } = useSectorStore();
   const { pageSize } = usePageSizeStore();
 
   // Data state
@@ -341,6 +341,8 @@ export default function Ideas() {
     return createIdeasPageConfig({
       clusters,
       activeSector,
+      sectors,
+      sectors,
       formData,
       setFormData,
       searchTerm,

frontend/src/pages/Planner/Keywords.tsx

@@ -42,7 +42,7 @@ import { createKeywordsPageConfig } from '../../config/pages/keywords.config';
 export default function Keywords() {
   const toast = useToast();
   const { activeSite } = useSiteStore();
-  const { activeSector, loadSectorsForSite } = useSectorStore();
+  const { activeSector, sectors, loadSectorsForSite } = useSectorStore();
   const { pageSize } = usePageSizeStore();
 
   // Data state
@@ -575,6 +575,7 @@ export default function Keywords() {
     return createKeywordsPageConfig({
       clusters,
       activeSector,
+      sectors,
       formData,
       setFormData,
       // Filter state handlers
@@ -611,6 +612,7 @@ export default function Keywords() {
   }, [
     clusters,
     activeSector,
+    sectors,
     formData,
     searchTerm,
     statusFilter,