Update app.py

app.py

@@ -2,11 +2,11 @@ import gradio as gr
 import random
 from statistics import mean
 from datetime import datetime
+import time
 
 # ---------- কনফিগারেশন ----------
 MAX_ROUNDS = 50
 DEFAULT_ROUNDS = 20
-UPDATE_INTERVAL = 1  # সেকেন্ড
 
 # পিঙ্ক জোন টাইম উইন্ডো (মিনিট)
 PINK_WINDOWS = [
@@ -19,6 +19,24 @@ PINK_WINDOWS = [
     {"start": 48, "end": 50, "name": "পিঙ্ক জোন", "multiplier": 1.4},
 ]
 
+# CSS স্টাইল
+CUSTOM_CSS = """
+footer {visibility: hidden}
+.active-window { background: linear-gradient(135deg, #ff1493, #ff69b4) !important; color: white !important; }
+.approaching-window { background: linear-gradient(135deg, #ffa726, #ff9800) !important; color: white !important; }
+.waiting-window { background: linear-gradient(135deg, #1a1a2e, #16213e) !important; color: white !important; }
+.pink-text { color: #ff1493 !important; font-weight: bold !important; }
+.confidence-bar { height: 8px; background: #333; border-radius: 4px; overflow: hidden; margin: 5px 0; }
+.confidence-fill { height: 100%; background: linear-gradient(90deg, #00d4ff, #ff1493); transition: width 0.3s; }
+.risk-badge { padding: 2px 8px; border-radius: 12px; font-size: 12px; font-weight: 600; }
+.risk-high { background: #ff4757; color: white; padding: 2px 8px; border-radius: 12px; }
+.risk-medium { background: #ffa726; color: black; padding: 2px 8px; border-radius: 12px; }
+.risk-low { background: #66bb6a; color: white; padding: 2px 8px; border-radius: 12px; }
+.time-box { text-align: center; padding: 15px; border-radius: 10px; margin-bottom: 20px; transition: all 0.3s; font-weight: 500; }
+.gradio-container { background: #0a0a0f !important; }
+h1 { text-align: center; margin-bottom: 10px; }
+"""
+
 # ---------- হেল্পার ফাংশন ----------
 def get_current_time_window():
     """বর্তমান মিনিট অনুযায়ী পিঙ্ক জোন চেক করে"""
@@ -57,7 +75,7 @@ def get_next_time_window():
             else:
                 distance = window["start"] - current_minutes
         
-        if distance < min_distance and distance > 0:
+        if 0 < distance < min_distance:
             min_distance = distance
             nearest = {"window": window, "minutes": distance}
     
@@ -72,7 +90,7 @@ def compute_outputs(rounds):
     recent = rounds[-10:] if len(rounds) >= 10 else rounds
     avg = mean(recent)
     
-    # ছোট র‍্যান্ডম ফ্লাকচুয়েশন যোগ করুন (আসল গেমের টাইমার-ভিত্তিক র‍্যান্ডমনেস অনুকরণ)
+    # ছোট র‍্যান্ডম ফ্লাকচুয়েশন যোগ করুন
     expected = round(avg * random.uniform(0.92, 1.08), 2)
     
     # ট্রেন্ড অ্যানালাইসিস
@@ -97,7 +115,7 @@ def compute_outputs(rounds):
     if current_window:
         expected *= current_window["multiplier"]
         expected = round(min(15.0, expected), 2)
-        pink_boost = "টাইম উইন্ডো একটিভ!"
+        pink_boost = f"✨ {current_window['name']} একটিভ!"
     else:
         pink_boost = ""
     
@@ -175,40 +193,54 @@ def get_time_status():
         css_class = "approaching-window"
     else:
         status = "পিঙ্ক জোনের অপেক্ষায়..."
-        detail = next_window and f"পরবর্তী: {next_window['window']['name']} {next_window['minutes']} মিনিটে" or ""
+        detail = next_window and f"পরবর্তী: {next_window['window']['name']} {next_window['minutes']} মিনিটে" or "কোন উইন্ডো নেই"
         css_class = "waiting-window"
     
-    return time_str, status, detail, css_class
+    return f"""
+    <div class="time-box {css_class}">
+        <div style="font-size: 24px; font-weight: 700;">{time_str}</div>
+        <div style="font-size: 16px; font-weight: 600; margin: 5px 0;">{status}</div>
+        <div style="font-size: 12px; opacity: 0.9;">{detail}</div>
+    </div>
+    """
+
+def update_time_display():
+    """টাইম ডিসপ্লে আপডেট করে"""
+    return get_time_status()
+
+def update_confidence_display(conf, is_pink):
+    """কনফিডেন্স বার আপডেট করে"""
+    color_class = "pink-text" if is_pink else ""
+    pink_text = "🌸 পিঙ্ক মোড" if is_pink else ""
+    return f"""
+    <div style="margin: 10px 0;">
+        <div style="display: flex; justify-content: space-between; margin-bottom: 4px;">
+            <span class="{color_class}">এমএল কনফিডেন্স: {int(conf*100)}%</span>
+            <span class="{color_class}">{pink_text}</span>
+        </div>
+        <div class="confidence-bar">
+            <div class="confidence-fill" style="width: {int(conf*100)}%;"></div>
+        </div>
+    </div>
+    """
 
 # ---------- গ্র্যাডিও ইন্��ারফেস ----------
-with gr.Blocks(theme='dark', css="""
-    footer {visibility: hidden}
-    .active-window { background: linear-gradient(135deg, #ff1493, #ff69b4) !important; }
-    .approaching-window { background: linear-gradient(135deg, #ffa726, #ff9800) !important; }
-    .waiting-window { background: linear-gradient(135deg, #1a1a2e, #16213e) !important; }
-    .pink-text { color: #ff1493 !important; }
-    .confidence-bar { height: 8px; background: #333; border-radius: 4px; overflow: hidden; }
-    .confidence-fill { height: 100%; background: linear-gradient(90deg, #00d4ff, #ff1493); transition: width 0.3s; }
-    .risk-badge { padding: 2px 8px; border-radius: 12px; font-size: 12px; font-weight: 600; }
-    .risk-high { background: #ff4757; color: white; }
-    .risk-medium { background: #ffa726; color: black; }
-    .risk-low { background: #66bb6a; color: white; }
-    .time-box { text-align: center; padding: 12px; border-radius: 8px; margin-bottom: 16px; transition: all 0.3s; }
-""") as demo:
-    
-    gr.Markdown("""
+with gr.Blocks() as demo:
+    # হেডার
+    gr.HTML("""
     <div style="text-align: center; margin-bottom: 20px;">
-        <h1 style="color: #00d4ff; font-size: 48px; margin: 0;">✈️ AVOLD</h1>
+        <h1 style="color: #00d4ff; font-size: 48px; margin: 0; text-shadow: 0 0 10px #00d4ff;">✈️ AVOLD</h1>
         <p style="color: #888; font-size: 14px;">এভিয়েটর রাউন্ড অ্যানালাইজার</p>
     </div>
     """)
     
     # স্টেট
     rounds_state = gr.State([round(random.uniform(1.0, 3.5), 2) for _ in range(DEFAULT_ROUNDS)])
+    pink_state = gr.State(False)
+    conf_state = gr.State(0.5)
     
-    # টাইম সেকশন (ডায়নামিক)
-    with gr.Row():
-        time_box = gr.HTML(label="টাইম স্ট্যাটাস")
+    # টাইম সেকশন
+    time_html = gr.HTML(value=get_time_status())
     
     # ইনপুট রো
     with gr.Row():
@@ -226,14 +258,14 @@ with gr.Blocks(theme='dark', css="""
     
     # তিনটি আউটপুট এক লাইনে
     with gr.Row():
-        expected_out = gr.Textbox(label="📊 এক্সপেক্টেড", interactive=False, elem_classes="pink-text")
+        expected_out = gr.Textbox(label="📊 এক্সপেক্টেড", interactive=False)
         analysis_out = gr.Textbox(label="📈 অ্যানালাইসিস", interactive=False)
         decision_out = gr.Textbox(label="🎯 ডিসিশন", interactive=False)
     
     # কনফিডেন্স এবং রিস্ক
     with gr.Row():
         with gr.Column(scale=3):
-            confidence_bar = gr.HTML(label="কনফিডেন্স")
+            confidence_html = gr.HTML(value=update_confidence_display(0.5, False))
         with gr.Column(scale=1):
             risk_out = gr.Textbox(label="রিস্ক লেভেল", interactive=False)
     
@@ -245,41 +277,7 @@ with gr.Blocks(theme='dark', css="""
         interactive=False
     )
     
-    # হিডেন স্টেট
-    pink_state = gr.State(False)
-    conf_state = gr.State(0.5)
-    
     # ---------- ইভেন্ট হ্যান্ডলার ----------
-    def update_time_display():
-        time_str, status, detail, css_class = get_time_status()
-        return f"""
-        <div class="time-box {css_class}">
-            <div style="font-size: 24px; font-weight: 700;">{time_str}</div>
-            <div style="font-size: 16px; font-weight: 600;">{status}</div>
-            <div style="font-size: 12px; opacity: 0.9;">{detail}</div>
-        </div>
-        """
-    
-    def update_confidence_display(conf, is_pink):
-        color = "pink-text" if is_pink else ""
-        return f"""
-        <div>
-            <div style="display: flex; justify-content: space-between; margin-bottom: 4px;">
-                <span class="{color}">এমএল কনফিডেন্স: {int(conf*100)}%</span>
-                <span class="{color}">{'🌸 পিঙ্ক মোড' if is_pink else ''}</span>
-            </div>
-            <div class="confidence-bar">
-                <div class="confidence-fill" style="width: {int(conf*100)}%;"></div>
-            </div>
-        </div>
-        """
-    
-    # টাইম আপডেট (প্রতি সেকেন্ড)
-    demo.load(
-        fn=lambda: (update_time_display(),),
-        outputs=[time_box],
-        every=UPDATE_INTERVAL
-    )
     
     # অ্যাড বাটন
     add_btn.click(
@@ -287,12 +285,12 @@ with gr.Blocks(theme='dark', css="""
         inputs=[rounds_state, new_multiplier],
         outputs=[rounds_state, rounds_table, expected_out, analysis_out, decision_out, conf_state, risk_out, pink_state]
     ).then(
-        lambda conf, pink: update_confidence_display(conf, pink),
+        update_confidence_display,
         inputs=[conf_state, pink_state],
-        outputs=[confidence_bar]
+        outputs=[confidence_html]
     ).then(
-        lambda: (update_time_display(),),
-        outputs=[time_box]
+        update_time_display,
+        outputs=[time_html]
     )
     
     # রিসেট বাটন
@@ -300,25 +298,33 @@ with gr.Blocks(theme='dark', css="""
         reset_rounds,
         outputs=[rounds_state, rounds_table, expected_out, analysis_out, decision_out, conf_state, risk_out, pink_state]
     ).then(
-        lambda conf, pink: update_confidence_display(conf, pink),
+        update_confidence_display,
         inputs=[conf_state, pink_state],
-        outputs=[confidence_bar]
+        outputs=[confidence_html]
     ).then(
-        lambda: (update_time_display(),),
-        outputs=[time_box]
+        update_time_display,
+        outputs=[time_html]
     )
     
     # ইনিশিয়াল লোড
     demo.load(
-        lambda s: update_ui(s) + (0.5, False, ""),
+        fn=lambda s: update_ui(s) + (0.5, False),
         inputs=[rounds_state],
-        outputs=[rounds_table, expected_out, analysis_out, decision_out, conf_state, risk_out, pink_state, confidence_bar]
+        outputs=[rounds_table, expected_out, analysis_out, decision_out, conf_state, risk_out, pink_state]
     ).then(
-        lambda conf, pink: update_confidence_display(conf, pink),
+        update_confidence_display,
         inputs=[conf_state, pink_state],
-        outputs=[confidence_bar]
+        outputs=[confidence_html]
+    ).then(
+        update_time_display,
+        outputs=[time_html]
     )
 
 # ---------- অ্যাপ রান ----------
 if __name__ == "__main__":
-    demo.launch()
+    demo.launch(
+        server_name="0.0.0.0",
+        server_port=7860,
+        theme='dark',
+        css=CUSTOM_CSS
+    )