Update app.py

app.py

@@ -1,84 +1,60 @@
-# app.py - کاتب 2025 — تم خفن، بدون ارور css، 100% کارکردنی روی HF Spaces
+# app.py - نسخه رایگان CPU basic — لود در ۱۰–۳۰ ثانیه، بدون ارور
 import gradio as gr
-from catboost import CatBoostRegressor
 import numpy as np
 
-# لود مدل (26 مگ = فوق سریع)
-model = CatBoostRegressor()
-model.load_model("kaatib_v8_optimized.cbm")
+model = None  # مدل رو lazy load می‌کنیم
+
+def load_model():
+    global model
+    if model is None:
+        from catboost import CatBoostRegressor
+        model = CatBoostRegressor()
+        model.load_model("kaatib_v8_optimized.cbm")
+        print("مدل کاتب لود شد!")
+    return model
 
 def predict(area_type, area, rooms, neighborhood, elevator, parking, warehouse, age):
+    mdl = load_model()  # فقط اینجا لود می‌شه
     effective_area = area if area_type == "متراژ مفید (معمول در دیوار)" else area * 0.87
-    pred = model.predict([[
-        effective_area,
-        np.log1p(effective_area),
-        rooms, age, 1 if age <= 5 else 0,
-        neighborhood.strip(), int(elevator), int(parking), int(warehouse)
+    pred = mdl.predict([[
+        effective_area, np.log1p(effective_area), rooms, age,
+        1 if age <= 5 else 0, neighborhood.strip(),
+        int(elevator), int(parking), int(warehouse)
     ]])[0] / 1_000_000_000
 
     return f"""
-    <div class="result-card">
-        <h2>{pred:.2f} میلیارد تومان</h2>
-        <p>رنج واقعی بازار: {(pred*0.88):.2f} – {(pred*1.15):.2f} میلیارد</p>
+    <div style="text-align:center;padding:40px;background:linear-gradient(135deg,#0d2b1f,#1e4d38);border-radius:24px;border:5px solid #d4af37;color:white">
+      <h1 style="font-size:56px;margin:15px 0;color:#d4af37">{pred:.2f} میلیارد تومان</h1>
+      <p style="font-size:22px">رنج واقعی: {(pred*0.88):.2f} – {(pred*1.15):.2f} میلیارد</p>
     </div>
     """
 
-# تم 2025 خفن — با gr.HTML() کار می‌کنه
-css_html = """
-<style>
-    :root {--primary:#d4af37; --bg:#ffffff; --text:#1a1a1a; --gray:#666666;}
-    .gradio-container {
-        max-width: 920px !important; margin: 20px auto !important;
-        background: linear-gradient(135deg, #f8f9ff, #ffffff) !important;
-        border-radius: 28px !important; box-shadow: 0 20px 60px rgba(0,0,0,0.08) !important;
-        padding: 30px !important; direction: rtl !important;
-        font-family: 'Vazir', system-ui, sans-serif !important;
-    }
-    body {background: #f0f4f8 !important;}
-    .header {text-align:center; padding:50px 20px; background:linear-gradient(135deg,#0d2b1f,#1e4d38);
-             border-radius:24px; margin-bottom:35px; color:white;}
-    .header h1 {font-size:68px; margin:0; color:#d4af37; text-shadow:0 0 40px rgba(212,175,55,0.6);}
-    .gr-form {background:white !important; padding:24px !important; border-radius:20px !important;
-              box-shadow:0 8px 30px rgba(0,0,0,0.06) !important; margin-bottom:20px;}
-    label {color:var(--text) !important; font-weight:600 !important; font-size:16px !important;}
-    .gr-textbox, .gr-dropdown, .gr-slider > div {background:white !important; border:2px solid #e2e8f0 !important;
-             border-radius:16px !important; color:var(--gray) !important;}
-    .gr-textbox input::placeholder {color:#94a3b8 !important;}
-    .gr-button {background:linear-gradient(45deg,#d4af37,#f4d03f) !important; color:black !important;
-                font-weight:bold !important; font-size:22px !important; padding:18px !important;
-                border-radius:18px !important; box-shadow:0 10px 30px rgba(212,175,55,0.4) !important;
-                transition:all 0.3s !important;}
-    .gr-button:hover {transform:translateY(-4px) scale(1.02); box-shadow:0 20px 40px rgba(212,175,55,0.6) !important;}
-    .result-card {text-align:center; padding:40px; background:linear-gradient(135deg,#0d2b1f,#1e4d38);
-                  border-radius:24px; border:4px solid var(--primary); color:white; animation:fadeIn 0.8s;}
-    .result-card h2 {font-size:52px; color:#d4af37; margin:10px 0;}
-    @keyframes fadeIn {from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
-</style>
-"""
-
-# اپ اصلی — بدون css= در Blocks
 with gr.Blocks(title="کاتب 2025 - قیمت آپارتمان تهران") as app:
-    gr.HTML(css_html)  # فقط این خط مهمه!
-
-    gr.HTML('<div class="header"><h1>کاتب</h1><p style="font-size:28px;margin:15px 0 5px">هوش مصنوعی پیش‌بینی قیمت مسکن تهران</p><p style="font-size:20px;color:#a0d8c8">۸۱,۰۰۰ آگهی واقعی دیوار ۱۴۰۴</p></div>')
+    gr.HTML("""
+    <style>
+        .gradio-container {max-width:920px;margin:20px auto;background:white;border-radius:28px;box-shadow:0 20px 60px rgba(0,0,0,0.1);padding:30px;direction:rtl;font-family:Vazir,system-ui}
+        body {background:#f0f4f8}
+        label {color:#1a1a1a;font-weight:600}
+        .gr-textbox,.gr-dropdown {background:white;border:2px solid #e2e8f0;border-radius:16px;color:#666}
+        .gr-textbox input::placeholder {color:#94a3b8}
+        .gr-button {background:linear-gradient(45deg,#d4af37,#f4d03f);color:black;font-weight:bold;font-size:22px;padding:18px;border-radius:18px}
+        .gr-button:hover {transform:translateY(-4px);box-shadow:0 15px 35px rgba(212,175,55,0.5)}
+    </style>
+    <div style="text-align:center;padding:50px;background:linear-gradient(135deg,#0d2b1f,#1e4d38);border-radius:24px;color:white">
+        <h1 style="font-size:68px;margin:0;color:#d4af37;text-shadow:0 0 40px #d4af3777">کاتب</h1>
+        <p style="font-size:28px;margin:10px">هوش مصنوعی پیش‌بینی قیمت مسکن تهران</p>
+        <p style="font-size:20px;color:#a0d8c8">۸۱,۰۰۰ آگهی واقعی دیوار ۱۴۰۴</p>
+    </div>
+    """)
 
     area_type = gr.Radio(["متراژ مفید (معمول در دیوار)", "متراژ سندی"], value="متراژ مفید (معمول در دیوار)", label="نوع متراژ")
-    with gr.Row():
-        area = gr.Slider(40, 450, 90, step=1, label="متراژ")
-        rooms = gr.Dropdown([1,2,3,4,5,6], value=3, label="تعداد خواب")
-    neighborhood = gr.Textbox(placeholder="مثل: سعادت آباد، نیاوران، پونک، جردن...", label="محله")
-    with gr.Row():
-        elevator = gr.Checkbox(label="آسانسور", value=True)
-        parking = gr.Checkbox(label="پارکینگ", value=True)
-        warehouse = gr.Checkbox(label="انباری", value=True)
-    age = gr.Slider(0, 50, 8, step=1, label="سن بنا (سال)")
+    with gr.Row(): area = gr.Slider(40,450,90,step=1,label="متراژ"); rooms = gr.Dropdown([1,2,3,4,5,6],3,label="تعداد خواب")
+    neighborhood = gr.Textbox(placeholder="مثل: سعادت آباد، نیاوران، پونک...", label="محله")
+    with gr.Row(): elevator = gr.Checkbox("آسانسور",True); parking = gr.Checkbox("پارکینگ",True); warehouse = gr.Checkbox("انباری",True)
+    age = gr.Slider(0,50,8,step=1,label="سن بنا (سال)")
 
-    gr.Button("پیش‌بینی قیمت", variant="primary").click(
-        predict,
-        inputs=[area_type, area, rooms, neighborhood, elevator, parking, warehouse, age],
-        outputs=gr.Markdown()
-    )
+    gr.Button("پیش‌بینی قیمت").click(predict, [area_type,area,rooms,neighborhood,elevator,parking,warehouse,age], gr.Markdown())
 
-    gr.HTML('<div style="text-align:center;margin-top:50px;padding:35px;background:white;border-radius:20px;box-shadow:0 8px 30px rgba(0,0,0,0.08);border:2px dashed #d4af37"><p style="color:#d4af37;font-size:26px;margin:0">ساخته شده با افتخار در ایران</p></div>')
+    gr.HTML('<div style="text-align:center;margin-top:50px;padding:35px;background:white;border-radius:20px;border:3px dashed #d4af37"><p style="color:#d4af37;font-size:26px">ساخته شده با افتخار در ایران</p></div>')
 
 app.launch()