Update app.py

app.py

@@ -9,18 +9,23 @@ st.set_page_config(
 
 import uuid
 import os
-from components import (
+import json
+from updated_components import (
     render_ideation_stage,
     render_storyboard_stage,
     render_template_stage,
     render_slides_stage,
-    render_export_stage
+    render_export_stage,
+    render_ai_settings
 )
+from multi_llm_provider import get_ai_manager
 
 # Check and display API key status
 api_key = os.getenv("ANTHROPIC_API_KEY")
-if not api_key:
-    st.error("⚠️ ANTHROPIC_API_KEY environment variable not found. The app will use fallback content generation.")
+openai_key = os.getenv("OPENAI_API_KEY")
+deepseek_key = os.getenv("DEEPSEEK_API_KEY")
+perplexity_key = os.getenv("PERPLEXITY_API_KEY")
+pexels_key = os.getenv("PEXELS_API_KEY")
 
 # Add custom CSS
 st.markdown("""
@@ -84,6 +89,46 @@ st.markdown("""
         background-color: #45a049;
         box-shadow: 0 4px 8px rgba(0,0,0,0.2);
     }
+    
+    /* AI settings panel */
+    .ai-settings {
+        background-color: #f9f9f9;
+        border-radius: 8px;
+        padding: 12px;
+        margin-top: 15px;
+        border: 1px solid #eee;
+    }
+    
+    /* Enhanced image cards */
+    .image-card {
+        border: 1px solid #ddd;
+        border-radius: 8px;
+        overflow: hidden;
+        transition: transform 0.3s ease;
+    }
+    .image-card:hover {
+        transform: scale(1.03);
+        box-shadow: 0 4px 8px rgba(0,0,0,0.1);
+    }
+    
+    /* Tabs styling */
+    .stTabs [data-baseweb="tab-list"] {
+        gap: 8px;
+    }
+    
+    .stTabs [data-baseweb="tab"] {
+        height: 50px;
+        white-space: pre-wrap;
+        background-color: #f0f2f6;
+        border-radius: 4px 4px 0 0;
+        padding: 8px 16px;
+        font-weight: 600;
+    }
+    
+    .stTabs [aria-selected="true"] {
+        background-color: #4CAF50 !important;
+        color: white !important;
+    }
 </style>
 """, unsafe_allow_html=True)
 
@@ -104,6 +149,15 @@ if "selected_template" not in st.session_state:
     st.session_state.selected_template = "professional"
 if "slides_content" not in st.session_state:
     st.session_state.slides_content = []
+if "default_model" not in st.session_state:
+    st.session_state.default_model = "claude-3-sonnet-20250219"
+if "ai_temperature" not in st.session_state:
+    st.session_state.ai_temperature = 0.7
+if "enable_web_search" not in st.session_state:
+    st.session_state.enable_web_search = False
+
+# Initialize AI provider manager
+ai_manager = get_ai_manager()
 
 # Sidebar
 with st.sidebar:
@@ -119,10 +173,36 @@ with st.sidebar:
     """, unsafe_allow_html=True)
     
     # Display API information
+    api_status = []
     if api_key:
-        st.success("🟢 Claude AI engine connected")
+        api_status.append("🟢 Claude AI")
+    else:
+        api_status.append("🔴 Claude AI (not connected)")
+        
+    if openai_key:
+        api_status.append("🟢 OpenAI")
+    else:
+        api_status.append("⚪ OpenAI (optional)")
+        
+    if deepseek_key:
+        api_status.append("🟢 DeepSeek")
+    else:
+        api_status.append("⚪ DeepSeek (optional)")
+        
+    if perplexity_key:
+        api_status.append("🟢 Perplexity")
     else:
-        st.error("🔴 Claude AI engine not connected")
+        api_status.append("⚪ Web Search (optional)")
+        
+    if pexels_key:
+        api_status.append("🟢 Stock Images")
+    else:
+        api_status.append("⚪ Stock Images (optional)")
+    
+    st.info("\n".join(api_status))
+    
+    if not api_key:
+        st.error("⚠️ ANTHROPIC_API_KEY environment variable not found. The app will use fallback content generation.")
     
     # Display current progress
     st.write("## Your Journey")
@@ -145,6 +225,27 @@ with st.sidebar:
             st.markdown(f"### {stage['icon']} {stage['name']}")
     
     st.write("---")
+    
+    # Settings accordion
+    with st.expander("⚙️ Settings", expanded=False):
+        # Show presentation info
+        if st.session_state.presentation_title:
+            st.write(f"**Title:** {st.session_state.presentation_title}")
+        
+        if st.session_state.selected_template:
+            st.write(f"**Template:** {st.session_state.selected_template.title()}")
+        
+        # Show slide count
+        if st.session_state.slides_content:
+            st.write(f"**Slides:** {len(st.session_state.slides_content)}")
+        elif st.session_state.storyboard:
+            st.write(f"**Planned Slides:** {len(st.session_state.storyboard)}")
+        
+        # Debugging options
+        show_debug = st.checkbox("Show Debug Info", value=False)
+        if show_debug:
+            st.code(json.dumps({k: v for k, v in st.session_state.items() if k not in ["custom_template", "ai_manager", "slides_content", "storyboard"]}, default=str, indent=2))
+    
     st.markdown("""
     <div style="text-align: center;">
         <div>Made with 💚 by SlideGator.AI</div>