Update app.py

app.py

@@ -116,181 +116,217 @@ def process_invoice_file(file_path: str, user_id: int) -> dict:
     except Exception as e: return {"filename": os.path.basename(file_path), "status": "error"}
 
 # ==========================================
-# 3. UI HTML TEMPLATES (Design System)
+# 3. OBSIDIAN DESIGN SYSTEM (CSS)
 # ==========================================
 CUSTOM_CSS = """
-/* Obsidian Glassmorphism Theme */
 @import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');
 :root { --bg: #09090b; --card: rgba(255,255,255,0.03); --border: rgba(255,255,255,0.08); --text: #f4f4f5; --muted: #71717a; --accent: #10b981; --accent-glow: rgba(16,185,129,0.2); }
 * { box-sizing: border-box; font-family: 'Inter', sans-serif; }
-body { background: var(--bg); color: var(--text); margin: 0; overflow-x: hidden; }
+body { background: var(--bg); color: var(--text); margin: 0; }
 .gradio-container { max-width: 100% !important; padding: 0 !important; background: var(--bg) !important; min-height: 100vh; }
 .hide { display: none !important; }
 
-/* Custom Layouts */
-.app-container { padding: 40px; max-width: 1200px; margin: 0 auto; }
-.navbar { display: flex; justify-content: space-between; align-items: center; padding: 20px 40px; border-bottom: 1px solid var(--border); backdrop-filter: blur(10px); position: sticky; top: 0; background: rgba(9,9,11,0.8); z-index: 100; }
-.logo { font-weight: 700; font-size: 20px; display: flex; align-items: center; gap: 10px; }
-.logo svg { width: 24px; height: 24px; fill: var(--accent); }
-
-/* Components */
-.btn { background: var(--accent); color: #000; border: none; padding: 12px 24px; border-radius: 8px; font-weight: 600; cursor: pointer; transition: 0.2s; text-decoration: none; display: inline-block; }
-.btn:hover { box-shadow: 0 0 20px var(--accent-glow); transform: translateY(-1px); }
-.btn-ghost { background: transparent; border: 1px solid var(--border); color: var(--text); }
-.btn-ghost:hover { border-color: var(--accent); color: var(--accent); }
-.card { background: var(--card); border: 1px solid var(--border); border-radius: 16px; padding: 24px; backdrop-filter: blur(20px); margin-bottom: 20px; }
-.input { background: rgba(0,0,0,0.3) !important; border: 1px solid var(--border) !important; border-radius: 8px !important; padding: 12px !important; color: var(--text) !important; width: 100% !important; margin-bottom: 16px !important; }
-.input:focus { border-color: var(--accent) !important; outline: none !important; }
-
-/* Hero */
-.hero { text-align: center; padding: 100px 20px; }
-.hero h1 { font-size: 56px; font-weight: 700; margin-bottom: 24px; background: linear-gradient(180deg, #fff 0%, #a1a1aa 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; line-height: 1.1; }
-.hero p { font-size: 20px; color: var(--muted); max-width: 600px; margin: 0 auto 40px; }
-
-/* Skeleton Loader */
-.skeleton { background: linear-gradient(90deg, rgba(255,255,255,0.05) 25%, rgba(255,255,255,0.1) 50%, rgba(255,255,255,0.05) 75%); background-size: 200% 100%; animation: skeleton 1.5s infinite; border-radius: 4px; height: 20px; margin-bottom: 10px; }
-@keyframes skeleton { 0% { background-position: 200% 0; } 100% { background-position: -200% 0; } }
-
-/* Gradio Overrides */
-.gradio-container .form { background: transparent !important; border: none !important; }
+/* Layout */
+#navbar { display: flex; justify-content: space-between; align-items: center; padding: 20px 40px; border-bottom: 1px solid var(--border); position: sticky; top: 0; background: rgba(9,9,11,0.8); backdrop-filter: blur(10px); z-index: 100; }
+#hero { text-align: center; padding: 100px 20px; }
+#hero h1 { font-size: 56px; font-weight: 700; margin-bottom: 24px; background: linear-gradient(180deg, #fff 0%, #a1a1aa 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; line-height: 1.1; }
+#hero p { font-size: 20px; color: var(--muted); max-width: 600px; margin: 0 auto 40px; }
+.dash-container { display: flex; padding: 40px; max-width: 1400px; margin: 0 auto; gap: 30px; }
+.dash-sidebar { width: 250px; display: flex; flex-direction: column; gap: 10px; }
+.dash-main { flex: 1; background: var(--card); border: 1px solid var(--border); border-radius: 16px; padding: 24px; backdrop-filter: blur(20px); }
+
+/* Gradio Component Overrides */
+.gr-button { background: var(--accent) !important; color: #000 !important; border: none !important; border-radius: 8px !important; padding: 12px 24px !important; font-weight: 600 !important; transition: 0.2s !important; box-shadow: none !important; }
+.gr-button:hover { box-shadow: 0 0 20px var(--accent-glow) !important; transform: translateY(-1px) !important; }
+.btn-ghost { background: transparent !important; border: 1px solid var(--border) !important; color: var(--text) !important; }
+.btn-ghost:hover { border-color: var(--accent) !important; color: var(--accent) !important; }
+.btn-danger { background: #ef4444 !important; color: #fff !important; }
+
+.gr-textbox, .gr-dropdown { background: rgba(0,0,0,0.3) !important; border: 1px solid var(--border) !important; border-radius: 8px !important; color: var(--text) !important; }
+.gr-textbox:focus { border-color: var(--accent) !important; }
+.gr-form { background: transparent !important; border: none !important; }
+.gr-box { border: none !important; background: transparent !important; }
+.gr-dataframe table { background: transparent !important; color: var(--text) !important; border-collapse: collapse; width: 100%; }
+.gr-dataframe th { background: rgba(255,255,255,0.05) !important; border-bottom: 1px solid var(--border) !important; color: var(--accent) !important; text-align: left; padding: 12px; }
+.gr-dataframe td { border-bottom: 1px solid var(--border) !important; padding: 12px; }
+.gr-markdown { color: var(--text) !important; background: transparent !important; }
 footer { display: none !important; }
 """
 
