final section 10 -- and lgoabl styles adn compoeents plan

frontend/src/layout/AppSidebar.tsx

@@ -18,6 +18,7 @@ import {
   FileIcon,
   UserIcon,
   UserCircleIcon,
+  ShootingStarIcon,
 } from "../icons";
 import { useSidebar } from "../context/SidebarContext";
 import { useAuthStore } from "../store/authStore";
@@ -67,9 +68,16 @@ const AppSidebar: React.FC = () => {
   // New structure: Dashboard (standalone) → SETUP → WORKFLOW → SETTINGS
   // Module visibility is controlled by GlobalModuleSettings (Django Admin only)
   const menuSections: MenuSection[] = useMemo(() => {
-    // SETUP section items - Ordered: Sites → Add Keywords → Content Settings → Thinker
+    // SETUP section items - Ordered: Setup Wizard → Sites → Add Keywords → Content Settings → Thinker
     const setupItems: NavItem[] = [];
 
+    // Setup Wizard at top - guides users through site setup
+    setupItems.push({
+      icon: <ShootingStarIcon />,
+      name: "Setup Wizard",
+      path: "/setup/wizard",
+    });
+
     // Sites is always visible - it's core functionality for managing sites
     setupItems.push({
       icon: <GridIcon />,