Update app.py

app.py

@@ -515,7 +515,7 @@ This may be due to Hugging Face Spaces resource limitations or model availabilit
             "N/A"
         )
 
-# Create Gradio interface with enhanced UI
+# Create Gradio interface with enhanced UI and improved disclaimer
 with gr.Blocks(
     theme=gr.themes.Soft(),
     title="⚡ Fast AI Stock Predictor",
@@ -535,11 +535,142 @@ with gr.Blocks(
     </div>
     """)
     
+    # Enhanced Disclaimer Section with Visual Design
     gr.HTML("""
-    <div class="disclaimer">
-        <strong>⚠️ IMPORTANT DISCLAIMER:</strong> This tool is for educational purposes only. 
-        Not financial advice. AI predictions can be wrong. Always consult financial professionals 
-        before making investment decisions. Only invest what you can afford to lose.
+    <div style="max-width: 900px; margin: 20px auto; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;">
+        <!-- Main Disclaimer Box -->
+        <div style="background: linear-gradient(135deg, #ff6b6b20, #feca5720); 
+                    border: 2px solid #ff6b6b; 
+                    border-radius: 15px; 
+                    padding: 25px; 
+                    margin-bottom: 20px; 
+                    box-shadow: 0 4px 15px rgba(255, 107, 107, 0.2);">
+            <div style="text-align: center; margin-bottom: 20px;">
+                <h3 style="color: #2c3e50; margin: 0; font-size: 1.8em; font-weight: bold;">
+                    ⚠️ IMPORTANT DISCLAIMER ⚠️
+                </h3>
+            </div>
+            
+            <div style="background: white; 
+                        border-radius: 10px; 
+                        padding: 20px; 
+                        color: #2c3e50; 
+                        font-size: 16px; 
+                        line-height: 1.6; 
+                        box-shadow: inset 0 2px 5px rgba(0,0,0,0.1);">
+                <p style="margin: 0 0 15px 0; text-align: center; font-weight: bold; font-size: 18px;">
+                    📚 <strong>FOR EDUCATIONAL PURPOSES ONLY</strong> 📚
+                </p>
+                <ul style="list-style: none; padding: 0; margin: 0;">
+                    <li style="margin: 10px 0; padding: 8px; background: #f8f9fa; border-radius: 8px; border-left: 4px solid #3498db;">
+                        <strong>🚫 NOT FINANCIAL ADVICE:</strong> This AI tool is for learning and research only
+                    </li>
+                    <li style="margin: 10px 0; padding: 8px; background: #f8f9fa; border-radius: 8px; border-left: 4px solid #e74c3c;">
+                        <strong>⚡ AI CAN BE WRONG:</strong> Predictions may be inaccurate or completely wrong
+                    </li>
+                    <li style="margin: 10px 0; padding: 8px; background: #f8f9fa; border-radius: 8px; border-left: 4px solid #f39c12;">
+                        <strong>💼 CONSULT PROFESSIONALS:</strong> Always seek qualified financial advisors
+                    </li>
+                    <li style="margin: 10px 0; padding: 8px; background: #f8f9fa; border-radius: 8px; border-left: 4px solid #9b59b6;">
+                        <strong>💰 INVEST RESPONSIBLY:</strong> Only invest what you can afford to lose
+                    </li>
+                </ul>
+            </div>
+        </div>
+        
+        <!-- Trading Decision Guide for Beginners -->
+        <div style="display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 15px; margin: 20px 0;">
+            
+            <!-- BUY Signal -->
+            <div style="background: linear-gradient(135deg, #27ae60, #2ecc71); 
+                        color: white; 
+                        padding: 20px; 
+                        border-radius: 15px; 
+                        text-align: center; 
+                        box-shadow: 0 4px 15px rgba(46, 204, 113, 0.3);
+                        border: 3px solid #27ae60;">
+                <div style="font-size: 2.5em; margin-bottom: 10px;">📈</div>
+                <h4 style="margin: 0 0 10px 0; font-size: 1.3em; font-weight: bold;">GREEN = BUY SIGNAL</h4>
+                <p style="margin: 0; font-size: 14px; opacity: 0.9;">
+                    AI predicts price increase<br>
+                    <strong>⚠️ Still risky - do research!</strong>
+                </p>
+            </div>
+            
+            <!-- HOLD Signal -->
+            <div style="background: linear-gradient(135deg, #f39c12, #e67e22); 
+                        color: white; 
+                        padding: 20px; 
+                        border-radius: 15px; 
+                        text-align: center; 
+                        box-shadow: 0 4px 15px rgba(243, 156, 18, 0.3);
+                        border: 3px solid #f39c12;">
+                <div style="font-size: 2.5em; margin-bottom: 10px;">⚪</div>
+                <h4 style="margin: 0 0 10px 0; font-size: 1.3em; font-weight: bold;">YELLOW = HOLD</h4>
+                <p style="margin: 0; font-size: 14px; opacity: 0.9;">
+                    AI expects stable prices<br>
+                    <strong>Wait and watch strategy</strong>
+                </p>
+            </div>
+            
+            <!-- SELL Signal -->
+            <div style="background: linear-gradient(135deg, #e74c3c, #c0392b); 
+                        color: white; 
+                        padding: 20px; 
+                        border-radius: 15px; 
+                        text-align: center; 
+                        box-shadow: 0 4px 15px rgba(231, 76, 60, 0.3);
+                        border: 3px solid #e74c3c;">
+                <div style="font-size: 2.5em; margin-bottom: 10px;">📉</div>
+                <h4 style="margin: 0 0 10px 0; font-size: 1.3em; font-weight: bold;">RED = SELL SIGNAL</h4>
+                <p style="margin: 0; font-size: 14px; opacity: 0.9;">
+                    AI predicts price decrease<br>
+                    <strong>Consider reducing exposure</strong>
+                </p>
+            </div>
+        </div>
+        
+        <!-- Beginner Tips -->
+        <div style="background: linear-gradient(135deg, #3498db20, #9b59b620); 
+                    border: 2px solid #3498db; 
+                    border-radius: 15px; 
+                    padding: 20px; 
+                    margin-top: 20px;">
+            <h4 style="color: #2c3e50; margin: 0 0 15px 0; text-align: center; font-size: 1.4em;">
+                💡 <strong>BEGINNER TIPS</strong> 💡
+            </h4>
+            <div style="display: grid; grid-template-columns: 1fr 1fr; gap: 15px; color: #2c3e50;">
+                <div style="background: white; padding: 15px; border-radius: 10px; box-shadow: 0 2px 10px rgba(0,0,0,0.1);">
+                    <strong>🎯 Start Small:</strong><br>
+                    Begin with small amounts you can afford to lose completely
+                </div>
+                <div style="background: white; padding: 15px; border-radius: 10px; box-shadow: 0 2px 10px rgba(0,0,0,0.1);">
+                    <strong>📚 Keep Learning:</strong><br>
+                    Study finance basics before making real investments
+                </div>
+                <div style="background: white; padding: 15px; border-radius: 10px; box-shadow: 0 2px 10px rgba(0,0,0,0.1);">
+                    <strong>🏦 Use Real Platforms:</strong><br>
+                    Practice with paper trading before using real money
+                </div>
+                <div style="background: white; padding: 15px; border-radius: 10px; box-shadow: 0 2px 10px rgba(0,0,0,0.1);">
+                    <strong>⏰ Think Long-term:</strong><br>
+                    Don't panic on daily market fluctuations
+                </div>
+            </div>
+        </div>
+        
+        <!-- Final Warning -->
+        <div style="background: #34495e; 
+                    color: white; 
+                    padding: 15px; 
+                    border-radius: 10px; 
+                    text-align: center; 
+                    margin-top: 20px; 
+                    border: 2px solid #2c3e50;">
+            <p style="margin: 0; font-weight: bold; font-size: 16px;">
+                🚨 <strong>REMEMBER:</strong> Past performance ≠ Future results | Markets can crash | AI makes mistakes 🚨
+            </p>
+        </div>
     </div>
     """)
     
@@ -671,13 +802,13 @@ with gr.Blocks(
     </div>
     """)
 
-# Launch configuration
+# Launch configuration - Fixed for Gradio 4.0+
 if __name__ == "__main__":
-    # Enable queue using the new method
-    #demo.queue(max_size=20)  # Optional: set max queue size
+    # Enable queue using new Gradio 4.0+ method
+    demo.queue(max_size=20)
     
     demo.launch(
-        share=True,
+        share=False,  # Set to True for public sharing
         server_name="0.0.0.0",
         server_port=7860,
         show_error=True,