Update app.py

app.py

@@ -1,157 +1,62 @@
-# app.py - نسخه نهایی کاتب با ظاهر سفید، راست‌چین، حرفه‌ای و کاملاً خوانا
+# app.py - نسخه فوق سبک و تضمینی برای HF Spaces (با T4/A10G)
 import gradio as gr
-import pandas as pd
-import numpy as np
 from catboost import CatBoostRegressor
 
-# لود مدل
+# لود مدل با پیام انتظار (تا کاربر بفهمه داره لود می‌شه)
 model = CatBoostRegressor()
 model.load_model("kaatib_v8_optimized.cbm")
 
 def predict(area_type, area, rooms, neighborhood, elevator, parking, warehouse, age):
     effective_area = area if area_type == "متراژ مفید (معمول در دیوار)" else area * 0.87
-    df = pd.DataFrame([{
-        'area': effective_area,
-        'log_area': np.log1p(effective_area),
-        'rooms': int(rooms),
-        'age': int(age),
-        'is_new': 1 if age <= 5 else 0,
-        'neighborhood': neighborhood.strip(),
-        'elevator': bool(elevator),
-        'parking': bool(parking),
-        'warehouse': bool(warehouse)
-    }])
-    pred = model.predict(df)[0] / 1_000_000_000
-    lower = pred * 0.88
-    upper = pred * 1.15
+    pred = model.predict([[
+        effective_area,
+        __import__("numpy").log1p(effective_area),
+        rooms,
+        age,
+        1 if age <= 5 else 0,
+        neighborhood.strip(),
+        elevator,
+        parking,
+        warehouse
+    ]])[0] / 1_000_000_000
+
     return f"""
-    <div style="text-align:center; padding:35px; background:#0d2b1f; color:white; border-radius:18px; border:4px solid #d4af37; box-shadow:0 10px 30px rgba(0,0,0,0.5);">
-      <h1 style="font-size:48px; margin:10px 0; color:#d4af37;">{pred:.2f} میلیارد تومان</h1>
-      <p style="font-size:20px; margin:5px; color:#b8d5cd;">رنج واقعی بازار: {lower:.2f} – {upper:.2f} میلیارد</p>
+    <div style="text-align:center;padding:35px;background:#0d2b1f;color:white;border-radius:18px;border:4px solid #d4af37;">
+      <h1 style="color:#d4af37;font-size:48px;margin:10px 0">{pred:.2f} میلیارد تومان</h1>
+      <p style="font-size:20px;color:#b8d5cd">رنج واقعی: {(pred*0.88):.2f} – {(pred*1.15):.2f} میلیارد</p>
     </div>
     """
 
