more fixes

frontend/src/pages/Automation/AutomationPage.tsx

@@ -962,14 +962,14 @@ const AutomationPage: React.FC = () => {
               );
             })()}
 
-              {/* Published summary card (placed after Stage 7 in the same row) */}
+              {/* Approved summary card (placed after Stage 7 in the same row) */}
               <div className="rounded-xl p-5 border-2 border-green-200 bg-gradient-to-br from-green-50 to-green-100 dark:from-green-900/10 dark:to-green-800/10 flex flex-col h-full">
                 <div className="flex items-center justify-between mb-3">
                   <div className="flex items-center gap-3">
                     <div className="size-10 rounded-lg bg-gradient-to-br from-green-500 to-green-600 flex items-center justify-center">
                       <FileTextIcon className="size-5 text-white" />
                     </div>
-                    <div className="text-sm font-bold text-green-900 dark:text-green-100">Published</div>
+                    <div className="text-sm font-bold text-green-900 dark:text-green-100">Approved</div>
                   </div>
                   <div className="text-right">&nbsp;</div>
                 </div>

frontend/src/pages/Planner/Clusters.tsx

@@ -411,7 +411,6 @@ export default function Clusters() {
           onClick: () => handleBulkAction('auto_generate_ideas', selectedIds),
           variant: 'success',
         }}
-        getRowClassName={(row) => (row.ideas_count || 0) > 0 ? 'bg-success-50 dark:bg-success-500/10' : ''}
         onFilterChange={(key, value) => {
           const stringValue = value === null || value === undefined ? '' : String(value);
           if (key === 'search') {

frontend/src/pages/Planner/Ideas.tsx

@@ -322,7 +322,6 @@ export default function Ideas() {
           onClick: () => handleBulkAction('queue_to_writer', selectedIds),
           variant: 'success',
         }}
-        getRowClassName={(row) => row.status === 'queued' || row.status === 'completed' ? 'bg-success-50 dark:bg-success-500/10' : ''}
         onFilterChange={(key, value) => {
           const stringValue = value === null || value === undefined ? '' : String(value);
           if (key === 'search') {

frontend/src/pages/Planner/Keywords.tsx

@@ -603,7 +603,6 @@ export default function Keywords() {
           onClick: () => handleBulkAction('auto_cluster', selectedIds),
           variant: 'success',
         }}
-        getRowClassName={(row) => row.cluster_id ? 'bg-success-50 dark:bg-success-500/10' : ''}
         onFilterChange={(key, value) => {
           // Normalize value to string, preserving empty strings
           const stringValue = value === null || value === undefined ? '' : String(value);

frontend/src/pages/Writer/Approved.tsx

@@ -37,7 +37,6 @@ export default function Approved() {
   
   // Filter state - default to approved status
   const [searchTerm, setSearchTerm] = useState('');
-  const [statusFilter, setStatusFilter] = useState('approved'); // Default to approved
   const [publishStatusFilter, setPublishStatusFilter] = useState('');
   const [selectedIds, setSelectedIds] = useState<string[]>([]);
   
@@ -51,7 +50,7 @@ export default function Approved() {
   const [sortDirection, setSortDirection] = useState<'asc' | 'desc'>('desc');
   const [showContent, setShowContent] = useState(false);
 
-  // Load content - filtered for approved status
+  // Load content - filtered for approved status (API still uses 'published' internally)
   const loadContent = useCallback(async () => {
     setLoading(true);
     setShowContent(false);
@@ -60,7 +59,7 @@ export default function Approved() {
       
       const filters: ContentFilters = {
         ...(searchTerm && { search: searchTerm }),
-        status: 'approved', // Always filter for approved status
+        status: 'published', // Backend uses 'published' for approved content
         page: currentPage,
         page_size: pageSize,
         ordering,
@@ -109,7 +108,7 @@ export default function Approved() {
       setShowContent(true);
       setLoading(false);
     }
-  }, [currentPage, statusFilter, publishStatusFilter, sortBy, sortDirection, searchTerm, pageSize, toast]);
+  }, [currentPage, publishStatusFilter, sortBy, sortDirection, searchTerm, pageSize, toast]);
 
   useEffect(() => {
     loadContent();
@@ -326,7 +325,6 @@ export default function Approved() {
           onClick: () => handleBulkAction('bulk_publish_wordpress', selectedIds),
           variant: 'success',
         }}
-        getRowClassName={(row) => row.external_id ? 'bg-success-50 dark:bg-success-500/10' : ''}
         onFilterChange={(key: string, value: any) => {
           if (key === 'search') {
             setSearchTerm(value);

frontend/src/pages/Writer/Content.tsx

@@ -242,7 +242,6 @@ export default function Content() {
           status: statusFilter,
           source: sourceFilter,
         }}
-        getRowClassName={(row) => row.status === 'review' || row.status === 'published' ? 'bg-success-50 dark:bg-success-500/10' : ''}
         onFilterChange={(key: string, value: any) => {
           if (key === 'search') {
             setSearchTerm(value);

frontend/src/pages/Writer/Review.tsx

@@ -416,7 +416,6 @@ export default function Review() {
           onClick: () => handleBulkAction('bulk_approve', selectedIds),
           variant: 'success',
         }}
-        getRowClassName={(row) => row.status === 'approved' ? 'bg-success-50 dark:bg-success-500/10' : ''}
         onFilterChange={(key, value) => {
           const stringValue = value === null || value === undefined ? '' : String(value);
           if (key === 'search') {

frontend/src/pages/Writer/Tasks.tsx

@@ -385,7 +385,6 @@ export default function Tasks() {
             content_type: typeFilter,
             source: sourceFilter,
           }}
-          getRowClassName={(row) => row.status === 'completed' ? 'bg-success-50 dark:bg-success-500/10' : ''}
           onFilterChange={(key, value) => {
             const stringValue = value === null || value === undefined ? '' : String(value);
             if (key === 'search') {