fixes but still nto fixed

frontend/src/pages/Planner/Ideas.tsx

@@ -19,6 +19,8 @@ import {
   ContentIdeaCreateData,
   fetchClusters,
   Cluster,
+  fetchPlannerIdeasFilterOptions,
+  FilterOption,
 } from '../../services/api';
 import FormModal from '../../components/common/FormModal';
 import ProgressModal from '../../components/common/ProgressModal';
@@ -49,6 +51,12 @@ export default function Ideas() {
   const [totalPending, setTotalPending] = useState(0);
   const [totalImagesCount, setTotalImagesCount] = useState(0);
 
+  // Dynamic filter options
+  const [statusOptions, setStatusOptions] = useState<FilterOption[]>([]);
+  const [contentTypeOptions, setContentTypeOptions] = useState<FilterOption[]>([]);
+  const [contentStructureOptions, setContentStructureOptions] = useState<FilterOption[]>([]);
+  const [clusterOptions, setClusterOptions] = useState<FilterOption[]>([]);
+
   // Filter state
   const [searchTerm, setSearchTerm] = useState('');
   const [statusFilter, setStatusFilter] = useState('');
@@ -85,7 +93,7 @@ export default function Ideas() {
   // Progress modal for AI functions
   const progressModal = useProgressModal();
 
-  // Load clusters for filter dropdown
+  // Load clusters for form dropdown (all clusters)
   useEffect(() => {
     const loadClusters = async () => {
       try {
@@ -98,6 +106,26 @@ export default function Ideas() {
     loadClusters();
   }, []);
 
+  // Load dynamic filter options based on current site's data
+  const loadFilterOptions = useCallback(async () => {
+    if (!activeSite) return;
+    
+    try {
+      const options = await fetchPlannerIdeasFilterOptions(activeSite.id);
+      setStatusOptions(options.statuses || []);
+      setContentTypeOptions(options.content_types || []);
+      setContentStructureOptions(options.content_structures || []);
+      setClusterOptions(options.clusters || []);
+    } catch (error) {
+      console.error('Error loading filter options:', error);
+    }
+  }, [activeSite]);
+
+  // Load filter options when site changes
+  useEffect(() => {
+    loadFilterOptions();
+  }, [loadFilterOptions]);
+
   // Load total metrics for footer widget (site-wide totals, no sector filter)
   const loadTotalMetrics = useCallback(async () => {
     try {
@@ -302,8 +330,13 @@ export default function Ideas() {
       typeFilter,
       setTypeFilter,
       setCurrentPage,
+      // Dynamic filter options
+      statusOptions,
+      contentTypeOptions,
+      contentStructureOptions,
+      clusterOptions,
     });
-  }, [clusters, activeSector, formData, searchTerm, statusFilter, clusterFilter, structureFilter, typeFilter]);
+  }, [clusters, activeSector, formData, searchTerm, statusFilter, clusterFilter, structureFilter, typeFilter, statusOptions, contentTypeOptions, contentStructureOptions, clusterOptions]);
 
   // Calculate header metrics - use totalInTasks/totalPending from API calls (not page data)
   // This ensures metrics show correct totals across all pages, not just current page