ui improvements

frontend/src/pages/Planner/Ideas.tsx

@@ -23,7 +23,7 @@ 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, ListIcon, GroupIcon } from '../../icons';
+import { BoltIcon, PlusIcon, DownloadIcon, ListIcon, GroupIcon, ArrowRightIcon } from '../../icons';
 import { LightBulbIcon } from '@heroicons/react/24/outline';
 import { createIdeasPageConfig } from '../../config/pages/ideas.config';
 import { useSectorStore } from '../../store/sectorStore';
@@ -316,15 +316,13 @@ export default function Ideas() {
           content_structure: structureFilter,
           content_type: typeFilter,
         }}
-        nextAction={selectedIds.length > 0 ? {
+        primaryAction={{
           label: 'Queue to Writer',
-          message: `${selectedIds.length} selected`,
+          icon: <ArrowRightIcon className="w-4 h-4" />,
           onClick: () => handleBulkAction('queue_to_writer', selectedIds),
-        } : ideas.filter(i => i.status === 'approved').length > 0 ? {
-          label: 'Start Writing',
-          href: '/writer/queue',
-          message: `${ideas.filter(i => i.status === 'approved').length} approved`,
-        } : undefined}
+          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') {