Update app.py

app.py

@@ -252,6 +252,15 @@ st.markdown("""
         box-shadow: 0 10px 30px rgba(0,0,0,0.5);
         border: 1px solid var(--border-color);
     }
+    
+    /* Navigation tab styling */
+    .nav-tabs {
+        background-color: var(--card-background);
+        padding: 1rem;
+        border-radius: 10px;
+        margin-bottom: 2rem;
+        border: 1px solid var(--border-color);
+    }
 </style>
 """, unsafe_allow_html=True)
 
@@ -262,6 +271,102 @@ if 'session_ids' not in st.session_state:
     st.session_state.session_ids = []
 if 'authenticated' not in st.session_state:
     st.session_state.authenticated = False
+if 'current_page' not in st.session_state:
+    st.session_state.current_page = "Course Personalization"
+
+# Admin Dashboard Functions
+def fetch_sessions():
+    """Fetch all sessions from DynamoDB"""
+    try:
+        dynamodb = boto3.client(
+            "dynamodb",
+            region_name=DYNAMODB_REGION,
+            aws_access_key_id=AWS_ACCESS_KEY_ID,
+            aws_secret_access_key=AWS_SECRET_ACCESS_KEY,
+        )
+        
+        response = dynamodb.scan(TableName=SESSION_TABLE)
+        items = response.get("Items", [])
+        sessions = []
+        for item in items:
+            sessions.append({
+                "session_id": item.get("session_id", {}).get("S"),
+                "status": item.get("status", {}).get("S", "unknown"),
+                "node": item.get("node", {}).get("S", "-"),
+                "updated_at": item.get("updated_at", {}).get("S", "-"),
+                "video_url": item.get("video_url", {}).get("S", None),
+            })
+        return sessions
+    except Exception as e:
+        st.error(f"⚠️ Error fetching sessions: {e}")
+        return []
+
+def render_admin_dashboard():
+    """Render the admin dashboard page"""
+    st.markdown("<h1 style='color:#4F97FF;text-align:center;'>📊 Base Video Generation Dashboard</h1>", unsafe_allow_html=True)
+    
+    # Auto-refresh controls
+    col1, col2, col3 = st.columns([1, 1, 2])
+    with col1:
+        if st.button("🔄 Refresh Now", key="manual_refresh"):
+            st.rerun()
+    
+    with col2:
+        auto_refresh = st.toggle("Auto Refresh (15s)", value=False)
+    
+    # Fetch sessions
+    sessions = fetch_sessions()
+    
+    if not sessions:
+        st.warning("No sessions found yet.")
+        st.info("Sessions will appear here once you start generating courses from the Course Personalization page.")
+    else:
+        # Display session count
+        st.markdown(f"### 📈 Found {len(sessions)} session(s)")
+        
+        # Sort sessions by updated_at (newest first)
+        try:
+            sessions.sort(key=lambda x: x['updated_at'] if x['updated_at'] != '-' else '1970-01-01', reverse=True)
+        except:
+            pass
+        
+        # Display sessions
+        for i, session in enumerate(sessions):
+            status_color = {
+                'completed': 'lime',
+                'processing': 'orange',
+                'in_progress': 'orange', 
+                'running': 'orange',
+                'failed': 'red',
+                'error': 'red'
+            }.get(session['status'].lower(), 'yellow')
+            
+            with st.container():
+                st.markdown(f"""
+                <div style="background:#2D2D2D;padding:1.5rem;border-radius:12px;margin-bottom:1rem;border:1px solid #444;">
+                    <div style="display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;">
+                        <h4 style="color:#4F97FF;margin:0;">🆔 Session {i+1}</h4>
+                        <span style="background:{status_color};color:black;padding:0.3rem 0.8rem;border-radius:15px;font-size:0.8rem;font-weight:bold;">{session['status'].upper()}</span>
+                    </div>
+                    <div style="display:grid;grid-template-columns:1fr 1fr;gap:1rem;">
+                        <div>
+                            <b>Session ID:</b><br><code style="background:#1A1A1A;padding:0.3rem;border-radius:4px;">{session['session_id']}</code>
+                        </div>
+                        <div>
+                            <b>Current Node:</b><br><span style="color:#E0E0E0;">{session['node']}</span>
+                        </div>
+                    </div>
+                    <div style="margin-top:1rem;">
+                        <b>⏱️ Last Update:</b> <span style="color:#888;">{session['updated_at']}</span>
+                    </div>
+                    {f"<div style='margin-top:1rem;'><b>🎥 Final Video:</b> <a href='{session['video_url']}' target='_blank' style='color:#4F97FF;'>📺 Watch Video</a></div>" if session['video_url'] else ""}
+                </div>
+                """, unsafe_allow_html=True)
+    
+    # Auto-refresh mechanism
+    if auto_refresh:
+        time.sleep(15)
+        st.rerun()
 
 # Authentication check
 if not st.session_state.authenticated:
