Update app.py

app.py

@@ -6,7 +6,6 @@ import requests
 import boto3
 import uuid
 import os
-from AdminDashboard import render_admin_dashboard
 
 # 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")
@@ -263,13 +262,44 @@ st.markdown("""
         border: 1px solid var(--border-color);
     }
     
-    /* Navigation tab styling */
-    .nav-tabs {
+    /* Admin Dashboard specific styles */
+    .admin-card {
         background-color: var(--card-background);
-        padding: 1rem;
-        border-radius: 10px;
-        margin-bottom: 2rem;
+        padding: 2rem;
+        border-radius: 12px;
         border: 1px solid var(--border-color);
+        box-shadow: 0 4px 12px rgba(0,0,0,0.2);
+        margin-bottom: 2rem;
+    }
+    
+    .status-badge {
+        padding: 0.3rem 0.8rem;
+        border-radius: 20px;
+        font-size: 0.8rem;
+        font-weight: 600;
+        text-transform: uppercase;
+        letter-spacing: 0.5px;
+    }
+    
+    .status-completed { background-color: #10B981; color: white; }
+    .status-started { background-color: #F59E0B; color: white; }
+    .status-failed { background-color: #EF4444; color: white; }
+    
+    .download-link {
+        background-color: var(--accent-color);
+        color: white;
+        padding: 0.5rem 1rem;
+        border-radius: 6px;
+        text-decoration: none;
+        font-size: 0.9rem;
+        font-weight: 500;
+        transition: background-color 0.3s ease;
+    }
+    
+    .download-link:hover {
+        background-color: #3B82F6;
+        color: white;
+        text-decoration: none;
     }
 </style>
 """, unsafe_allow_html=True)
@@ -284,179 +314,160 @@ if 'authenticated' not in st.session_state:
 if 'current_page' not in st.session_state:
     st.session_state.current_page = "Course Generation"
 
-# Authentication check
-if not st.session_state.authenticated:
-    st.markdown('<h1 class="main-header">🔐 Login to Course Management</h1>', unsafe_allow_html=True)
-    
-    # Check if credentials are configured
-    if not VALID_USERNAME or not VALID_PASSWORD:
-        st.error("❌ Authentication credentials not configured. Please contact administrator.")
-        st.stop()
-    
-    col1, col2, col3 = st.columns([1, 2, 1])
-    with col2:
-        with st.container():
-            st.markdown('<div class="login-container">', unsafe_allow_html=True)
-            
-            with st.form("login_form"):
-                st.markdown('<div class="section-header">🔑 Authentication Required</div>', unsafe_allow_html=True)
-                
-                username = st.text_input("Username", placeholder="Enter username", key="login_username")
-                password = st.text_input("Password", placeholder="Enter password", type="password", key="login_password")
-                
-                login_submitted = st.form_submit_button("🚀 Login", use_container_width=True)
-                
-                if login_submitted:
-                    if VALID_USERNAME and VALID_PASSWORD and username == VALID_USERNAME and password == VALID_PASSWORD:
-                        st.session_state.authenticated = True
-                        st.success("Login successful! Redirecting...")
-                        time.sleep(1)
-                        st.rerun()
-                    else:
-                        st.error("❌ Invalid username or password")
-            
-            st.markdown('</div>', unsafe_allow_html=True)
-    
-    st.markdown("---")
-    st.markdown("""
-    <div style="text-align: center; color: #888888;">
-    <small>Please contact administrator for access credentials</small>
-    </div>
-    """, unsafe_allow_html=True)
-    st.stop()
-
-# Navigation and Header (after login)
-col1, col2, col3, col4 = st.columns([3, 2, 2, 1])
-with col1:
-    st.markdown('<h1 class="main-header">📚 Course Management System</h1>', unsafe_allow_html=True)
-
-with col2:
-    page = st.selectbox(
-        "📋 Navigate to:",
-        ["Course Generation", "Admin Dashboard"],
-        index=0 if st.session_state.current_page == "Course Generation" else 1,
-        key="page_selector"
-    )
-    st.session_state.current_page = page
+# Initialize DynamoDB client
+@st.cache_resource
+def get_dynamodb_client():
+    """Initialize DynamoDB client with credentials from environment"""
+    try:
+        if AWS_ACCESS_KEY_ID and AWS_SECRET_ACCESS_KEY:
+            return boto3.client(
+                'dynamodb',
+                region_name=DYNAMODB_REGION,
+                aws_access_key_id=AWS_ACCESS_KEY_ID,
+                aws_secret_access_key=AWS_SECRET_ACCESS_KEY
+            )
+        else:
+            # Try to use default credentials (IAM role, etc.)
+            return boto3.client('dynamodb', region_name=DYNAMODB_REGION)
+    except Exception as e:
+        st.error(f"Failed to initialize DynamoDB client: {e}")
+        return None
 
