Update app.py

app.py

@@ -3,7 +3,6 @@ import json
 import zipfile
 import io
 import time
-import textwrap
 import requests
 from agents import TopicAgent, ContentAgent, SlideAgent, CodeAgent, DesignAgent, VoiceoverAgent
 
@@ -22,24 +21,51 @@ voiceover_agent = VoiceoverAgent()
 st.set_page_config(
     page_title="Workshop in a Box Pro",
     layout="wide",
-    initial_sidebar_state="expanded",
     page_icon="🎓"
 )
 
-# Custom CSS for premium styling
+# Custom CSS for permanent visibility
 st.markdown("""
 <style>
+    /* Permanent visibility styles */
+    .workshop-container {
+        background: rgba(255, 255, 255, 0.05);
+        border-radius: 10px;
+        padding: 25px;
+        margin-bottom: 20px;
+        border: 1px solid #0d8bf2;
+        box-shadow: 0 4px 20px rgba(0,0,0,0.25);
+    }
+    
+    .section-header {
+        border-left: 4px solid #0d8bf2;
+        padding-left: 15px;
+        margin-top: 10px;
+        margin-bottom: 20px;
+    }
+    
+    .executive-summary {
+        background: linear-gradient(to right, #1a2980, #26d0ce);
+        padding: 25px;
+        border-radius: 15px;
+        margin-bottom: 25px;
+        box-shadow: 0 10px 20px rgba(0,0,0,0.2);
+    }
+    
+    /* Override expander styles */
     .stApp {
         background: linear-gradient(135deg, #0f2027 0%, #203a43 100%);
         color: #fff;
         font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
     }
+    
     .stTextInput>div>div>input {
         background-color: rgba(255,255,255,0.1) !important;
         color: white !important;
         border: 1px solid #4CAF50;
         border-radius: 8px;
     }
+    
     .stButton>button {
         background: linear-gradient(to right, #0d8bf2, #04befe) !important;
         color: white !important;
@@ -51,20 +77,11 @@ st.markdown("""
         box-shadow: 0 4px 6px rgba(0,0,0,0.1);
         transition: all 0.3s ease;
     }