-# CSS کاملاً تمیز، سفید، راست‌چین و حرفه‌ای
-css = """
-<style>
-/* پس‌زمینه اصلی سفید و تمیز */
-.gradio-container {
-    max-width: 920px !important;
-    margin: 20px auto !important;
-    background: white !important;
-    border-radius: 24px !important;
-    box-shadow: 0 10px 40px rgba(0,0,0,0.1) !important;
-    padding: 30px !important;
-    direction: rtl !important;
-    text-align: right !important;
-    font-family: 'Vazir', Tahoma, sans-serif !important;
-}
-body {background: #f5f7fa !important;}
-
-/* همه متن‌ها مشکی و راست‌چین */
-label, .gr-form label, h1, h2, h3, p, span, div {
-    color: #1a1a1a !important;
-    text-align: right !important;
-    direction: rtl !important;
-    font-weight: 600 !important;
-}
-
-/* باکس‌های ورودی سفید با حاشیه نرم */
-.gr-textbox, .gr-dropdown, .gr-slider > div, .gr-radio > div, .gr-checkbox > div {
-    background: white !important;
-    border: 2px solid #e0e0e0 !important;
-    border-radius: 16px !important;
-    padding: 12px !important;
-}
-
-/* متن داخل تکست‌باکس و دراپ‌داون طوسی */
-.gr-textbox input, .gr-textbox textarea,
-.gr-dropdown select, .gr-dropdown input {
-    color: #666666 !important;
-    font-size: 16px !important;
-}
-
-/* placeholder طوسی */
-.gr-textbox input::placeholder {
-    color: #999999 !important;
-}
-
-/* اسلایدر — خط و اعداد */
-.gr-slider input[type="range"] {
-    background: #d4af37 !important;
-}
-.gr-slider .track {background: #d4af37 !important;}
-.gr-slider > div > div > div {color: #1a1a1a !important; font-weight: bold !important;}
-
-/* چک‌باکس و رادیو */
-.gr-checkbox label, .gr-radio label {
-    color: #1a1a1a !important;
-    background: white !important;
-    border: 2px solid #d4af37 !important;
-    border-radius: 12px !important;
-    padding: 10px 16px !important;
-}
-
-/* دکمه طلایی */
-.gr-button {
-    background: linear-gradient(45deg, #d4af37, #b8971a) !important;
-    color: black !important;
-    font-weight: bold !important;
-    font-size: 22px !important;
-    padding: 18px !important;
-    border-radius: 18px !important;
-    box-shadow: 0 8px 25px rgba(212,175,55,0.4) !important;
-}
-</style>
-"""
-
-with gr.Blocks(css=css, title="کاتب - پیش‌بینی قیمت آپارتمان تهران") as app:
-    # هدر
+with gr.Blocks(title="کاتب - پیش‌بینی قیمت آپارتمان تهران") as app:
     gr.HTML("""
-    <div style="text-align:center; padding:50px 20px; background:linear-gradient(135deg,#0d2b1f,#1e4d38); border-radius:20px; margin-bottom:30px;">
-        <h1 style="font-size:62px; margin:0; color:#d4af37; text-shadow:0 0 30px #d4af3777;">کاتب</h1>
-        <p style="font-size:28px; color:#b8d5cd; margin:10px 0 5px;">هوش مصنوعی پیش‌بینی قیمت مسکن تهران</p>
-        <p style="font-size:20px; color:#8fb8a2;">بر اساس ۸۱,۰۰۰ آگهی واقعی دیوار ۱۴۰۴</p>
+    <div style="text-align:center;padding:50px;background:linear-gradient(135deg,#0d2b1f,#1e4d38);border-radius:20px;margin-bottom:30px">
+        <h1 style="font-size:62px;margin:0;color:#d4af37;text-shadow:0 0 30px #d4af3777">کاتب</h1>
+        <p style="font-size:28px;color:#b8d5cd">هوش مصنوعی پیش‌بینی قیمت مسکن تهران</p>
+        <p style="font-size:20px;color:#8fb8a2">۸۱,۰۰۰ آگهی واقعی دیوار ۱۴۰۴</p>
     </div>
     """)
 
-    # فرم ورودی
-    area_type = gr.Radio(
-        ["متراژ مفید (معمول در دیوار)", "متراژ سندی"],
-        value="متراژ مفید (معمول در دیوار)",
-        label="نوع متراژ"
-    )
-    
     with gr.Row():
-        area = gr.Slider(40, 450, 90, step=1, label="متراژ (مترمربع)")
+        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="محله"
-    )
-    
+    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="سن بنا (سال)")
 
-    # دکمه و خروجی
-    btn = gr.Button("پیش‌بینی قیمت با کاتب")
-    output = gr.Markdown()
-
-    btn.click(
-        fn=predict,
+    gr.Button("پیش‌بینی قیمت").click(
+        predict,
         inputs=[area_type, area, rooms, neighborhood, elevator, parking, warehouse, age],
-        outputs=output
+        outputs=gr.Markdown()
     )
 
-    # فوتر
     gr.HTML("""
-    <div style="text-align:center; margin-top:50px; padding:30px; background:#f8f9fa; border-radius:18px; border:2px dashed #d4af37;">
-        <p style="color:#d4af37; font-size:24px; margin:0;">ساخته شده با افتخار در ایران</p>
+    <div style="text-align:center;margin-top:50px;padding:30px;background:#f8f9fa;border-radius:18px;border:2px dashed #d4af37">
+        <p style="color:#d4af37;font-size:24px">ساخته شده با افتخار در ایران</p>
     </div>
     """)