Update app.py

app.py

@@ -5,13 +5,25 @@ import time
 import requests
 import boto3
 import uuid
+import os
 
-# API endpoint - Replace with your actual endpoint
-API_ENDPOINT = "https://oau6sljd4l.execute-api.ap-south-1.amazonaws.com/production/process"
+# Load configuration from environment variables (Hugging Face Spaces)
+API_ENDPOINT = os.getenv("API_ENDPOINT", "https://oau6sljd4l.execute-api.ap-south-1.amazonaws.com/production/process")
 
 # DynamoDB configuration for session tracking
-DYNAMODB_REGION = "ap-south-1"
-SESSION_TABLE = "SessionTracking"
+DYNAMODB_REGION = os.getenv("DYNAMODB_REGION", "ap-south-1") 
+SESSION_TABLE = os.getenv("SESSION_TABLE", "SessionTracking")
+
+# AWS Configuration
+AWS_ACCESS_KEY_ID = os.getenv("AWS_ACCESS_KEY_ID")
+AWS_SECRET_ACCESS_KEY = os.getenv("AWS_SECRET_ACCESS_KEY")
+AWS_DEFAULT_REGION = os.getenv("AWS_DEFAULT_REGION", "ap-south-1")
+
+# Default values
+DEFAULT_COURSE_ID = int(os.getenv("DEFAULT_COURSE_ID", "47"))
+DEFAULT_USER_ID = int(os.getenv("DEFAULT_USER_ID", "30")) 
+DEFAULT_PERSONALIZATION_ID = int(os.getenv("DEFAULT_PERSONALIZATION_ID", "100"))
+API_TIMEOUT = int(os.getenv("API_TIMEOUT", "30"))
 
 # Set page configuration
 st.set_page_config(
@@ -97,11 +109,37 @@ st.markdown("""
         border-color: var(--border-color);
     }
     
-    /* Radio buttons */
+    /* Radio buttons - Fix visibility */
     .stRadio > div {
         background-color: transparent;
     }
     
+    .stRadio > div > label > div {
+        color: var(--text-color) !important;
+    }
+    
+    /* Select box labels */
+    .stSelectbox > label {
+        color: var(--text-color) !important;
+    }
+    
+    /* All form labels */
+    div[data-testid="stForm"] label {
+        color: var(--text-color) !important;
+    }
+    
+    /* Radio button text */
+    .stRadio label {
+        color: var(--text-color) !important;
+    }
+    
+    /* Fix for all input labels */
+    .st-emotion-cache-1gulkj5,
+    .st-emotion-cache-1aumxhf,
+    .st-emotion-cache-16txtl3 {
+        color: var(--text-color) !important;
+    }
+    
     /* Spacing */
     div.block-container {
         padding-top: 2rem;
@@ -131,7 +169,9 @@ st.markdown("""
 </style>
 """, unsafe_allow_html=True)
 
-# Initialize session state
+# Initialize session state for topics
+if 'topics_list' not in st.session_state:
+    st.session_state.topics_list = [{"topic_title": "What is Flask"}]
 if 'session_ids' not in st.session_state:
     st.session_state.session_ids = []
 
@@ -146,17 +186,6 @@ Your personalized course will be generated based on the information you provide
 
 # Main Form
 with st.form("personalization_form", clear_on_submit=False):
-    # Course Information Section
-    st.markdown('<div class="section-header">📚 Course Information</div>', unsafe_allow_html=True)
-    
-    col1, col2 = st.columns(2)
-    with col1:
-        course_id = st.number_input("Course ID", min_value=1, value=47, help="Enter the course ID")
-        user_id = st.number_input("User ID", min_value=1, value=30, help="Enter your user ID")
-    
-    with col2:
-        personalization_id = st.number_input("Personalization ID", min_value=1, value=100, help="Enter personalization ID")
-    
     # Topics Section
     st.markdown('<div class="section-header">📋 Topics Configuration</div>', unsafe_allow_html=True)
     
@@ -170,116 +199,24 @@ with st.form("personalization_form", clear_on_submit=False):
     
     if topic_mode == "Single Topic":
         st.subheader("Single Topic Details")
-        col1, col2 = st.columns(2)
-        with col1:
-            single_topic_id = st.number_input("Topic ID", min_value=1, value=10834)
-            single_topic_title = st.text_input("Topic Title", value="Setting Up Flask Environment")
-        with col2:
-            single_chapter_id = st.number_input("Chapter ID", min_value=1, value=647)
-            single_chapter_title = st.text_input("Chapter Title", value="Introduction to Flask")
+        single_topic_title = st.text_input("Topic Title", value="What is Flask", help="Enter the topic title")
         
-        single_video_url = st.text_input(
-            "Video URL", 
-            value="https://techlearn-dev.s3.ap-south-1.amazonaws.com/course_videos/47/647/1729064365.mp4"
-        )
-        col1, col2 = st.columns(2)
-        with col1:
-            single_video_duration = st.number_input("Video Duration (seconds)", min_value=1, value=462)
-        with col2:
-            single_sequence_number = st.number_input("Sequence Number", min_value=1, value=1)
-    
     else:
         st.subheader("Multiple Topics")
-        num_topics = st.number_input("Number of Topics", min_value=1, max_value=10, value=3)
         
-        topics_data = []
-        for i in range(num_topics):
-            with st.expander(f"Topic {i+1}"):
-                col1, col2 = st.columns(2)
-                with col1:
-                    topic_id = st.number_input(f"Topic ID {i+1}", min_value=1, value=10833+i, key=f"topic_id_{i}")
-                    topic_title = st.text_input(f"Topic Title {i+1}", 
-                                              value=["What is Flask", "Setting Up Flask Environment", "Understanding Flask Project Structure"][i] if i < 3 else f"Topic {i+1}",
-                                              key=f"topic_title_{i}")
-                with col2:
-                    chapter_id = st.number_input(f"Chapter ID {i+1}", min_value=1, value=647, key=f"chapter_id_{i}")
-                    chapter_title = st.text_input(f"Chapter Title {i+1}", value="Introduction to Flask", key=f"chapter_title_{i}")
-                
-                video_url = st.text_input(f"Video URL {i+1}", 
-                                        value=f"https://techlearn-dev.s3.ap-south-1.amazonaws.com/course_videos/47/647/172906{4322+i*50}.mp4",
-                                        key=f"video_url_{i}")
-                col1, col2 = st.columns(2)
-                with col1:
-                    video_duration = st.number_input(f"Video Duration {i+1} (seconds)", min_value=1, value=410+i*20, key=f"video_duration_{i}")
-                with col2:
-                    sequence_number = st.number_input(f"Sequence Number {i+1}", min_value=1, value=i+1, key=f"sequence_number_{i}")
-                
-                topics_data.append({
-                    "topic_id": topic_id,
-                    "topic_title": topic_title,
-                    "chapter_id": chapter_id,
-                    "chapter_title": chapter_title,
-                    "video_url": video_url,
-                    "video_duration": video_duration,
-                    "sequence_number": sequence_number,
-                    "course_id": course_id
-                })
-
-    # Personal Information Section
-    st.markdown('<div class="section-header">👤 User Profile</div>', unsafe_allow_html=True)
-    
-    col1, col2 = st.columns(2)
-    with col1:
-        user_name = st.text_input("Full Name", placeholder="Enter your full name", value="John Doe")
-        user_age = st.number_input("Age", min_value=10, max_value=100, value=22)
-        user_gender = st.selectbox(
-            "Gender", 
-            ["male", "female", "other"], 
-            index=0,
-            format_func=lambda x: x.capitalize()
-        )
-    
-    with col2:
-        tech_knowledge = st.select_slider(
-            "Technical Knowledge",
-            options=["beginner", "intermediate", "advanced"],
-            value="beginner"
-        )
-        learning_style = st.radio(
-            "Learning Style",
-            ["visual", "auditory", "kinesthetic"],
-            index=0,
-            horizontal=True,
-            format_func=lambda x: x.capitalize()
-        )
+        # Display existing topics
+        for i, topic in enumerate(st.session_state.topics_list):
+            col1, col2 = st.columns([4, 1])
+            with col1:
+                topic_title = st.text_input(f"Topic {i+1}", value=topic["topic_title"], key=f"topic_{i}")
+                st.session_state.topics_list[i]["topic_title"] = topic_title
+            with col2:
+                if len(st.session_state.topics_list) > 1:
+                    if st.button("🗑️", key=f"remove_{i}", help="Remove topic"):
+                        st.session_state.topics_list.pop(i)
+                        st.rerun()
 
-    # Preferences Section
-    st.markdown('<div class="section-header">🎯 Preferences</div>', unsafe_allow_html=True)
-    col1, col2 = st.columns(2)
-    
-    with col1:
-        preferred_activity = st.text_area(
-            "Preferred Activities", 
-            placeholder="e.g., movies, painting, shopping",
-            value="movies, painting, shopping",
-            help="Enter activities separated by commas"
-        )
-        food = st.text_area(
-            "Food Preferences", 
-            placeholder="e.g., vegetarian, paneer, pizza",
-            value="vegetarian, paneer, pizza",
-            help="Enter food items separated by commas"
-        )
-    
-    with col2:
-        physical_activities = st.text_area(
-            "Physical Activities", 
-            placeholder="e.g., badminton, cricket, yoga",
-            value="badminton, cricket, yoga",
-            help="Enter activities separated by commas"
-        )
-
-    # Language & Voice Settings Section
+    # Language & Voice Settings Section  
     st.markdown('<div class="section-header">🗣️ Language & Voice Settings</div>', unsafe_allow_html=True)
     
     col1, col2, col3 = st.columns(3)
@@ -302,21 +239,15 @@ with st.form("personalization_form", clear_on_submit=False):
     with col3:
         tts_voice = st.selectbox(
             "Voice Style", 
-            ["echo", "soprano", "alto", "robotic", "onyx"],
-            index=4,  # Default to "onyx" as used in backend
+            ["onyx", "echo", "soprano", "alto", "robotic"],
+            index=0,  # Default to "onyx"
             format_func=lambda x: x.capitalize()
         )
-    
-    col1, col2 = st.columns(2)
-    with col1:
-        toggle_hinglish = st.toggle("Enable Hinglish", value=True, help="Mix of Hindi and English")
-    with col2:
-        run_visualization = st.toggle("Run Visualization", value=False, help="Enable visualization features")
 
     # Technical Settings Section
     st.markdown('<div class="section-header">💻 Technical Settings</div>', unsafe_allow_html=True)
     
-    col1, col2, col3 = st.columns(3)
+    col1, col2 = st.columns(2)
     with col1:
         programming_language = st.selectbox(
             "Programming Language", 
@@ -325,21 +256,7 @@ with st.form("personalization_form", clear_on_submit=False):
             format_func=lambda x: x.capitalize()
         )
     with col2:
-        slide_colour = st.selectbox(
-            "Slide Color", 
-            ["blue", "red", "green", "purple", "orange"],
-            index=0,
-            format_func=lambda x: x.capitalize()
-        )
-    with col3:
-        video_type = st.selectbox(
-            "Video Type",
-            ["personalised_video", "standard_video"],
-            index=0,
-            format_func=lambda x: x.replace('_', ' ').title()
-        )
-    
-    subtitle = st.text_input("Subtitle", placeholder="Optional subtitle for the video", value="")
+        toggle_hinglish = st.toggle("Enable Hinglish", value=True, help="Mix of Hindi and English")
 
     # Submit button
     st.markdown("<br>", unsafe_allow_html=True)
@@ -347,36 +264,53 @@ with st.form("personalization_form", clear_on_submit=False):
     with col2:
         submitted = st.form_submit_button("Generate Personalized Course", use_container_width=True)
 
+# Add/Remove topic buttons outside the form (for multiple topics)
+if topic_mode == "Multiple Topics":
+    col1, col2, col3 = st.columns([1, 1, 2])
+    with col1:
+        if st.button("➕ Add More Topic"):
+            st.session_state.topics_list.append({"topic_title": f"Topic {len(st.session_state.topics_list) + 1}"})
+            st.rerun()
+    with col2:
+        if st.button("🔄 Reset Topics"):
+            st.session_state.topics_list = [{"topic_title": "What is Flask"}]
+            st.rerun()
+
 # Handle submission
 if submitted:
     # Validate inputs
-    if not user_name:
-        st.error("Please enter your name")
-    elif topic_mode == "Single Topic" and not single_topic_title:
+    if topic_mode == "Single Topic" and not single_topic_title:
         st.error("Please enter a topic title")
+    elif topic_mode == "Multiple Topics" and not any(topic["topic_title"] for topic in st.session_state.topics_list):
+        st.error("Please enter at least one topic title")
     else:
         # Show loading state
         with st.spinner("Generating your personalized course..."):
             time.sleep(1.5)  # Simulating API call delay
             
-            # Create user profile
+            # 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": user_name,
-                "user_age": user_age,
-                "user_gender": user_gender,
-                "user_tech_knowledge": tech_knowledge,
-                "user_preferred_activity": preferred_activity,
-                "user_food": food,
-                "user_physical_activities": physical_activities,
-                "learning_style": learning_style,
+                "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": run_visualization,
-                "subtitle": subtitle,
-                "age_group": "18-25" if user_age <= 25 else "26-35" if user_age <= 35 else "35+"
+                "run_visualization": False,
+                "subtitle": "",
+                "age_group": "18-25"
             }
             
             # Create settings
@@ -385,11 +319,11 @@ if submitted:
                 "tts_gender": tts_gender,
                 "tts_voice": tts_voice,
                 "toggle_hinglish": toggle_hinglish,
-                "run_visualization": run_visualization,
-                "subtitle": subtitle,
+                "run_visualization": False,
+                "subtitle": "",
                 "programming_language": programming_language,
-                "slide_colour": slide_colour,
-                "video_type": video_type
+                "slide_colour": "blue",
+                "video_type": "base_video"
             }
             
             # Create payload based on topic mode
@@ -399,17 +333,32 @@ if submitted:
                     "user_profile": user_profile,
                     "settings": settings,
                     "topic_data": {
-                        "topic_id": single_topic_id,
+                        "topic_id": 10834,  # Hardcoded
                         "topic_title": single_topic_title,
-                        "chapter_id": single_chapter_id,
-                        "chapter_title": single_chapter_title,
+                        "chapter_id": 647,  # Hardcoded
+                        "chapter_title": "Introduction to Flask",  # Hardcoded
                         "course_id": course_id,
-                        "video_url": single_video_url,
-                        "video_duration": single_video_duration,
-                        "sequence_number": single_sequence_number
+                        "video_url": "https://techlearn-dev.s3.ap-south-1.amazonaws.com/course_videos/47/647/1729064365.mp4",  # Hardcoded
+                        "video_duration": 462,  # Hardcoded
+                        "sequence_number": 1  # Hardcoded
                     }
                 }
             else:
+                # Generate topics data with hardcoded values
+                topics_data = []
+                for i, topic in enumerate(st.session_state.topics_list):
+                    if topic["topic_title"]:  # Only include non-empty topics
+                        topics_data.append({
+                            "topic_id": 10834 + i,  # Hardcoded with increment
+                            "topic_title": topic["topic_title"],
+                            "chapter_id": 647,  # Hardcoded
+                            "chapter_title": "Introduction to Flask",  # Hardcoded
+                            "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,
+                        })
+                
                 payload = {
                     "personalization_id": personalization_id,
                     "user_id": user_id,
@@ -427,13 +376,13 @@ if submitted:
                     'Content-Type': 'application/json'
                 }
                 
-                response = requests.post(API_ENDPOINT, json=payload, headers=headers, timeout=30)
+                response = requests.post(API_ENDPOINT, json=payload, headers=headers, timeout=API_TIMEOUT)
                 
                 if response.status_code == 200:
                     response_data = response.json()
                     session_ids = response_data.get("session_ids", [])
                     
-                    st.success(f"Course personalization started successfully for {user_name}!")
+                    st.success(f"Course personalization started successfully!")
                     
                     # Store session IDs in session state
                     st.session_state.session_ids.extend(session_ids)
@@ -441,12 +390,11 @@ if submitted:
                     # Display results in a clean format
                     st.markdown("### 🎉 Your personalized course generation has started!")
                     st.markdown(f"""
-                    **User**: {user_name}  
                     **Course ID**: {course_id}  
                     **Programming Language**: {programming_language.capitalize()}  
-                    **Learning Style**: {learning_style.capitalize()}  
+                    **Target Language**: {target_language.capitalize()}  
                     **Voice**: {tts_voice.capitalize()} ({tts_gender.capitalize()})  
-                    **Topics**: {len(topics_data) if topic_mode == "Multiple Topics" else 1}
+                    **Topics**: {len(st.session_state.topics_list) if topic_mode == "Multiple Topics" else 1}
                     """)
                     
                     # Display session IDs
@@ -496,13 +444,3 @@ if st.session_state.session_ids:
     if st.button("Clear Session History"):
         st.session_state.session_ids = []
         st.rerun()
-
-# Footer
-st.markdown("---")
-st.markdown(f"""
-<div style="text-align: center; color: #888888;">
-© 2025 Base Course Personalization | All Rights Reserved<br>
-<small>API Endpoint: {API_ENDPOINT}</small><br>
-<small>Session Tracking: {SESSION_TABLE} ({DYNAMODB_REGION})</small>
-</div>
-""", unsafe_allow_html=True)