@@ -304,333 +409,351 @@ if not st.session_state.authenticated:
     """, unsafe_allow_html=True)
     st.stop()
 
-# Main app header
-st.markdown('<h1 class="main-header">📚 Base Course Personalization</h1>', unsafe_allow_html=True)
+# Navigation and Header (after login)
+col1, col2, col3, col4 = st.columns([3, 2, 2, 1])
+with col1:
+    st.markdown('<h1 class="main-header">📚 Base Course Management</h1>', unsafe_allow_html=True)
+
+with col2:
+    page = st.selectbox(
+        "📋 Navigate to:",
+        ["Course Personalization", "Admin Dashboard"],
+        index=0 if st.session_state.current_page == "Course Personalization" else 1,
+        key="page_selector"
+    )
+    st.session_state.current_page = page
 
-# Logout button in top right
-col1, col2, col3 = st.columns([2, 1, 1])
-with col3:
+with col4:
     if st.button("🔓 Logout", key="logout_btn"):
         st.session_state.authenticated = False
         st.session_state.topics_list = [{"topic_title": "What is Flask", "chapter_title": "Introduction to Flask"}]
         st.session_state.session_ids = []
+        st.session_state.current_page = "Course Personalization"
         st.rerun()
 
-# Topics Section (Outside form for dynamic interaction)
-st.markdown('<div class="section-header">📋 Topics Configuration</div>', unsafe_allow_html=True)
+# Page routing
+if st.session_state.current_page == "Admin Dashboard":
+    render_admin_dashboard()
+else:
+    # Course Personalization Page (Original Content)
+    
+    # Topics Section (Outside form for dynamic interaction)
+    st.markdown('<div class="section-header">📋 Topics Configuration</div>', unsafe_allow_html=True)
 
-# Display existing topics with better styling
-for i, topic in enumerate(st.session_state.topics_list):
-    st.markdown(f'<div class="topic-container">', unsafe_allow_html=True)
-    st.markdown(f'<div class="topic-header">📖 Topic {i+1}</div>', unsafe_allow_html=True)
-    
-    col1, col2, col3 = st.columns([3, 3, 1])
-    with col1:
-        topic_title = st.text_input(
-            "Topic Title", 
-            value=topic["topic_title"], 
-            key=f"topic_title_{i}",
-            help="Enter the topic title"
-        )
-        st.session_state.topics_list[i]["topic_title"] = topic_title
-    
-    with col2:
-        chapter_title = st.text_input(
-            "Chapter Title", 
-            value=topic["chapter_title"], 
-            key=f"chapter_title_{i}",
-            help="Enter the chapter title"
-        )
-        st.session_state.topics_list[i]["chapter_title"] = chapter_title
-    
-    with col3:
-        if len(st.session_state.topics_list) > 1:
-            st.markdown("<br>", unsafe_allow_html=True)  # Add spacing
-            if st.button("🗑️", key=f"remove_{i}", help="Remove this topic"):
-                st.session_state.topics_list.pop(i)
-                st.rerun()
-    
-    st.markdown('</div>', unsafe_allow_html=True)
-
-# Add/Remove topic buttons outside the form
-st.markdown('<div class="action-buttons">', unsafe_allow_html=True)
-col1, col2, col3, col4 = st.columns([2, 2, 2, 4])
-with col1:
-    if st.button("➕ Add Topic", key="add_topic", help="Add a new topic"):
-        st.session_state.topics_list.append({
-            "topic_title": f"Topic {len(st.session_state.topics_list) + 1}", 
-            "chapter_title": f"Chapter {len(st.session_state.topics_list) + 1}"
-        })
-        st.rerun()
-with col2:
-    if st.button("🔄 Reset All", key="reset_topics", help="Reset to default topics"):
-        st.session_state.topics_list = [{"topic_title": "What is Flask", "chapter_title": "Introduction to Flask"}]
-        st.rerun()
-st.markdown('</div>', unsafe_allow_html=True)
+    # Display existing topics with better styling
+    for i, topic in enumerate(st.session_state.topics_list):
+        st.markdown(f'<div class="topic-container">', unsafe_allow_html=True)
+        st.markdown(f'<div class="topic-header">📖 Topic {i+1}</div>', unsafe_allow_html=True)
+        
+        col1, col2, col3 = st.columns([3, 3, 1])
+        with col1:
+            topic_title = st.text_input(
+                "Topic Title", 
+                value=topic["topic_title"], 
+                key=f"topic_title_{i}",
+                help="Enter the topic title"
+            )
+            st.session_state.topics_list[i]["topic_title"] = topic_title
+        
+        with col2:
+            chapter_title = st.text_input(
+                "Chapter Title", 
+                value=topic["chapter_title"], 
+                key=f"chapter_title_{i}",
+                help="Enter the chapter title"
+            )
+            st.session_state.topics_list[i]["chapter_title"] = chapter_title
+        
+        with col3:
+            if len(st.session_state.topics_list) > 1:
+                st.markdown("<br>", unsafe_allow_html=True)  # Add spacing
+                if st.button("🗑️", key=f"remove_{i}", help="Remove this topic"):
+                    st.session_state.topics_list.pop(i)
+                    st.rerun()
+        
+        st.markdown('</div>', unsafe_allow_html=True)
 
-# Main Form (for settings and submission)
-with st.form("personalization_form", clear_on_submit=False):
-    # Language & Voice Settings Section  
-    st.markdown('<div class="section-header">🗣️ Language & Voice Settings</div>', unsafe_allow_html=True)
-    
-    col1, col2, col3 = st.columns(3)
+    # Add/Remove topic buttons outside the form
+    st.markdown('<div class="action-buttons">', unsafe_allow_html=True)
+    col1, col2, col3, col4 = st.columns([2, 2, 2, 4])
     with col1:
-        target_language = st.selectbox(
-            "Target Language", 
-            ["english", "hindi", "marathi", "kannada", "punjabi","gujarati"],
-            index=0,
-            format_func=lambda x: x.capitalize(),
-            help="Select the target language for content generation"
-        )
-    
+        if st.button("➕ Add Topic", key="add_topic", help="Add a new topic"):
+            st.session_state.topics_list.append({
+                "topic_title": f"Topic {len(st.session_state.topics_list) + 1}", 
+                "chapter_title": f"Chapter {len(st.session_state.topics_list) + 1}"
+            })
+            st.rerun()
     with col2:
-        tts_gender = st.selectbox(
-            "Voice Gender", 
-            ["male", "female"], 
-            index=0,
-            format_func=lambda x: x.capitalize(),
-            help="Select the voice gender for text-to-speech"
-        )
-    
-    with col3:
-        tts_voice = st.selectbox(
-            "Voice Style", 
-            ["alloy", "echo", "fable", "onyx", "nova", "shimmer"],
-            index=3,  # Default to "onyx"
-            format_func=lambda x: x.capitalize(),
-            help="Select the voice style for text-to-speech"
-        )
+        if st.button("🔄 Reset All", key="reset_topics", help="Reset to default topics"):
+            st.session_state.topics_list = [{"topic_title": "What is Flask", "chapter_title": "Introduction to Flask"}]
+            st.rerun()
+    st.markdown('</div>', unsafe_allow_html=True)
 
-    # Technical Settings Section
-    st.markdown('<div class="section-header">💻 Technical Settings</div>', unsafe_allow_html=True)
-    
-    col1, col2 = st.columns(2)
-    with col1:
-        # Comprehensive list of programming languages, frameworks, and databases
-        tech_options = [
-            # Programming Languages
-            "Python", "Java", "JavaScript", "TypeScript", "C++", "C#", "C", "Go", "Rust", "Swift", 
-            "Kotlin", "Scala", "Ruby", "PHP", "Perl", "R", "MATLAB", "Dart", "Objective-C", "Assembly",
-            "Haskell", "Erlang", "Elixir", "F#", "Clojure", "Lua", "Julia", "Groovy", "VB.NET", "COBOL",
-            "Fortran", "Pascal", "Delphi", "Ada", "Prolog", "Lisp", "Scheme", "OCaml", "ML",
-            
-            # Web Technologies
-            "HTML", "CSS", "SASS", "LESS", "Bootstrap", "Tailwind CSS", "Material-UI",
-            
-            # Frontend Frameworks/Libraries
-            "React", "Vue.js", "Angular", "Svelte", "Next.js", "Nuxt.js", "Gatsby", "Ember.js", 
-            "Backbone.js", "jQuery", "Alpine.js", "Lit", "Stencil", "Ionic", "React Native", 
-            "Flutter", "Xamarin", "Cordova", "PhoneGap",
-            
-            # Backend Frameworks
-            "Node.js", "Express.js", "Nest.js", "Django", "Flask", "FastAPI", "Pyramid", "Tornado",
-            "Spring Boot", "Spring MVC", "Struts", "Hibernate", "ASP.NET", "ASP.NET Core", 
-            "Ruby on Rails", "Sinatra", "Laravel", "Symfony", "CodeIgniter", "CakePHP", "Zend",
-            "Gin", "Echo", "Fiber", "Actix", "Rocket", "Warp", "Axum",
-            
-            # Mobile Development
-            "Android (Java)", "Android (Kotlin)", "iOS (Swift)", "iOS (Objective-C)", 
-            
-            # Game Development
-            "Unity", "Unreal Engine", "Godot", "GameMaker Studio", "Construct", "Phaser",
-            
-            # Database Technologies
-            "MySQL", "PostgreSQL", "SQLite", "Microsoft SQL Server", "Oracle Database", 
-            "MongoDB", "Redis", "Cassandra", "DynamoDB", "Firebase", "Supabase", 
-            "CouchDB", "Neo4j", "InfluxDB", "TimescaleDB", "ClickHouse", "Apache Spark",
-            "Elasticsearch", "Apache Solr", "Amazon RDS", "Google Cloud SQL",
-            
-            # Cloud & DevOps
-            "AWS", "Google Cloud Platform", "Microsoft Azure", "Digital Ocean", "Heroku",
-            "Docker", "Kubernetes", "Terraform", "Ansible", "Jenkins", "GitLab CI", "GitHub Actions",
-            "Nginx", "Apache", "Linux", "Ubuntu", "CentOS", "Red Hat",
-            
-            # Data Science & AI/ML
-            "TensorFlow", "PyTorch", "Scikit-learn", "Pandas", "NumPy", "Matplotlib", "Seaborn",
-            "Jupyter", "Apache Airflow", "Apache Kafka", "Apache Flink", "Hadoop", "Spark",
-            "Tableau", "Power BI", "D3.js", "Plotly", "OpenCV", "Keras", "XGBoost",
-            
-            # Testing Frameworks
-            "Jest", "Mocha", "Chai", "Cypress", "Selenium", "Playwright", "Puppeteer",
-            "JUnit", "TestNG", "Mockito", "PyTest", "unittest", "RSpec", "PHPUnit",
-            
-            # Other Technologies
-            "GraphQL", "REST API", "gRPC", "WebSocket", "Apache Kafka", "RabbitMQ", 
-            "Blockchain", "Solidity", "Web3", "Ethereum", "Bitcoin", "Smart Contracts",
-            "Microservices", "Serverless", "Lambda Functions", "API Gateway"
-        ]
+    # Main Form (for settings and submission)
+    with st.form("personalization_form", clear_on_submit=False):
+        # Language & Voice Settings Section  
+        st.markdown('<div class="section-header">🗣️ Language & Voice Settings</div>', unsafe_allow_html=True)
         
-        # Sort the options alphabetically
-        tech_options.sort()
+        col1, col2, col3 = st.columns(3)
+        with col1:
+            target_language = st.selectbox(
+                "Target Language", 
+                ["english", "hindi", "marathi", "kannada", "punjabi","gujarati"],
+                index=0,
+                format_func=lambda x: x.capitalize(),
+                help="Select the target language for content generation"
+            )
         
-        programming_language = st.selectbox(
-            "Programming Language / Technology", 
-            tech_options,
-            index=tech_options.index("Python") if "Python" in tech_options else 0,
-            help="Select the primary programming language, framework, or technology for examples"
-        )
-    with col2:
-        st.markdown("<br>", unsafe_allow_html=True)  # Add spacing
-        toggle_hinglish = st.toggle("Enable Hinglish", value=True, help="Enable mixing of Hindi and English")
-
-    # Submit button
-    st.markdown("<br>", unsafe_allow_html=True)
-    col1, col2, col3 = st.columns([1, 2, 1])
-    with col2:
-        submitted = st.form_submit_button("🚀 Generate Base Course", use_container_width=True)
+        with col2:
+            tts_gender = st.selectbox(
+                "Voice Gender", 
+                ["male", "female"], 
+                index=0,
+                format_func=lambda x: x.capitalize(),
+                help="Select the voice gender for text-to-speech"
+            )
+        
+        with col3:
+            tts_voice = st.selectbox(
+                "Voice Style", 
+                ["alloy", "echo", "fable", "onyx", "nova", "shimmer"],
+                index=3,  # Default to "onyx"
+                format_func=lambda x: x.capitalize(),
+                help="Select the voice style for text-to-speech"
+            )
 
-# Handle submission
-if submitted:
-    # Use the topics from session state directly
-    topics_to_process = st.session_state.topics_list
-    
-    # Validate inputs
-    valid_topics = []
-    for topic in topics_to_process:
-        if topic["topic_title"].strip() and topic["chapter_title"].strip():
-            valid_topics.append(topic)
-    
-    if not valid_topics:
-        st.error("❌ Please enter at least one topic with both topic title and chapter title")
-    else:
-        # Show loading state with better animation
-        with st.spinner("🎬 Generating your personalized course... This may take a few moments."):
-            progress_bar = st.progress(0)
-            for i in range(100):
-                time.sleep(0.02)  # Simulating progress
-                progress_bar.progress(i + 1)
-            
-            # Hardcoded values
-            course_id = DEFAULT_COURSE_ID
-            user_id = DEFAULT_USER_ID 
-            personalization_id = DEFAULT_PERSONALIZATION_ID
-            
-            # Create user profile (hardcoded)
-            user_profile = {
-                "personalized": True,
-                "user_name": "System User",
-                "user_age": 25,
-                "user_gender": "male",
-                "user_tech_knowledge": "beginner",
-                "user_preferred_activity": "coding, learning, technology",
-                "user_food": "healthy food, vegetarian",
-                "user_physical_activities": "walking, yoga",
-                "learning_style": "visual",
-                "target_language": target_language,
-                "tts_gender": tts_gender,
-                "tts_voice": tts_voice,
-                "toggle_hinglish": toggle_hinglish,
-                "run_visualization": False,
-                "subtitle": "",
-                "age_group": "18-25"
-            }
-            
-            # Create settings
-            settings = {
-                "target_language": target_language,
-                "tts_gender": tts_gender,
-                "tts_voice": tts_voice,
-                "toggle_hinglish": toggle_hinglish,
-                "run_visualization": False,
-                "subtitle": "",
-                "programming_language": programming_language,
-                "slide_colour": "blue",
-                "video_type": "base_video"
-            }
+        # Technical Settings Section
+        st.markdown('<div class="section-header">💻 Technical Settings</div>', unsafe_allow_html=True)
+        
+        col1, col2 = st.columns(2)
+        with col1:
+            # Comprehensive list of programming languages, frameworks, and databases
+            tech_options = [
+                # Programming Languages
+                "Python", "Java", "JavaScript", "TypeScript", "C++", "C#", "C", "Go", "Rust", "Swift", 
+                "Kotlin", "Scala", "Ruby", "PHP", "Perl", "R", "MATLAB", "Dart", "Objective-C", "Assembly",
+                "Haskell", "Erlang", "Elixir", "F#", "Clojure", "Lua", "Julia", "Groovy", "VB.NET", "COBOL",
+                "Fortran", "Pascal", "Delphi", "Ada", "Prolog", "Lisp", "Scheme", "OCaml", "ML",
+                
+                # Web Technologies
+                "HTML", "CSS", "SASS", "LESS", "Bootstrap", "Tailwind CSS", "Material-UI",
+                
+                # Frontend Frameworks/Libraries
+                "React", "Vue.js", "Angular", "Svelte", "Next.js", "Nuxt.js", "Gatsby", "Ember.js", 
+                "Backbone.js", "jQuery", "Alpine.js", "Lit", "Stencil", "Ionic", "React Native", 
+                "Flutter", "Xamarin", "Cordova", "PhoneGap",
+                
+                # Backend Frameworks
+                "Node.js", "Express.js", "Nest.js", "Django", "Flask", "FastAPI", "Pyramid", "Tornado",
+                "Spring Boot", "Spring MVC", "Struts", "Hibernate", "ASP.NET", "ASP.NET Core", 
+                "Ruby on Rails", "Sinatra", "Laravel", "Symfony", "CodeIgniter", "CakePHP", "Zend",
+                "Gin", "Echo", "Fiber", "Actix", "Rocket", "Warp", "Axum",
+                
+                # Mobile Development
+                "Android (Java)", "Android (Kotlin)", "iOS (Swift)", "iOS (Objective-C)", 
+                
+                # Game Development
+                "Unity", "Unreal Engine", "Godot", "GameMaker Studio", "Construct", "Phaser",
+                
+                # Database Technologies
+                "MySQL", "PostgreSQL", "SQLite", "Microsoft SQL Server", "Oracle Database", 
+                "MongoDB", "Redis", "Cassandra", "DynamoDB", "Firebase", "Supabase", 
+                "CouchDB", "Neo4j", "InfluxDB", "TimescaleDB", "ClickHouse", "Apache Spark",
+                "Elasticsearch", "Apache Solr", "Amazon RDS", "Google Cloud SQL",
+                
+                # Cloud & DevOps
+                "AWS", "Google Cloud Platform", "Microsoft Azure", "Digital Ocean", "Heroku",
+                "Docker", "Kubernetes", "Terraform", "Ansible", "Jenkins", "GitLab CI", "GitHub Actions",
+                "Nginx", "Apache", "Linux", "Ubuntu", "CentOS", "Red Hat",
+                
+                # Data Science & AI/ML
+                "TensorFlow", "PyTorch", "Scikit-learn", "Pandas", "NumPy", "Matplotlib", "Seaborn",
+                "Jupyter", "Apache Airflow", "Apache Kafka", "Apache Flink", "Hadoop", "Spark",
+                "Tableau", "Power BI", "D3.js", "Plotly", "OpenCV", "Keras", "XGBoost",
+                
+                # Testing Frameworks
+                "Jest", "Mocha", "Chai", "Cypress", "Selenium", "Playwright", "Puppeteer",
+                "JUnit", "TestNG", "Mockito", "PyTest", "unittest", "RSpec", "PHPUnit",
+                
+                # Other Technologies
+                "GraphQL", "REST API", "gRPC", "WebSocket", "Apache Kafka", "RabbitMQ", 
+                "Blockchain", "Solidity", "Web3", "Ethereum", "Bitcoin", "Smart Contracts",
+                "Microservices", "Serverless", "Lambda Functions", "API Gateway"
+            ]
             
-            # Generate topics data with user input for titles and hardcoded values for others
-            topics_data = []
-            for i, topic in enumerate(valid_topics):
-                topics_data.append({
-                    "topic_id": 10834 + i,  # Hardcoded with increment
-                    "topic_title": topic["topic_title"].strip(),
-                    "chapter_id": 647,  # Hardcoded
-                    "chapter_title": topic["chapter_title"].strip(),  # User input
-                    "course_id": course_id,
-                    "video_url": f"https://techlearn-dev.s3.ap-south-1.amazonaws.com/course_videos/47/647/172906{4365+i*50}.mp4",  # Hardcoded with variation
-                    "video_duration": 462 + i*20,  # Hardcoded with variation
-                    "sequence_number": i + 1,
-                })
+            # Sort the options alphabetically
+            tech_options.sort()
             
-            # Create payload (always multiple topics structure)
-            payload = {
-                "personalization_id": personalization_id,
-                "user_id": user_id,
-                "course_id": course_id,
-                "total_videos": len(topics_data),
-                "created_at": datetime.utcnow().isoformat(),
-                "user_profile": user_profile,
-                "topics": topics_data,
-                "settings": settings
-            }
+            programming_language = st.selectbox(
+                "Programming Language / Technology", 
+                tech_options,
+                index=tech_options.index("Python") if "Python" in tech_options else 0,
+                help="Select the primary programming language, framework, or technology for examples"
+            )
+        with col2:
+            st.markdown("<br>", unsafe_allow_html=True)  # Add spacing
+            toggle_hinglish = st.toggle("Enable Hinglish", value=True, help="Enable mixing of Hindi and English")
 
-            # Make API call
-            try:
-                headers = {
-                    'Content-Type': 'application/json'
+        # Submit button
+        st.markdown("<br>", unsafe_allow_html=True)
+        col1, col2, col3 = st.columns([1, 2, 1])
+        with col2:
+            submitted = st.form_submit_button("🚀 Generate Base Course", use_container_width=True)
+
+    # Handle submission
+    if submitted:
+        # Use the topics from session state directly
+        topics_to_process = st.session_state.topics_list
+        
+        # Validate inputs
+        valid_topics = []
+        for topic in topics_to_process:
+            if topic["topic_title"].strip() and topic["chapter_title"].strip():
+                valid_topics.append(topic)
+        
+        if not valid_topics:
+            st.error("❌ Please enter at least one topic with both topic title and chapter title")
+        else:
+            # Show loading state with better animation
+            with st.spinner("🎬 Generating your personalized course... This may take a few moments."):
+                progress_bar = st.progress(0)
+                for i in range(100):
+                    time.sleep(0.02)  # Simulating progress
+                    progress_bar.progress(i + 1)
+                
+                # Hardcoded values
+                course_id = DEFAULT_COURSE_ID
+                user_id = DEFAULT_USER_ID 
+                personalization_id = DEFAULT_PERSONALIZATION_ID
+                
+                # Create user profile (hardcoded)
+                user_profile = {
+                    "personalized": True,
+                    "user_name": "System User",
+                    "user_age": 25,
+                    "user_gender": "male",
+                    "user_tech_knowledge": "beginner",
+                    "user_preferred_activity": "coding, learning, technology",
+                    "user_food": "healthy food, vegetarian",
+                    "user_physical_activities": "walking, yoga",
+                    "learning_style": "visual",
+                    "target_language": target_language,
+                    "tts_gender": tts_gender,
+                    "tts_voice": tts_voice,
+                    "toggle_hinglish": toggle_hinglish,
+                    "run_visualization": False,
+                    "subtitle": "",
+                    "age_group": "18-25"
                 }
                 
-                response = requests.post(API_ENDPOINT, json=payload, headers=headers, timeout=API_TIMEOUT)
+                # Create settings
+                settings = {
+                    "target_language": target_language,
+                    "tts_gender": tts_gender,
+                    "tts_voice": tts_voice,
+                    "toggle_hinglish": toggle_hinglish,
+                    "run_visualization": False,
+                    "subtitle": "",
+                    "programming_language": programming_language,
+                    "slide_colour": "blue",
+                    "video_type": "base_video"
+                }
                 
-                if response.status_code == 200:
-                    response_data = response.json()
-                    session_ids = response_data.get("session_ids", [])
-                    
-                    st.success("🎉 Base Course started successfully!")
-                    
-                    # Store session IDs in session state
-                    st.session_state.session_ids.extend(session_ids)
+                # Generate topics data with user input for titles and hardcoded values for others
+                topics_data = []
+                for i, topic in enumerate(valid_topics):
+                    topics_data.append({
+                        "topic_id": 10834 + i,  # Hardcoded with increment
+                        "topic_title": topic["topic_title"].strip(),
+                        "chapter_id": 647,  # Hardcoded
+                        "chapter_title": topic["chapter_title"].strip(),  # User input
+                        "course_id": course_id,
+                        "video_url": f"https://techlearn-dev.s3.ap-south-1.amazonaws.com/course_videos/47/647/172906{4365+i*50}.mp4",  # Hardcoded with variation
+                        "video_duration": 462 + i*20,  # Hardcoded with variation
+                        "sequence_number": i + 1,
+                    })
+                
+                # Create payload (always multiple topics structure)
+                payload = {
+                    "personalization_id": personalization_id,
+                    "user_id": user_id,
+                    "course_id": course_id,
+                    "total_videos": len(topics_data),
+                    "created_at": datetime.utcnow().isoformat(),
+                    "user_profile": user_profile,
+                    "topics": topics_data,
+                    "settings": settings
+                }
+
+                # Make API call
+                try:
+                    headers = {
+                        'Content-Type': 'application/json'
+                    }
                     
-                    # Display results in a clean format
-                    st.markdown("### 📊 Generation Summary")
+                    response = requests.post(API_ENDPOINT, json=payload, headers=headers, timeout=API_TIMEOUT)
                     
-                    col1, col2 = st.columns(2)
-                    with col1:
-                        st.markdown(f"""
-                        **Course ID**: `{course_id}`  
-                        **Programming Language**: {programming_language.capitalize()}  
-                        **Target Language**: {target_language.capitalize()}  
-                        """)
-                    with col2:
-                        st.markdown(f"""
-                        **Voice**: {tts_voice.capitalize()} ({tts_gender.capitalize()})  
-                        **Topics Count**: {len(valid_topics)}  
-                        **Hinglish**: {"Enabled" if toggle_hinglish else "Disabled"}
+                    if response.status_code == 200:
+                        response_data = response.json()
+                        session_ids = response_data.get("session_ids", [])
+                        
+                        st.success("🎉 Base Course started successfully!")
+                        
+                        # Store session IDs in session state
+                        st.session_state.session_ids.extend(session_ids)
+                        
+                        # Display results in a clean format
+                        st.markdown("### 📊 Generation Summary")
+                        
+                        col1, col2 = st.columns(2)
+                        with col1:
+                            st.markdown(f"""
+                            **Course ID**: {course_id}  
+                            **Programming Language**: {programming_language.capitalize()}  
+                            **Target Language**: {target_language.capitalize()}  
+                            """)
+                        with col2:
+                            st.markdown(f"""
+                            **Voice**: {tts_voice.capitalize()} ({tts_gender.capitalize()})  
+                            **Topics Count**: {len(valid_topics)}  
+                            **Hinglish**: {"Enabled" if toggle_hinglish else "Disabled"}
+                            """)
+                        
+                        # Display session IDs
+                        if session_ids:
+                            st.markdown("### 🔍 Session Tracking IDs")
+                            for i, session_id in enumerate(session_ids, 1):
+                                st.markdown(f'<div class="session-info">📝 <strong>Session {i}:</strong> <code>{session_id}</code></div>', unsafe_allow_html=True)
+                        
+                        # Display API response
+                        with st.expander("📊 View Full API Response", expanded=False):
+                            st.markdown('<div class="api-response">', unsafe_allow_html=True)
+                            st.json(response_data)
+                            st.markdown('</div>', unsafe_allow_html=True)
+                        
+                        # Information about tracking
+                        st.info(f"""
+                        💡 **Tracking Information**  
+                        You can track the progress of your video generation using the session IDs above.  
+                        The processing status will be updated in DynamoDB table: {SESSION_TABLE}  
+                        Region: {DYNAMODB_REGION}
+                        
+                        👉 **Next Steps**: Switch to the "Admin Dashboard" to monitor your session progress in real-time!
                         """)