-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 Generation"
-        st.rerun()
+# Initialize S3 client
+@st.cache_resource
+def get_s3_client():
+    """Initialize S3 client with credentials from environment"""
+    try:
+        if AWS_ACCESS_KEY_ID and AWS_SECRET_ACCESS_KEY:
+            return boto3.client(
+                's3',
+                region_name=AWS_DEFAULT_REGION,
+                aws_access_key_id=AWS_ACCESS_KEY_ID,
+                aws_secret_access_key=AWS_SECRET_ACCESS_KEY
+            )
+        else:
+            return boto3.client('s3', region_name=AWS_DEFAULT_REGION)
+    except Exception as e:
+        st.error(f"Failed to initialize S3 client: {e}")
+        return None
 
-# Page routing
-if st.session_state.current_page == "Admin Dashboard":
-    render_admin_dashboard()
-else:
-    # Course Generation Page (Original Content)
-    
-    # Course Selection Section
-    st.markdown('<div class="section-header">📚 Course Selection</div>', unsafe_allow_html=True)
-    
-    col1, col2 = st.columns([2, 3])
-    with col1:
-        selected_course = st.selectbox(
-            "Select Course Type",
-            options=list(COURSE_CONFIGS.keys()),
-            index=0,
-            help="Choose the course you want to generate content for"
+def get_session_data(session_id):
+    """Get session data from DynamoDB"""
+    dynamodb = get_dynamodb_client()
+    if not dynamodb:
+        return None
+        
+    try:
+        response = dynamodb.get_item(
+            TableName=SESSION_TABLE,
+            Key={'session_id': {'S': session_id}}
         )
+        
+        if 'Item' in response:
+            item = response['Item']
+            return {
+                'session_id': item.get('session_id', {}).get('S', ''),
+                'status': item.get('status', {}).get('S', ''),
+                'node': item.get('node', {}).get('S', ''),
+                'course_id': item.get('course_id', {}).get('N', '0'),
+                'topic_id': item.get('topic_id', {}).get('N', '0'),
+                'topic_title': item.get('topic_title', {}).get('S', ''),
+                'video_url': item.get('video_url', {}).get('S', ''),
+                'created_at': item.get('created_at', {}).get('S', ''),
+                'updated_at': item.get('updated_at', {}).get('S', '')
+            }
+    except Exception as e:
+        st.error(f"Error fetching session data: {e}")
     
-    with col2:
-        st.info(f"**Selected:** {selected_course} (Course ID: {COURSE_CONFIGS[selected_course]['course_id']})")
+    return None
 
-    # 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)
+def update_session_status(session_id, status, node=None, video_url=None):
+    """Update session status in DynamoDB"""
+    dynamodb = get_dynamodb_client()
+    if not dynamodb:
+        return False
         
-        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
+    try:
+        now = datetime.utcnow().isoformat() + "Z"
         
-        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
+        update_expr = "SET updated_at = :u, #st = :s"
+        expr_attr_names = {"#st": "status", "#ut": "updated_at"}
+        expr_attr_values = {":u": {"S": now}, ":s": {"S": status}}
         
-        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()
+        if node:
+            update_expr += ", #nd = :n"
+            expr_attr_names["#nd"] = "node"
+            expr_attr_values[":n"] = {"S": node}
+            
+        if video_url:
+            update_expr += ", video_url = :v"
+            expr_attr_values[":v"] = {"S": video_url}
+
+        dynamodb.update_item(
+            TableName=SESSION_TABLE,
+            Key={'session_id': {'S': session_id}},
+            UpdateExpression=update_expr,
+            ExpressionAttributeNames=expr_attr_names,
+            ExpressionAttributeValues=expr_attr_values
+        )
+        return True
+    except Exception as e:
+        st.error(f"Error updating session: {e}")
+        return False
+
+def generate_s3_presigned_url(s3_key, bucket='tech-learn-state', expiry=3600):
+    """Generate presigned URL for S3 object"""
+    s3_client = get_s3_client()
+    if not s3_client:
+        return None
         
-        st.markdown('</div>', unsafe_allow_html=True)
+    try:
+        url = s3_client.generate_presigned_url(
+            'get_object',
+            Params={'Bucket': bucket, 'Key': s3_key},
+            ExpiresIn=expiry
+        )
+        return url
+    except Exception as e:
+        st.error(f"Error generating presigned URL: {e}")
+        return None
 
-    # 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])
+def render_admin_dashboard():
+    """Render the simplified admin dashboard"""
+    st.markdown('<div class="section-header">🎛️ Admin Dashboard - Session Monitoring</div>', unsafe_allow_html=True)
+    
+    # Session lookup section
+    st.markdown('<div class="admin-card">', unsafe_allow_html=True)
+    st.markdown("### 🔍 Session Lookup")
+    
+    col1, col2 = st.columns([3, 1])
     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()
+        session_id_input = st.text_input(
+            "Enter Session ID", 
+            placeholder="e.g., 2025-01-15-12-30-45-abc123",
+            help="Enter the session ID to monitor"
+        )
     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("<br>", unsafe_allow_html=True)
+        lookup_button = st.button("🔍 Lookup", use_container_width=True)
+    
     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)
