# 8. Source Tree ### 8.1 Existing Project Structure ``` Lin/ ├── .env.hf ├── .gitattributes ├── .gitignore ├── .kilocodemodes ├── app.py ├── docker-compose.yml ├── Dockerfile ├── nginx.conf ├── package-lock.json ├── package.json ├── README.md ├── requirements.txt ├── SETUP_GUIDE.md ├── simple_timezone_test.py ├── start_app.py ├── start_celery.py ├── start-dev.js ├── starty.py ├── test_apscheduler.py ├── test_imports.py ├── test_scheduler_integration.py ├── test_scheduler_visibility.py ├── test_timezone_functionality.py ├── .qwen/ ├── backend/ │ ├── __init__.py │ ├── .env.example │ ├── app.py │ ├── config.py │ ├── Dockerfile │ ├── README.md │ ├── requirements.txt │ ├── test_database_connection.py │ ├── test_oauth_callback.py │ ├── test_oauth_flow.py │ ├── TESTING_GUIDE.md │ ├── api/ │ │ ├── __init__.py │ │ ├── accounts.py │ │ ├── auth.py │ │ ├── posts.py │ │ ├── schedules.py │ │ └── sources.py │ ├── models/ │ │ ├── __init__.py │ │ ├── schedule.py │ │ └── user.py │ ├── scheduler/ │ │ ├── __init__.py │ │ └── apscheduler_service.py │ ├── services/ │ │ ├── __init__.py │ │ ├── auth_service.py │ │ ├── content_service.py │ │ ├── linkedin_service.py │ │ └── schedule_service.py │ ├── tests/ │ │ ├── test_frontend_integration.py │ │ └── test_scheduler_image_integration.py │ ├── utils/ │ │ ├── __init__.py │ │ ├── cookies.py │ │ ├── database.py │ │ ├── image_utils.py │ │ └── timezone_utils.py │ └── .gitignore ├── docu_code/ │ ├── My_data_base_schema_.txt │ └── supabase.txt ├── fav/ │ └── Capture d'écran 2025-08-16 223532.png ├── frontend/ │ ├── .env.development │ ├── .env.example │ ├── .env.production │ ├── .eslintrc.cjs │ ├── DESIGN_SYSTEM.md │ ├── Dockerfile │ ├── index.html │ ├── package-lock.json │ ├── package.json │ ├── postcss.config.js │ ├── README.md │ ├── RESPONSIVE_DESIGN_VALIDATION.md │ ├── tailwind.config.js │ ├── test-auth-fix.js │ ├── tsconfig.json │ ├── tsconfig.node.json │ ├── vite.config.js │ ├── public/ │ │ ├── favicon.ico │ │ ├── favicon.png │ │ ├── index.html │ │ └── manifest.json │ ├── scripts/ │ │ └── build-env.js │ ├── src/ │ │ ├── App.css │ │ ├── App.jsx │ │ ├── index.css │ │ ├── index.jsx │ │ ├── layout-test.js │ │ ├── responsive-design-test.js │ │ ├── responsive.css │ │ ├── components/ │ │ │ ├── FeatureCard.jsx │ │ │ ├── TestimonialCard.jsx │ │ │ ├── Header/ │ │ │ │ ├── Header.css │ │ │ │ └── Header.jsx │ │ │ ├── LinkedInAccount/ │ │ │ │ ├── LinkedInAccountCard.jsx │ │ │ │ ├── LinkedInAccountsManager.jsx │ │ │ │ └── LinkedInCallbackHandler.jsx │ │ │ └── Sidebar/ │ │ │ └── Sidebar.jsx │ │ ├── css/ │ │ │ ├── base.css │ │ │ ├── components.css.bak │ │ │ ├── main.css │ │ │ ├── responsive.css │ │ │ ├── typography.css │ │ │ ├── variables.css │ │ │ ├── components/ │ │ │ ├── buttons.css │ │ │ │ ├── cards.css │ │ │ │ ├── forms.css │ │ │ │ ├── grid.css │ │ │ │ ├── header.css │ │ │ │ ├── linkedin.css │ │ │ │ ├── modal.css │ │ │ │ ├── navigation.css │ │ │ │ ├── sidebar.css │ │ │ │ ├── table.css │ │ │ │ └── utilities.css │ │ │ └── responsive/ │ │ │ ├── accessibility.css │ │ │ ├── base.css │ │ │ ├── mobile-nav.css │ │ │ ├── performance.css │ │ │ └── performance/ │ │ │ ├── lazy-loading.css │ │ │ └── mobile-optimization.css │ │ ├── debug/ │ │ │ ├── testApi.js │ │ │ └── testApiIntegration.js │ │ ├── pages/ │ │ │ ├── Accounts.jsx │ │ │ ├── Dashboard.jsx │ │ │ ├── ForgotPassword.jsx │ │ │ ├── Home.jsx │ │ │ ├── Login.jsx │ │ │ ├── Posts.jsx │ │ │ ├── Register.jsx │ │ │ ├── ResetPassword.jsx │ │ │ ├── Schedule.jsx │ │ │ └── Sources.jsx │ │ ├── services/ │ │ │ ├── accountService.js │ │ │ ├── api.js │ │ │ ├── apiClient.js │ │ │ ├── authService.js │ │ │ ├── cacheService.js │ │ │ ├── cookieService.js │ │ │ ├── linkedinAuthService.js │ │ │ ├── postService.js │ │ │ ├── scheduleService.js │ │ │ ├── securityService.js │ │ │ ├── sourceService.js │ │ │ └── supabaseClient.js │ │ ├── store/ │ │ │ ├── index.js │ │ │ └── reducers/ │ │ │ ├── accountsSlice.js │ │ │ ├── authSlice.js │ │ │ ├── linkedinAccountsSlice.js │ │ │ ├── postsSlice.js │ │ │ ├── schedulesSlice.js │ │ │ └── sourcesSlice.js │ │ └── utils/ │ │ └── timezoneUtils.js │ └── .gitignore ├── Linkedin_poster_dev/ │ ├── .gitattributes │ ├── ai_agent.py │ ├── app.py │ ├── README.md │ └── requirements.txt └── docs/ └── architecture.md ``` ### 8.2 New File Organization ``` Lin/ ├── frontend/ │ └── src/ │ ├── components/ │ │ └── KeywordAnalysis/ # New keyword analysis components │ │ ├── KeywordAnalysisPanel.jsx │ │ └── index.js │ └── services/ │ └── keywordAnalysisService.js ├── backend/ │ ├── services/ │ │ ├── keyword_analysis_service.py # New service │ │ └── content_service.py # Updated with FLUX.1-dev │ └── api/ │ └── posts.py # Extended with new endpoints └── Linkedin_poster_dev/ └── ai_agent.py # Updated with FLUX.1-dev ``` ### 8.3 Integration Guidelines - **File Naming:** Follow existing snake_case for Python and camelCase for JavaScript - **Folder Organization:** Place new components in appropriate existing directories - **Import/Export Patterns:** Maintain existing patterns in the codebase