metrics adn insihigts

frontend/src/pages/Writer/Tasks.tsx

@@ -31,6 +31,8 @@ import { useSectorStore } from '../../store/sectorStore';
 import { usePageSizeStore } from '../../store/pageSizeStore';
 import PageHeader from '../../components/common/PageHeader';
 import ModuleNavigationTabs from '../../components/navigation/ModuleNavigationTabs';
+import ModuleMetricsFooter, { MetricItem, ProgressMetric } from '../../components/dashboard/ModuleMetricsFooter';
+import { WorkflowInsight } from '../../components/common/WorkflowInsights';
 
 export default function Tasks() {
   const toast = useToast();
@@ -79,6 +81,63 @@ export default function Tasks() {
   // Progress modal for AI functions
   const progressModal = useProgressModal();
 
+  // Calculate workflow insights
+  const workflowInsights: WorkflowInsight[] = useMemo(() => {
+    const insights: WorkflowInsight[] = [];
+    const queuedCount = tasks.filter(t => t.status === 'queued').length;
+    const processingCount = tasks.filter(t => t.status === 'in_progress').length;
+    const completedCount = tasks.filter(t => t.status === 'completed').length;
+    const failedCount = tasks.filter(t => t.status === 'failed').length;
+    const completionRate = totalCount > 0 ? Math.round((completedCount / totalCount) * 100) : 0;
+
+    if (totalCount === 0) {
+      insights.push({
+        type: 'info',
+        message: 'No tasks yet - Queue ideas from Planner to start generating content automatically',
+      });
+      return insights;
+    }
+
+    // Queue status
+    if (queuedCount > 10) {
+      insights.push({
+        type: 'warning',
+        message: `Large queue detected (${queuedCount} tasks) - Content generation may take time, consider prioritizing`,
+      });
+    } else if (queuedCount > 0) {
+      insights.push({
+        type: 'info',
+        message: `${queuedCount} tasks in queue - Content generation pipeline is active`,
+      });
+    }
+
+    // Processing status
+    if (processingCount > 0) {
+      insights.push({
+        type: 'action',
+        message: `${processingCount} tasks actively generating content - Check back soon for completed drafts`,
+      });
+    }
+
+    // Failed tasks
+    if (failedCount > 0) {
+      insights.push({
+        type: 'warning',
+        message: `${failedCount} tasks failed - Review errors and retry or adjust task parameters`,
+      });
+    }
+
+    // Completion success
+    if (completionRate >= 70 && completedCount >= 5) {
+      insights.push({
+        type: 'success',
+        message: `High completion rate (${completionRate}%) - ${completedCount} pieces of content ready for review`,
+      });
+    }
+
+    return insights;
+  }, [tasks, totalCount]);
+
   // AI Function Logs state
   const [aiLogs, setAiLogs] = useState<Array<{
     timestamp: string;
@@ -522,6 +581,7 @@ export default function Tasks() {
       label: metric.label,
       value: metric.calculate({ tasks, totalCount }),
       accentColor: metric.accentColor,
+      tooltip: (metric as any).tooltip,
     }));
   }, [pageConfig?.headerMetrics, tasks, totalCount]);
 
@@ -573,6 +633,7 @@ export default function Tasks() {
         title="Content Queue" 
         badge={{ icon: <TaskIcon />, color: 'indigo' }}
         navigation={<ModuleNavigationTabs tabs={writerTabs} />}
+        workflowInsights={workflowInsights}
       />
       <TablePageTemplate
           columns={pageConfig.columns}
@@ -678,6 +739,47 @@ export default function Tasks() {
           }}
         />
 
+      {/* Module Metrics Footer - Pipeline Style with Cross-Module Links */}
+      <ModuleMetricsFooter
+        metrics={[
+          {
+            title: 'Ideas',
+            value: clusters.reduce((sum, c) => sum + (c.ideas_count || 0), 0).toLocaleString(),
+            subtitle: 'from planner',
+            icon: <TaskIcon className="w-5 h-5" />,
+            accentColor: 'orange',
+            href: '/planner/ideas',
+          },
+          {
+            title: 'In Queue',
+            value: tasks.filter(t => t.status === 'queued').length.toLocaleString(),
+            subtitle: 'waiting for processing',
+            icon: <TaskIcon className="w-5 h-5" />,
+            accentColor: 'amber',
+          },
+          {
+            title: 'Processing',
+            value: tasks.filter(t => t.status === 'in_progress').length.toLocaleString(),
+            subtitle: 'generating content',
+            icon: <TaskIcon className="w-5 h-5" />,
+            accentColor: 'blue',
+          },
+          {
+            title: 'Ready for Review',
+            value: tasks.filter(t => t.status === 'completed').length.toLocaleString(),
+            subtitle: 'content generated',
+            icon: <CheckCircleIcon className="w-5 h-5" />,
+            accentColor: 'green',
+            href: '/writer/content',
+          },
+        ]}
+        progress={{
+          label: 'Content Generation Pipeline: Tasks successfully completed (Queued → Processing → Completed)',
+          value: totalCount > 0 ? Math.round((tasks.filter(t => t.status === 'completed').length / totalCount) * 100) : 0,
+          color: 'success',
+        }}
+      />
+
       {/* Progress Modal for AI Functions */}
       <ProgressModal
         isOpen={progressModal.isOpen}