-        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"
-            )
-        
-        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"
-            )
-
-        # Technical Settings Section
-        st.markdown('<div class="section-header">💻 Technical Settings</div>', unsafe_allow_html=True)
+    
+    # Display session data
+    if lookup_button and session_id_input:
+        session_data = get_session_data(session_id_input.strip())
         
-        col1, col2 = st.columns(2)
+        if session_data:
+            st.markdown('<div class="admin-card">', unsafe_allow_html=True)
+            st.markdown(f"### 📊 Session Details: `{session_id_input}`")
+            
+            # Status badge
+            status = session_data['status']
+            status_class = f"status-{status.lower()}" if status.lower() in ['completed', 'started', 'failed'] else "status-started"
+            st.markdown(f'<span class="status-badge {status_class}">{status}</span>', unsafe_allow_html=True)
+            
+            # Session info
+            col1, col2 = st.columns(2)
         with col1:
             # Comprehensive list of programming languages, frameworks, and databases
             tech_options = [
@@ -695,4 +706,268 @@ else:
                     # Show payload for debugging
                     with st.expander("🐛 Debug Information", expanded=False):
                         st.warning("Request payload for debugging:")
-                        st.json(payload)
+                        st.json(payload))
+            with col1:
+                st.markdown(f"""
+                **Node**: {session_data['node']}  
+                **Course ID**: {session_data['course_id']}  
+                **Topic ID**: {session_data['topic_id']}  
+                **Topic Title**: {session_data['topic_title']}
+                """)
+            with col2:
+                st.markdown(f"""
+                **Created**: {session_data['created_at'][:19] if session_data['created_at'] else 'N/A'}  
+                **Updated**: {session_data['updated_at'][:19] if session_data['updated_at'] else 'N/A'}  
+                **Status**: {session_data['status']}
+                """)
+            
+            # Video URL section
+            if session_data['video_url']:
+                st.markdown("### 🎥 Video Download")
+                st.markdown(f'<a href="{session_data["video_url"]}" class="download-link" target="_blank">📥 Download Video</a>', unsafe_allow_html=True)
+            else:
+                st.info("No video URL available for this session")
+            
+            st.markdown('</div>', unsafe_allow_html=True)
+            
+            # Session management section
+            st.markdown('<div class="admin-card">', unsafe_allow_html=True)
+            st.markdown("### ⚙️ Session Management")
+            
+            col1, col2, col3 = st.columns(3)
+            
+            with col1:
+                new_status = st.selectbox("Update Status", ["STARTED", "COMPLETED", "FAILED"], key="status_update")
+                if st.button("🔄 Update Status"):
+                    if update_session_status(session_id_input.strip(), new_status):
+                        st.success(f"Status updated to {new_status}")
+                        st.rerun()
+                    else:
+                        st.error("Failed to update status")
+            
+            with col2:
+                new_node = st.text_input("Update Node", placeholder="e.g., SlideCreation", key="node_update")
+                if st.button("📝 Update Node"):
+                    if new_node.strip() and update_session_status(session_id_input.strip(), session_data['status'], new_node.strip()):
+                        st.success(f"Node updated to {new_node}")
+                        st.rerun()
+                    else:
+                        st.error("Failed to update node")
+                        
+            with col3:
+                # S3 URL Generator
+                s3_key_input = st.text_input("S3 Key", placeholder="video_states/session_id/final_video/...", key="s3_key")
+                if st.button("🔗 Generate Video URL"):
+                    if s3_key_input.strip():
+                        video_url = generate_s3_presigned_url(s3_key_input.strip())
+                        if video_url:
+                            if update_session_status(session_id_input.strip(), session_data['status'], video_url=video_url):
+                                st.success("Video URL generated and updated!")
+                                st.code(video_url)
+                                st.rerun()
+                            else:
+                                st.error("Failed to update video URL")
+                        else:
+                            st.error("Failed to generate presigned URL")
+                    else:
+                        st.error("Please enter S3 key")
+            
+            st.markdown('</div>', unsafe_allow_html=True)
+            
+        else:
+            st.error(f"❌ Session not found: `{session_id_input}`")
+    
+    # Recent sessions from session state
+    if st.session_state.session_ids:
+        st.markdown('<div class="admin-card">', unsafe_allow_html=True)
+        st.markdown("### 📋 Recent Sessions from Current App Session")
+        
+        for session_id in st.session_state.session_ids[-10:]:  # Show last 10
+            session_data = get_session_data(session_id)
+            if session_data:
+                with st.expander(f"📝 {session_id} - {session_data['status']}", expanded=False):
+                    col1, col2 = st.columns(2)
+                    with col1:
+                        st.write(f"**Node**: {session_data['node']}")
+                        st.write(f"**Topic**: {session_data['topic_title']}")
+                        st.write(f"**Status**: {session_data['status']}")
+                    with col2:
+                        st.write(f"**Updated**: {session_data['updated_at'][:19] if session_data['updated_at'] else 'N/A'}")
+                        if session_data['video_url']:
+                            st.markdown(f'<a href="{session_data["video_url"]}" class="download-link" target="_blank">📥 Download</a>', unsafe_allow_html=True)
+        
+        st.markdown('</div>', unsafe_allow_html=True)
+
+# Authentication check
+if not st.session_state.authenticated:
+    st.markdown('<h1 class="main-header">🔐 Login to Course Management</h1>', unsafe_allow_html=True)
+    
+    # Check if credentials are configured
+    if not VALID_USERNAME or not VALID_PASSWORD:
+        st.error("❌ Authentication credentials not configured. Please contact administrator.")
+        st.stop()
+    
+    col1, col2, col3 = st.columns([1, 2, 1])
+    with col2:
+        with st.container():
+            st.markdown('<div class="login-container">', unsafe_allow_html=True)
+            
+            with st.form("login_form"):
+                st.markdown('<div class="section-header">🔑 Authentication Required</div>', unsafe_allow_html=True)
+                
+                username = st.text_input("Username", placeholder="Enter username", key="login_username")
+                password = st.text_input("Password", placeholder="Enter password", type="password", key="login_password")
+                
+                login_submitted = st.form_submit_button("🚀 Login", use_container_width=True)
+                
+                if login_submitted:
+                    if VALID_USERNAME and VALID_PASSWORD and username == VALID_USERNAME and password == VALID_PASSWORD:
+                        st.session_state.authenticated = True
+                        st.success("Login successful! Redirecting...")
+                        time.sleep(1)
+                        st.rerun()
+                    else:
+                        st.error("❌ Invalid username or password")
+            
+            st.markdown('</div>', unsafe_allow_html=True)
+    
+    st.markdown("---")
+    st.markdown("""
+    <div style="text-align: center; color: #888888;">
+    <small>Please contact administrator for access credentials</small>
+    </div>
+    """, unsafe_allow_html=True)
+    st.stop()
+
+# Navigation and Header (after login)
+col1, col2, col3, col4 = st.columns([3, 2, 2, 1])
+with col1:
+    st.markdown('<h1 class="main-header">📚 Course Management System</h1>', unsafe_allow_html=True)
+
+with col2:
+    page = st.selectbox(
+        "📋 Navigate to:",
+        ["Course Generation", "Admin Dashboard"],
+        index=0 if st.session_state.current_page == "Course Generation" else 1,
+        key="page_selector"
+    )
+    st.session_state.current_page = page
+
+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 Generation"
+        st.rerun()
+
+# Page routing
+if st.session_state.current_page == "Admin Dashboard":
+    render_admin_dashboard()
+else:
+    # Course Generation Page (Original Content)
+    
+    # Course Selection Section
+    st.markdown('<div class="section-header">📚 Course Selection</div>', unsafe_allow_html=True)
+    
+    col1, col2 = st.columns([2, 3])
+    with col1:
+        selected_course = st.selectbox(
+            "Select Course Type",
+            options=list(COURSE_CONFIGS.keys()),
+            index=0,
+            help="Choose the course you want to generate content for"
+        )
+    
+    with col2:
+        st.info(f"**Selected:** {selected_course} (Course ID: {COURSE_CONFIGS[selected_course]['course_id']})")
+
+    # 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)
+
+    # 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)
+        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"
+            )
+        
+        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"
+            )
+
+        # Technical Settings Section
+        st.markdown('<div class="section-header">💻 Technical Settings</div>', unsafe_allow_html=True)
+        
+        col1, col2 = st.columns(2