ALwrity + Wix + Wordpress + GSC + Bug Fixes

frontend/src/components/MainDashboard/ContentLifecyclePillars.tsx

@@ -3,29 +3,12 @@ import {
   Box,
   Container,
   Typography,
-  Card,
   CardContent,
-  useTheme,
-  useMediaQuery,
   Chip,
   Tooltip,
-  Paper,
-  Modal,
-  Button,
-  IconButton,
-  Divider,
-  LinearProgress,
-  Avatar,
-  Stack
+  Paper
 } from '@mui/material';
 import { motion, AnimatePresence } from 'framer-motion';
-import {
-  Close as CloseIcon,
-  Settings as SettingsIcon,
-  CheckCircle as CheckIcon,
-  RadioButtonUnchecked as UncheckedIcon,
-  TrendingUp as TrendingUpIcon
-} from '@mui/icons-material';
 import GeneratePillarChips from './components/GeneratePillarChips';
 import PublishPillarChips from './components/PublishPillarChips';
 import AnalyzePillarChips from './components/AnalyzePillarChips';
@@ -484,14 +467,11 @@ const PillarCard: React.FC<{
 
 // Main Content Lifecycle Pillars Component
 const ContentLifecyclePillars: React.FC = () => {
-  const theme = useTheme();
-  const isMobile = useMediaQuery(theme.breakpoints.down('md'));
   const [onboardingModalOpen, setOnboardingModalOpen] = useState(false);
 
   // Workflow store hooks
   const {
     currentWorkflow,
-    workflowProgress,
     isLoading: workflowLoading,
     startWorkflow,
   } = useWorkflowStore();

frontend/src/components/MainDashboard/MainDashboard.tsx

@@ -23,7 +23,7 @@ import CompactSidebar from './components/CompactSidebar';
 
 // Shared types and utilities
 import { Tool } from '../shared/types';
-import { getFilteredCategories, getToolsForCategory } from '../shared/utils';
+import { getToolsForCategory } from '../shared/utils';
 
 // Zustand stores
 import { useDashboardStore } from '../../stores/dashboardStore';

frontend/src/components/MainDashboard/components/AnalyzePillarChips.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import { Box, Chip, useTheme } from '@mui/material';
+import { Box, Chip } from '@mui/material';
 import { motion, AnimatePresence } from 'framer-motion';
 import { useNavigate } from 'react-router-dom';
 import { 

frontend/src/components/MainDashboard/components/CompactSidebar.tsx

@@ -3,7 +3,6 @@ import {
   Box,
   Paper,
   Typography,
-  Chip,
   IconButton,
   Tooltip,
   Divider,
@@ -14,8 +13,6 @@ import {
   Filter,
   ChevronLeft,
   ChevronRight,
-  Activity,
-  Zap,
   Star
 } from 'lucide-react';
 
@@ -78,26 +75,16 @@ const CompactSidebar: React.FC<CompactSidebarProps> = ({
   // State for search expansion on hover
   const [isSearchExpanded, setIsSearchExpanded] = useState(false);
   // State for sidebar hover expansion
-  const [isSidebarHovered, setIsSidebarHovered] = useState(false);
+  const [, setIsSidebarHovered] = useState(false);
   // State for favorites expansion on hover
   const [isFavoritesExpanded, setIsFavoritesExpanded] = useState(false);
   // Track original collapsed state for hover behavior
   const [wasOriginallyCollapsed, setWasOriginallyCollapsed] = useState(false);
   const [isAnimating, setIsAnimating] = useState(false);
-  const [rippleIndex, setRippleIndex] = useState(-1);
+  const [, setRippleIndex] = useState(-1);
   const [shouldAutoExpand, setShouldAutoExpand] = useState(false);
   const [userHasInteracted, setUserHasInteracted] = useState(false);
 
-  // Calculate total tools count
-  const totalTools = Object.values(toolCategories).reduce((sum, category) => {
-    if ('tools' in category) {
-      return sum + category.tools.length;
-    } else if ('subCategories' in category) {
-      return sum + Object.values(category.subCategories).reduce((subSum, subCat) => subSum + subCat.tools.length, 0);
-    }
-    return sum;
-  }, 0);
-
   // Ripple effect for chips
   const startRippleEffect = useCallback(() => {
     const categoryEntries = Object.entries(toolCategories).slice(0, 5);

frontend/src/components/MainDashboard/components/EngagePillarChips.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import { Box, Chip, useTheme } from '@mui/material';
+import { Box, Chip } from '@mui/material';
 import { motion, AnimatePresence } from 'framer-motion';
 import { useNavigate } from 'react-router-dom';
 import { 

frontend/src/components/MainDashboard/components/EnhancedTodayModal.tsx

@@ -1,4 +1,4 @@
-import React, { useState } from 'react';
+import React from 'react';
 import {
   Box,
   Typography,
@@ -10,7 +10,6 @@ import {
   IconButton,
   Avatar,
   Stack,
-  LinearProgress,
   CircularProgress,
   Card,
   CardContent
@@ -57,13 +56,10 @@ const EnhancedTodayModal: React.FC<EnhancedTodayModalProps> = ({
     navigationState,
     completeTask,
     skipTask,
-    moveToNextTask,
     isLoading,
     isWorkflowComplete
   } = useWorkflowStore();
 
-  const [selectedTask, setSelectedTask] = useState<TodayTask | null>(null);
-
   // Prefer live workflow tasks (to reflect updated statuses), fallback to props
   const liveTasks = currentWorkflow?.tasks && Array.isArray(currentWorkflow.tasks) && currentWorkflow.tasks.length > 0
     ? currentWorkflow.tasks
@@ -100,12 +96,6 @@ const EnhancedTodayModal: React.FC<EnhancedTodayModalProps> = ({
     }
   };
 
-  const handleStartWorkflow = async () => {
-    if (currentWorkflow) {
-      await moveToNextTask();
-    }
-  };
-
   const handleNextPillar = async () => {
     // Close current modal
     onClose();
@@ -158,9 +148,6 @@ const EnhancedTodayModal: React.FC<EnhancedTodayModalProps> = ({
     task.status === 'completed' || task.status === 'skipped'
   );
 
-  // Check if this is the Plan pillar
-  const isPlanPillar = pillarId === 'plan';
-  
   // Define pillar order for navigation
   const pillarOrder = ['plan', 'generate', 'publish', 'analyze', 'engage', 'remarket'];
   const currentPillarIndex = pillarOrder.indexOf(pillarId);