Update app.py

app.py

@@ -123,6 +123,61 @@ def inject_custom_css():
                          transition: width 0.5s ease; }
         .question-count { color: #6C63FF; font-weight: 600; font-size: 0.9rem; margin-bottom: 0.5rem; }
 
+
+        /* Add these new styles for the info modal */
+        .info-modal {
+            position: fixed;
+            top: 50%;
+            left: 50%;
+            transform: translate(-50%, -50%);
+            background: white;
+            padding: 2rem;
+            border-radius: 20px;
+            box-shadow: 0 10px 30px rgba(0,0,0,0.2);
+            z-index: 1000;
+            max-width: 600px;
+            width: 90%;
+            max-height: 80vh;
+            overflow-y: auto;
+        }
+        .info-modal-backdrop {
+            position: fixed;
+            top: 0;
+            left: 0;
+            right: 0;
+            bottom: 0;
+            background: rgba(0,0,0,0.5);
+            z-index: 999;
+        }
+        .tech-item {
+            margin-bottom: 1.5rem;
+            padding-bottom: 1.5rem;
+            border-bottom: 1px solid #e2e8f0;
+        }
+        .tech-item:last-child {
+            border-bottom: none;
+            margin-bottom: 0;
+            padding-bottom: 0;
+        }
+        .tech-title {
+            color: #6C63FF;
+            font-weight: 600;
+            margin-bottom: 0.5rem;
+            display: flex;
+            align-items: center;
+            gap: 0.5rem;
+        }
+        .close-modal-btn {
+            position: absolute;
+            top: 1rem;
+            right: 1rem;
+            background: none;
+            border: none;
+            font-size: 1.5rem;
+            cursor: pointer;
+            color: #64748B;
+        }
+        
     </style>
     """, unsafe_allow_html=True)
 
@@ -219,6 +274,26 @@ def ask_help_agent(query):
     except Exception as e:
         return f"Error in help agent: {str(e)}"
 
+
+def show_techniques_modal():
+    # Use Streamlit's expander with markdown
+    with st.expander("ℹ️ Project Techniques & Limitations", expanded=True):
+        st.markdown("""
+        **AI Models Used:**
+        1. Groq Llama 3.3-70B - For generating strategic questions and final guesses
+        2. Mistral Tiny - Powers the help chat assistant  
+        3. OpenAI Whisper - Converts speech to text in real-time
+        4. Hard Prompt Tuning - Carefully engineered prompts to optimize model performance
+
+        **Known Limitations:**
+        1. Voice input may take 5-10 seconds to process sentences, which is fine.
+        2. Single words (like "yes", "object") may take 10-20 minutes, which is irritating.
+        3. Language Support - While Whisper understands and writes Urdu, but the game only supports English responses
+        """)
+        
+        if st.button("Close", key="modal_close_btn"):
+            pass  # The expander will automatically close
+    
 ######################################
 # Main Game Logic with Voice Integration
 ######################################
@@ -227,6 +302,11 @@ def main():
     inject_custom_css()
     st.markdown('<div class="title">KASOTI</div>', unsafe_allow_html=True)
     st.markdown('<div class="subtitle">AI-Powered Guessing Game Challenge</div>', unsafe_allow_html=True)
+
+    if st.button("ℹ️ Project Techniques & Limitations", key="info_btn"):
+        show_techniques_modal()
+    
+        
     if 'game_state' not in st.session_state:
         st.session_state.game_state = "start"
         st.session_state.questions = []