-ICON_BOLT = '<svg viewBox="0 0 24 24"><path d="M11 21h-1l1-7H7.5c-.58 0-.57-.32-.38-.66.19-.34.05-.08.07-.12C8.48 10.94 10.42 7.54 13 3h1l-1 7h3.5c.49 0 .56.33.47.51l-.07.15C12.96 17.55 11 21 11 21z"/></svg>'
-
-def render_landing():
-    return f"""
-    <div class="navbar">
-        <div class="logo">{ICON_BOLT} OmniParse AI</div>
-        <div style="display:flex; gap:12px;">
-            <button class="btn btn-ghost" id="nav-auth">Log In</button>
-            <button class="btn" id="nav-signup">Start Free</button>
-        </div>
-    </div>
-    <div class="hero">
-        <h1>Invoice processing in <span style="color: var(--accent);">seconds</span>, not hours.</h1>
-        <p>AI extracts vendor, dates, amounts and line items from any PDF or image. Export to CSV, JSON or Excel. Connect via API.</p>
-        <button class="btn" style="font-size: 18px; padding: 16px 32px;" id="hero-cta">Start Free — 20 invoices</button>
-        <div style="margin-top: 40px; color: var(--muted); font-size: 14px;">
-            99.2% accuracy · &lt;4s per invoice · 40+ formats supported
-        </div>
-    </div>
-    <div class="app-container">
-        <div class="card" style="display:grid; grid-template-columns:1fr 1fr 1fr; gap:20px;">
-            <div><h3 style="color:var(--accent);">1. Upload</h3><p style="color:var(--muted)">Drag & drop PDF or Image</p></div>
-            <div><h3 style="color:var(--accent);">2. AI Extract</h3><p style="color:var(--muted)">Groq + Tesseract OCR</p></div>
-            <div><h3 style="color:var(--accent);">3. Export</h3><p style="color:var(--muted)">CSV, JSON, Excel</p></div>
-        </div>
-    </div>
-    """
-
-def render_auth():
-    return """
-    <div class="app-container" style="max-width: 450px; margin-top: 80px;">
-        <div class="card">
-            <h2 style="text-align:center; margin-bottom: 24px;">Welcome to OmniParse</h2>
-            <input type="text" class="input" id="auth-email" placeholder="Work Email">
-            <input type="password" class="input" id="auth-pass" placeholder="Password (Min 12 chars)">
-            <button class="btn" style="width:100%;" id="auth-submit">Log In / Sign Up</button>
-            <p style="text-align:center; color:var(--muted); margin-top:16px; font-size:14px;" id="auth-msg"></p>
-            <button class="btn btn-ghost" style="width:100%; margin-top:16px;" id="auth-back">Back to Home</button>
-        </div>
-    </div>
-    """
-
-def render_dashboard(user, table_html, status_msg=""):
-    plan = user.get('plan', 'free').upper() if user else 'FREE'
-    msg_html = f"<div style='color:var(--accent); margin-bottom:20px;'>{status_msg}</div>" if status_msg else ""
-    
-    return f"""
-    <div class="navbar">
-        <div class="logo">{ICON_BOLT} OmniParse AI</div>
-        <div style="display:flex; gap:12px; align-items:center;">
-            <span style="color:var(--muted); font-size:14px;">Plan: <strong style="color:var(--accent);">{plan}</strong></span>
-            <button class="btn btn-ghost" id="dash-logout">Log Out</button>
-        </div>
-    </div>
-    <div class="app-container" style="display:grid; grid-template-columns: 250px 1fr; gap: 30px;">
-        <div class="card" style="padding: 16px;">
-            <button class="btn btn-ghost" style="width:100%; margin-bottom:10px; text-align:left;" id="nav-upload">Upload Invoice</button>
-            <button class="btn btn-ghost" style="width:100%; margin-bottom:10px; text-align:left;" id="nav-invoices">My Invoices</button>
-            <button class="btn btn-ghost" style="width:100%; text-align:left;" id="nav-upgrade">Upgrade</button>
-        </div>
-        <div id="dash-content">
-            {msg_html}
-            {table_html}
-        </div>
-    </div>
-    """
+ICON_BOLT = '<svg style="width:24px;height:24px;display:inline-block;vertical-align:middle;margin-right:10px;fill:var(--accent);" viewBox="0 0 24 24"><path d="M11 21h-1l1-7H7.5c-.58 0-.57-.32-.38-.66.19-.34.05-.08.07-.12C8.48 10.94 10.42 7.54 13 3h1l-1 7h3.5c.49 0 .56.33.47.51l-.07.15C12.96 17.55 11 21 11 21z"/></svg>'
 
 # ==========================================