-                    
-                    # Display session IDs
-                    if session_ids:
-                        st.markdown("### 🔍 Session Tracking IDs")
-                        for i, session_id in enumerate(session_ids, 1):
-                            st.markdown(f'<div class="session-info">📝 <strong>Session {i}:</strong> <code>{session_id}</code></div>', unsafe_allow_html=True)
-                    
-                    # Display API response
-                    with st.expander("📊 View Full API Response", expanded=False):
-                        st.markdown('<div class="api-response">', unsafe_allow_html=True)
-                        st.json(response_data)
-                        st.markdown('</div>', unsafe_allow_html=True)
-                    
-                    # Information about tracking
-                    st.info(f"""
-                    💡 **Tracking Information**  
-                    You can track the progress of your video generation using the session IDs above.  
-                    The processing status will be updated in DynamoDB table: `{SESSION_TABLE}`  
-                    Region: `{DYNAMODB_REGION}`
-                    """)
-                    
-                else:
-                    st.error(f"❌ API Error: {response.status_code}")
-                    if response.text:
-                        st.error(f"**Error Details**: {response.text}")
                         
-            except requests.exceptions.Timeout:
-                st.error("⏰ Request timed out. Please try again later.")
-            except requests.exceptions.ConnectionError:
-                st.error("🌐 Connection error. Please check your internet connection.")
-            except Exception as e:
-                st.error(f"❌ API call failed: {str(e)}")
-                
-                # Show payload for debugging
-                with st.expander("🐛 Debug Information", expanded=False):
-                    st.warning("Request payload for debugging:")
-                    st.json(payload)
+                    else:
+                        st.error(f"❌ API Error: {response.status_code}")
+                        if response.text:
+                            st.error(f"**Error Details**: {response.text}")
+                            
+                except requests.exceptions.Timeout:
+                    st.error("⏰ Request timed out. Please try again later.")
+                except requests.exceptions.ConnectionError:
+                    st.error("🌐 Connection error. Please check your internet connection.")
+                except Exception as e:
+                    st.error(f"❌ API call failed: {str(e)}")
+                    
+                    # Show payload for debugging
+                    with st.expander("🐛 Debug Information", expanded=False):
+                        st.warning("Request payload for debugging:")
+                        st.json(payload)