-    .stButton>button:hover {
-        transform: translateY(-2px);
-        box-shadow: 0 6px 8px rgba(0,0,0,0.15);
-    }
+    
     .stDownloadButton>button {
         background: linear-gradient(to right, #00c853, #64dd17) !important;
     }
-    .stExpander {
-        background: rgba(15, 32, 39, 0.8) !important;
-        border-radius: 10px;
-        padding: 20px;
-        border: 1px solid #1e88e5;
-        box-shadow: 0 4px 20px rgba(0,0,0,0.25);
-    }
+    
     .premium-badge {
         background: linear-gradient(45deg, #ffd700, #ff9800);
         color: #000;
@@ -75,18 +92,7 @@ st.markdown("""
         display: inline-block;
         margin-left: 10px;
     }
-    .section-header {
-        border-left: 4px solid #0d8bf2;
-        padding-left: 15px;
-        margin-top: 30px;
-    }
-    .testimonial {
-        background: rgba(255,255,255,0.05);
-        border-radius: 10px;
-        padding: 15px;
-        margin: 15px 0;
-        border-left: 4px solid #00c853;
-    }
+    
     .pricing-card {
         background: rgba(255,255,255,0.05);
         border-radius: 10px;
@@ -94,16 +100,15 @@ st.markdown("""
         margin: 10px 0;
         border: 1px solid #0d8bf2;
     }
-    .executive-summary {
-        background: linear-gradient(to right, #1a2980, #26d0ce);
-        padding: 25px;
-        border-radius: 15px;
-        margin-bottom: 25px;
-        box-shadow: 0 10px 20px rgba(0,0,0,0.2);
-    }
-    .stAlert {
+    
+    .testimonial {
+        background: rgba(255,255,255,0.05);
         border-radius: 10px;
+        padding: 15px;
+        margin: 15px 0;
+        border-left: 4px solid #00c853;
     }
+    
     .disabled-widget {
         opacity: 0.6;
         pointer-events: none;
@@ -130,7 +135,7 @@ if 'generating' not in st.session_state:
 if 'voiceovers' not in st.session_state:
     st.session_state.voiceovers = {}
 if 'selected_voice' not in st.session_state:
-    st.session_state.selected_voice = "21m00Tcm4TlvDq8ikWAM"  # Default voice ID
+    st.session_state.selected_voice = "21m00Tcm4TlvDq8ikWAM"
 if 'duration' not in st.session_state:
     st.session_state.duration = 4.0
 if 'difficulty' not in st.session_state:
@@ -147,22 +152,17 @@ if 'premium_mode' not in st.session_state:
 # Sidebar configuration
 with st.sidebar:
     st.header("⚙️ Executive Workshop Configuration")
-
-    # Workshop topic input
     st.session_state.workshop_topic = st.text_input(
         "Workshop Focus", 
         st.session_state.workshop_topic,
         help="Strategic business topic (e.g., 'AI for Financial Services Transformation')"
     )
     
-    # Check if topic is empty
     topic_empty = st.session_state.workshop_topic.strip() == ""
     
-    # Show warning if topic is empty
     if topic_empty:
         st.warning("Please enter a strategic workshop focus to enable configuration")
     
-    # Always show config controls but disable when topic is empty
     st.session_state.duration = st.slider(
         "Duration (hours)", 
         2.0, 8.0, st.session_state.duration, 0.5, 
@@ -195,7 +195,6 @@ with st.sidebar:
         disabled=topic_empty
     )
     
-    # Voice selection
     if st.session_state.include_voiceover and not topic_empty:
         st.subheader("🎙️ Voice Selection")
         voices = voiceover_agent.get_voices()
@@ -213,7 +212,6 @@ with st.sidebar:
         else:
             st.warning("ElevenLabs API key not set. Voiceovers disabled.")
 
-    # Quality assurance checkbox
     st.divider()
     st.markdown("**Quality Assurance**")
     st.session_state.premium_mode = st.checkbox(
@@ -223,7 +221,6 @@ with st.sidebar:
         disabled=topic_empty
     )
 
-    # Generate button - disabled when topic is empty
     generate_disabled = topic_empty or st.session_state.generating
     if st.button(
         "✨ Generate Premium Workshop", 
@@ -232,14 +229,13 @@ with st.sidebar:
         disabled=generate_disabled
     ):
         st.session_state.generating = True
-        st.session_state.voiceovers = {}  # Reset previous voiceovers
+        st.session_state.voiceovers = {}
 
 # Generation pipeline
 if st.session_state.generating and not topic_empty:
     with st.spinner(f"🚀 Creating your executive workshop on '{st.session_state.workshop_topic}'..."):
         start_time = time.time()
         
-        # Agent pipeline
         outline = topic_agent.generate_outline(
             st.session_state.workshop_topic, 
             st.session_state.duration, 
@@ -250,7 +246,6 @@ if st.session_state.generating and not topic_empty:
         code_labs = code_agent.generate_code(content) if st.session_state.include_code else None
         design_url = design_agent.generate_design(slides) if st.session_state.include_design else None
         
-        # Generate voiceovers if enabled
         voiceovers = {}
         if st.session_state.include_voiceover and voiceover_agent.api_key:
             for i, module in enumerate(content.get("modules", [])):
@@ -263,7 +258,6 @@ if st.session_state.generating and not topic_empty:
                 if audio_data:
                     voiceovers[f"module_{i+1}_intro.mp3"] = audio_data
         
-        # Prepare download package
         zip_buffer = io.BytesIO()
         with zipfile.ZipFile(zip_buffer, "a", zipfile.ZIP_DEFLATED) as zip_file:
             zip_file.writestr("executive_summary.json", json.dumps(outline, indent=2))
@@ -277,11 +271,9 @@ if st.session_state.generating and not topic_empty:
                     zip_file.writestr("slide_design.png", img_data)
                 except Exception as e:
                     st.error(f"Design download error: {str(e)}")
-            # Add voiceovers to ZIP
             for filename, audio_data in voiceovers.items():
                 zip_file.writestr(f"voiceovers/{filename}", audio_data)
         
-        # Store results
         st.session_state.outline = outline
         st.session_state.content = content
         st.session_state.slides = slides
@@ -293,11 +285,10 @@ if st.session_state.generating and not topic_empty:
         st.session_state.generated = True
         st.session_state.generating = False
 
-# Results display
+# Results display - PERMANENTLY VISIBLE SECTION
 if st.session_state.generated and not topic_empty:
     st.success(f"✅ Executive workshop generated in {st.session_state.gen_time} seconds!")
     
-    # Download button
     st.download_button(
         label="📥 Download Executive Package",
         data=st.session_state.zip_buffer.getvalue(),
@@ -306,65 +297,75 @@ if st.session_state.generated and not topic_empty:
         use_container_width=True
     )
     
-    # Executive summary
-    with st.expander("📊 Executive Overview", expanded=True):
-        st.markdown(f"<div class='executive-summary'>", unsafe_allow_html=True)
-        st.subheader(st.session_state.outline.get("title", "Strategic Workshop"))
-        st.caption(f"Duration: {st.session_state.outline.get('duration', '4 hours')} | Level: {st.session_state.outline.get('difficulty', 'Executive')}")
-        
-        st.markdown("**Business Value Proposition**")
-        if "learning_goals" in st.session_state.outline:
-            for goal in st.session_state.outline["learning_goals"]:
-                st.markdown(f"- {goal}")
-        
-        st.markdown("**Key Deliverables**")
-        st.markdown("- Boardroom-ready presentation\n"
-                    "- Implementation toolkit\n"
-                    "- ROI calculation framework\n"
-                    "- Enterprise integration guide")
-        st.markdown("</div>", unsafe_allow_html=True)
+    # Executive summary - ALWAYS VISIBLE
+    st.markdown("<div class='section-header'><h2>📊 Executive Overview</h2></div>", unsafe_allow_html=True)
+    st.markdown(f"<div class='executive-summary'>", unsafe_allow_html=True)
+    st.subheader(st.session_state.outline.get("title", "Strategic Workshop"))
+    st.caption(f"Duration: {st.session_state.outline.get('duration', '4 hours')} | Level: {st.session_state.outline.get('difficulty', 'Executive')}")
+    
+    st.markdown("**Business Value Proposition**")
+    if "learning_goals" in st.session_state.outline:
+        for goal in st.session_state.outline["learning_goals"]:
+            st.markdown(f"- {goal}")
+    
+    st.markdown("**Key Deliverables**")
+    st.markdown("- Boardroom-ready presentation\n"
+                "- Implementation toolkit\n"
+                "- ROI calculation framework\n"
+                "- Enterprise integration guide")
+    st.markdown("</div>", unsafe_allow_html=True)
 
-    # Workshop content
-    with st.expander("📝 Strategic Content Framework"):
-        if "modules" in st.session_state.content:
-            for module in st.session_state.content["modules"]:
-                st.subheader(module.get("title", "Business Module"))
-                st.markdown(module.get("script", ""))
-                
-                st.markdown("**Executive Discussion Points**")
-                if "discussion_questions" in module:
-                    for q in module["discussion_questions"]:
-                        st.markdown(f"- **{q.get('question', '')}**")
-                        st.caption(q.get("response", ""))
+    # Workshop content - ALWAYS VISIBLE
+    st.markdown("<div class='section-header'><h2>📝 Strategic Content Framework</h2></div>", unsafe_allow_html=True)
+    st.markdown("<div class='workshop-container'>", unsafe_allow_html=True)
+    if "modules" in st.session_state.content:
+        for module in st.session_state.content["modules"]:
+            st.subheader(module.get("title", "Business Module"))
+            st.markdown(module.get("script", ""))
+            
+            st.markdown("**Executive Discussion Points**")
+            if "discussion_questions" in module:
+                for q in module["discussion_questions"]:
+                    st.markdown(f"- **{q.get('question', '')}**")
+                    st.caption(q.get("response", ""))
+            st.divider()
+    st.markdown("</div>", unsafe_allow_html=True)
 
-    # Slide preview
-    with st.expander("🖥️ Boardroom Presentation Preview"):
-        st.markdown("```markdown\n" + textwrap.dedent(st.session_state.slides[:2000]) + "\n```")
+    # Slide preview - ALWAYS VISIBLE
+    st.markdown("<div class='section-header'><h2>🖥️ Boardroom Presentation Preview</h2></div>", unsafe_allow_html=True)
+    st.markdown("<div class='workshop-container'>", unsafe_allow_html=True)
+    st.markdown(st.session_state.slides[:2000])
+    st.markdown("</div>", unsafe_allow_html=True)
 
-    # Technical implementation
+    # Technical implementation - ALWAYS VISIBLE
     if st.session_state.code_labs:
-        with st.expander("💻 Enterprise Implementation Toolkit"):
-            st.code(st.session_state.code_labs)
+        st.markdown("<div class='section-header'><h2>💻 Enterprise Implementation Toolkit</h2></div>", unsafe_allow_html=True)
+        st.markdown("<div class='workshop-container'>", unsafe_allow_html=True)
+        st.code(st.session_state.code_labs)
+        st.markdown("</div>", unsafe_allow_html=True)
 
-    # Design preview
+    # Design preview - ALWAYS VISIBLE
     if st.session_state.design_url:
-        with st.expander("🎨 Premium Visual Design"):
-            try:
-                st.image(st.session_state.design_url, caption="Corporate Slide Design")
-            except:
-                st.warning("Design preview unavailable")
+        st.markdown("<div class='section-header'><h2>🎨 Premium Visual Design</h2></div>", unsafe_allow_html=True)
+        st.markdown("<div class='workshop-container'>", unsafe_allow_html=True)
+        try:
+            st.image(st.session_state.design_url, caption="Corporate Slide Design")
+        except:
+            st.warning("Design preview unavailable")
+        st.markdown("</div>", unsafe_allow_html=True)
     
-    # Voiceover player
+    # Voiceover player - ALWAYS VISIBLE
     if st.session_state.voiceovers:
-        with st.expander("🔊 Voiceover Previews"):
-            for i, (filename, audio_bytes) in enumerate(st.session_state.voiceovers.items()):
-                module_num = filename.split("_")[1]
-                st.subheader(f"Module {module_num} Introduction")
-                st.audio(audio_bytes, format="audio/mp3")
+        st.markdown("<div class='section-header'><h2>🔊 Voiceover Previews</h2></div>", unsafe_allow_html=True)
+        st.markdown("<div class='workshop-container'>", unsafe_allow_html=True)
+        for i, (filename, audio_bytes) in enumerate(st.session_state.voiceovers.items()):
+            module_num = filename.split("_")[1]
+            st.subheader(f"Module {module_num} Introduction")
+            st.audio(audio_bytes, format="audio/mp3")
+        st.markdown("</div>", unsafe_allow_html=True)
 
-# Executive engagement section
-st.divider()
-st.subheader("🚀 Premium Corporate Offering")
+# Pricing section - ALWAYS VISIBLE
+st.markdown("<div class='section-header'><h2>🚀 Premium Corporate Offering</h2></div>", unsafe_allow_html=True)
 st.markdown(f"""
 ### {st.session_state.workshop_topic} Executive Program
 <div class="pricing-card">
@@ -390,9 +391,8 @@ st.markdown(f"""
 - Executive briefing package
 """, unsafe_allow_html=True)
 
-# Testimonials
-st.divider()
-st.subheader("💼 Executive Testimonials")
+# Testimonials - ALWAYS VISIBLE
+st.markdown("<div class='section-header'><h2>💼 Executive Testimonials</h2></div>", unsafe_allow_html=True)
 st.markdown("""
 <div class="testimonial">
     <p>"This platform helped us create a $50K training program in one afternoon. The ROI was immediate."</p>
@@ -404,23 +404,22 @@ st.markdown("""
 </div>
 """, unsafe_allow_html=True)
 
-# CTA
-st.divider()
+# CTA - ALWAYS VISIBLE
+st.markdown("<div class='section-header'><h2>Get Started</h2></div>", unsafe_allow_html=True)
 col1, col2 = st.columns(2)
 with col1:
     st.link_button("📅 Book Strategy Session", "https://calendly.com/your-link", use_container_width=True)
 with col2:
     st.link_button("💼 Enterprise Solutions", "https://your-company.com/enterprise", use_container_width=True)
 
-# Footer
-st.divider()
+# Footer - ALWAYS VISIBLE
 st.markdown("""
-<div style="text-align: center; padding: 20px; color: #aaa;">
+<div style="text-align: center; padding: 20px; color: #aaa; margin-top: 30px;">
     Workshop in a Box Pro® | Enterprise-Grade AI Training Solutions | © 2025
 </div>
 """, unsafe_allow_html=True)
 
-# Debug info
+# Debug info - ALWAYS VISIBLE
 with st.sidebar:
     st.divider()
     if hasattr(topic_agent, 'openai_client') and topic_agent.openai_client:
@@ -442,5 +441,4 @@ with st.sidebar:
     - Professional slide designs
     - Real-world case studies
     - Practical code labs
-    """)
-    
+    """)