-# 4. GRADIO APP (Invisible Bridge)
+# 4. BACKEND FUNCTIONS
 # ==========================================
-with gr.Blocks(css=CUSTOM_CSS, theme=gr.themes.Default(primary_hue="emerald", neutral_hue="zinc")) as app:
-    user_state = gr.State(None)
-    ui_container = gr.HTML(render_landing())
+def get_user_invoices(user_dict):
+    if not user_dict or not supabase: return pd.DataFrame()
+    res = supabase.table("invoices").select("*").eq("user_id", user_dict['id']).order("created_at", desc=True).limit(100).execute()
+    return pd.DataFrame(res.data)
+
+def handle_auth(email, password, request: gr.Request):
+    ip = request.client.host if request else "127.0.0.1"
+    if rate_limiter.is_rate_limited(f"auth_{ip}", 5, 300):
+        return None, "🚨 Příliš mnoho pokusů.", gr.update(visible=True), gr.update(visible=False), gr.update(visible=False)
     
-    # Neviditelné Gradio komponenty pro backend komunikaci
-    hidden_action = gr.Textbox(elem_id="hidden-action", visible=False)
-    hidden_email = gr.Textbox(elem_id="hidden-email", visible=False)
-    hidden_pass = gr.Textbox(elem_id="hidden-pass", visible=False)
-    hidden_files = gr.File(elem_id="hidden-files", visible=False, file_count="multiple")
+    if not supabase: return None, "DB Error", gr.update(visible=True), gr.update(visible=False), gr.update(visible=False)
     
-    # JavaScript inject pro přepínanie view a sběr dat
-    gr.HTML("""
-    <script>
-    function triggerAction(action, data={}) {
-        document.getElementById('hidden-action').value = action;
-        document.getElementById('hidden-action').dispatchEvent(new Event('input'));
-        if(data.email) document.getElementById('hidden-email').value = data.email;
-        if(data.pass) document.getElementById('hidden-pass').value = data.pass;
-    }
+    res = supabase.table("users").select("*").eq("email", email).execute()
+    if res.data and verify_password(password, res.data[0]['password']):
+        user = res.data[0]
+        return user, "Přihlášení úspěšné.", gr.update(visible=False), gr.update(visible=False), gr.update(visible=True)
     
-    document.addEventListener('click', function(e) {
-        if(e.target.id === 'nav-auth' || e.target.id === 'nav-signup' || e.target.id === 'hero-cta') triggerAction('show_auth');
-        if(e.target.id === 'auth-back') triggerAction('show_landing');
-        if(e.target.id === 'auth-submit') triggerAction('auth', {email: document.getElementById('auth-email').value, pass: document.getElementById('auth-pass').value});
-        if(e.target.id === 'dash-logout') triggerAction('logout');
+    if not res.data:
+        if not validate_password_strength(password):
+            return None, "Slabé heslo (min 12 znaků, 1 velké, 1 číslo, 1 symbol).", gr.update(visible=True), gr.update(visible=False), gr.update(visible=False)
+        hashed = hash_password(password)
+        new_user = supabase.table("users").insert({"email": email, "password": hashed, "plan": "free"}).execute()
+        user = new_user.data[0]
+        return user, "Účet vytvořen!", gr.update(visible=False), gr.update(visible=False), gr.update(visible=True)
         
-        if(e.target.id === 'nav-upload') document.getElementById('hidden-files').click();
-        if(e.target.id === 'nav-invoices') triggerAction('show_invoices');
-        if(e.target.id === 'nav-upgrade') triggerAction('show_upgrade');
-    });
-    </script>
-    """)
-
-    def router(action, email, pass_val, files, user):
-        if not action: return render_landing(), user
+    return None, "Neplatné údaje.", gr.update(visible=True), gr.update(visible=False), gr.update(visible=False)
+
+def handle_upload(files, user_dict):
+    if not user_dict: return "Nejste přihlášen.", get_user_invoices(user_dict)
+    if not files: return "Žádné soubory.", get_user_invoices(user_dict)
+    for file in files:
+        if os.path.getsize(file.name) > 20 * 1024 * 1024: continue
+        process_invoice_file(file.name, user_dict['id'])
+    return f"Zpracováno {len(files)} souborů.", get_user_invoices(user_dict)
+
+def create_stripe_checkout(plan: str, user_dict):
+    if not user_dict or not STRIPE_SECRET_KEY: return "Platby nejsou nakonfigurovány."
+    prices = {"basic": STRIPE_PRICE_BASIC, "pro": STRIPE_PRICE_PRO, "enterprise": STRIPE_PRICE_ENTERPRISE}
+    try:
+        session = stripe.checkout.Session.create(
+            payment_method_types=['card'], line_items=[{"price": prices[plan], "quantity": 1}],
+            mode='subscription', success_url=f"{APP_URL}?checkout=success&session_id={{CHECKOUT_SESSION_ID}}",
+            cancel_url=f"{APP_URL}?checkout=cancel", customer_email=user_dict['email'],
+            metadata={"user_id": user_dict['id'], "plan": plan}
+        )
+        return f"[Zaplatit zde]({session.url})"
+    except Exception as e: return f"Chyba: {e}"
+
+# ==========================================
+# 5. GRADIO UI ARCHITECTURE
+# ==========================================
+with gr.Blocks(css=CUSTOM_CSS, theme=gr.themes.Default(primary_hue="emerald", neutral_hue="zinc")) as app:
+    user_state = gr.State(None)
+    
+    # ---------------- VIEW 1: LANDING ----------------
+    with gr.Group(visible=True) as landing_view:
+        with gr.Row(elem_id="navbar"):
+            gr.HTML(f"<div style='font-weight:700;font-size:20px;'>{ICON_BOLT}OmniParse AI</div>")
+            landing_login_btn = gr.Button("Log In", elem_classes="btn-ghost", size="sm")
+        with gr.Column(elem_id="hero"):
+            gr.HTML("<h1>Invoice processing in <span style='color: var(--accent);'>seconds</span>, not hours.</h1>")
+            gr.HTML("<p>AI extracts vendor, dates, amounts and line items from any PDF or image. Export to CSV, JSON or Excel.</p>")
+            landing_signup_btn = gr.Button("Start Free — 20 invoices", size="lg")
+            gr.HTML("<div style='margin-top: 40px; color: var(--muted); font-size: 14px;'>99.2% accuracy · &lt;4s per invoice · 40+ formats</div>")
+
+    # ---------------- VIEW 2: AUTH ----------------
+    with gr.Group(visible=False) as auth_view:
+        with gr.Column(elem_id="hero", elem_classes="auth-container"):
+            gr.HTML("<h2 style='margin-bottom:24px;'>Welcome to OmniParse</h2>")
+            auth_email = gr.Textbox(label="Work Email", placeholder="you@company.com")
+            auth_pass = gr.Textbox(label="Password", type="password", placeholder="Min 12 chars, 1 upper, 1 symbol")
+            auth_submit = gr.Button("Log In / Sign Up", size="lg")
+            auth_msg = gr.Markdown("")
+            auth_back = gr.Button("Back to Home", elem_classes="btn-ghost", size="sm")
+
+    # ---------------- VIEW 3: DASHBOARD ----------------
+    with gr.Group(visible=False) as dash_view:
+        with gr.Row(elem_id="navbar"):
+            gr.HTML(f"<div style='font-weight:700;font-size:20px;'>{ICON_BOLT}Dashboard</div>")
+            dash_logout = gr.Button("Log Out", elem_classes="btn-danger", size="sm")
         
-        if action == "show_auth":
-            return render_auth(), user
+        with gr.Row(elem_classes="dash-container"):
+            # Sidebar
+            with gr.Column(elem_classes="dash-sidebar"):
+                nav_upload = gr.Button("Upload Invoice", elem_classes="btn-ghost")
+                nav_invoices = gr.Button("My Invoices", elem_classes="btn-ghost")
+                nav_upgrade = gr.Button("Upgrade Plan", elem_classes="btn-ghost")
             
-        elif action == "show_landing":
-            return render_landing(), user
-            
-        elif action == "auth":
-            if not supabase: return render_auth().replace('<p id="auth-msg"></p>', '<p id="auth-msg" style="color:var(--accent);">DB Error</p>'), user
-            # Try Login
-            res = supabase.table("users").select("*").eq("email", email).execute()
-            if res.data and verify_password(pass_val, res.data[0]['password']):
-                user = res.data[0]
-                return render_dashboard(user, "<div class='card'>Welcome back!</div>"), user
-            # Try Signup
-            if not res.data:
-                if not validate_password_strength(pass_val): 
-                    return render_auth().replace('<p id="auth-msg"></p>', '<p id="auth-msg" style="color:#ef4444;">Weak password.</p>'), user
-                hashed = hash_password(pass_val)
-                new_user = supabase.table("users").insert({"email": email, "password": hashed, "plan": "free"}).execute()
-                user = new_user.data[0]
-                return render_dashboard(user, "<div class='card'>Account created!</div>"), user
-            return render_auth().replace('<p id="auth-msg"></p>', '<p id="auth-msg" style="color:#ef4444;">Invalid credentials.</p>'), user
-
-        elif action == "logout":
-            return render_landing(), None
-            
-        return render_landing(), user
+            # Main Content Area
+            with gr.Column(elem_classes="dash-main"):
+                # Upload Panel
+                with gr.Group(visible=True) as panel_upload:
+                    gr.HTML("<h3>Upload Invoices</h3>")
+                    file_input = gr.File(file_count="multiple", file_types=[".pdf", ".png", ".jpg"])
+                    process_btn = gr.Button("Process Invoices", variant="primary")
+                    upload_status = gr.Markdown("")
+                
+                # Invoices Panel
+                with gr.Group(visible=False) as panel_invoices:
+                    gr.HTML("<h3>Processed Invoices</h3>")
+                    invoices_table = gr.Dataframe(headers=["Vendor", "Invoice#", "Total", "Status"], wrap=True, interactive=False)
+                    export_btn = gr.Button("Export to CSV", elem_classes="btn-ghost")
+                    csv_file = gr.File(label="Download CSV", visible=False)
+                
+                # Upgrade Panel
+                with gr.Group(visible=False) as panel_upgrade:
+                    gr.HTML("<h3>Upgrade Your Plan</h3>")
+                    with gr.Row():
+                        gr.HTML("<div style='text-align:center;padding:20px;'><h4>Basic</h4><h2 style='color:var(--accent);'>$29/mo</h2></div>")
+                        gr.HTML("<div style='text-align:center;padding:20px;'><h4>Pro</h4><h2 style='color:var(--accent);'>$129/mo</h2></div>")
+                        gr.HTML("<div style='text-align:center;padding:20px;'><h4>Enterprise</h4><h2 style='color:var(--accent);'>$499/mo</h2></div>")
+                    with gr.Row():
+                        up_basic = gr.Button("Choose Basic")
+                        up_pro = gr.Button("Choose Pro")
+                        up_ent = gr.Button("Choose Enterprise")
+                    checkout_link = gr.Markdown("")
+
+    # ==========================================
+    # 6. EVENT BINDINGS (FUNKČNÍ INTERAKCE)
+    # ==========================================
+    # Navigation Logic
+    def show_auth(): return gr.update(visible=False), gr.update(visible=True), gr.update(visible=False)
+    def show_landing(): return gr.update(visible=True), gr.update(visible=False), gr.update(visible=False)
+    def show_dashboard(user):
+        if not user: return gr.update(visible=False), gr.update(visible=True), gr.update(visible=False)
+        return gr.update(visible=False), gr.update(visible=False), gr.update(visible=True)
+
+    landing_login_btn.click(fn=show_auth, outputs=[landing_view, auth_view, dash_view])
+    landing_signup_btn.click(fn=show_auth, outputs=[landing_view, auth_view, dash_view])
+    auth_back.click(fn=show_landing, outputs=[landing_view, auth_view, dash_view])
+    
+    # Auth Logic
+    auth_submit.click(
+        fn=handle_auth, 
+        inputs=[auth_email, auth_pass], 
+        outputs=[user_state, auth_msg, landing_view, auth_view, dash_view]
+    ).then(
+        fn=get_user_invoices, inputs=[user_state], outputs=[invoices_table]
+    )
+    
+    dash_logout.click(fn=lambda: (None, *show_landing()), outputs=[user_state, landing_view, auth_view, dash_view])
+
+    # Dashboard Navigation Logic
+    def switch_panel(panel_name):
+        u, i, p = gr.update(visible=False), gr.update(visible=False), gr.update(visible=False)
+        if panel_name == "upload": u = gr.update(visible=True)
+        elif panel_name == "invoices": i = gr.update(visible=True)
+        elif panel_name == "upgrade": p = gr.update(visible=True)
+        return u, i, p
+
+    nav_upload.click(fn=lambda: switch_panel("upload"), outputs=[panel_upload, panel_invoices, panel_upgrade])
+    nav_invoices.click(fn=lambda: switch_panel("invoices"), outputs=[panel_upload, panel_invoices, panel_upgrade])
+    nav_upgrade.click(fn=lambda: switch_panel("upgrade"), outputs=[panel_upload, panel_invoices, panel_upgrade])
+
+    # Processing Logic
+    process_btn.click(fn=handle_upload, inputs=[file_input, user_state], outputs=[upload_status, invoices_table])
+    
+    def handle_export(user_dict):
+        df = get_user_invoices(user_dict)
+        if df.empty: return None
+        temp = tempfile.NamedTemporaryFile(delete=False, suffix=".csv")
+        df.to_csv(temp.name, index=False)
+        return gr.update(value=temp.name, visible=True)
+    export_btn.click(fn=handle_export, inputs=[user_state], outputs=[csv_file])
 
-    hidden_action.change(fn=router, inputs=[hidden_action, hidden_email, hidden_pass, hidden_files, user_state], outputs=[ui_container, user_state])
+    # Stripe Logic
+    up_basic.click(fn=lambda u: create_stripe_checkout("basic", u), inputs=[user_state], outputs=[checkout_link])
+    up_pro.click(fn=lambda u: create_stripe_checkout("pro", u), inputs=[user_state], outputs=[checkout_link])
+    up_ent.click(fn=lambda u: create_stripe_checkout("enterprise", u), inputs=[user_state], outputs=[checkout_link])
 
 if __name__ == "__main__":
     app.launch(server_name="0.0.0.0", server_port=7860)