Spaces:

Fourstore
/

otp

Running

App Files Files Community

Fourstore commited on 10 days ago

Commit

2fa7464

verified ·

1 Parent(s): d071f5c

Update app.py

Browse files

Files changed (1) hide show

app.py +50 -262

app.py CHANGED Viewed

@@ -15,13 +15,13 @@ from pymongo import MongoClient
 from pymongo.errors import ConnectionFailure
 from functools import wraps
-MONGO_URI = os.environ.get("MONGGODB_URI")
 DB_NAME = "otp_bot"
 COLLECTION_NAME = "accounts"
-if MONGO_URI:
     try:
-        mongo_client = MongoClient(MONGO_URI)
         db = mongo_client[DB_NAME]
         accounts_collection = db[COLLECTION_NAME]
         mongo_client.admin.command('ping')
@@ -30,7 +30,7 @@ if MONGO_URI:
         print(f"❌ MongoDB Connection Failed: {e}")
         mongo_client = None
 else:
-    print("⚠️ MONGO_URI tidak di set, menggunakan penyimpanan lokal")
     mongo_client = None
 print = lambda *args, **kwargs: __builtins__.print(*args, **kwargs, flush=True)
@@ -152,15 +152,6 @@ app = Flask('')
 app.secret_key = "fourstore-multi-account-secret"
 sse_clients = []
-def owner_required(f):
-    @wraps(f)
-    def decorated_function(*args, **kwargs):
-        owner_id = flask_session.get('owner_id')
-        if not owner_id:
-            return redirect('/login_owner')
-        return f(*args, **kwargs)
-    return decorated_function
 def get_wib_time():
     return datetime.now(timezone.utc) + timedelta(hours=7)
@@ -453,55 +444,10 @@ def broadcast_sse(data):
     for q in dead:
         sse_clients.remove(q)
-@app.route('/login_owner', methods=['GET', 'POST'])
-def login_owner():
-    if request.method == 'POST':
-        owner_id = request.form.get('owner_id')
-        if owner_id:
-            flask_session['owner_id'] = owner_id
-            return redirect('/')
-    return '''
-    <!DOCTYPE html>
-    <html>
-    <head>
-        <title>Owner Login</title>
-        <style>
-            body { background: #0a0c10; color: #e4e6eb; font-family: Inter, sans-serif; display: flex; justify-content: center; align-items: center; height: 100vh; margin: 0; }
-            .login-box { background: #1a1f2c; padding: 40px; border-radius: 24px; border: 1px solid #2d3540; width: 300px; }
-            h2 { color: #00f2fe; margin-bottom: 20px; }
-            input { width: 100%; padding: 12px; background: #0a0c10; border: 1px solid #2d3540; border-radius: 12px; color: #e4e6eb; margin-bottom: 20px; }
-            button { background: #00f2fe; color: #0a0c10; border: none; padding: 12px; border-radius: 12px; font-weight: 600; cursor: pointer; width: 100%; }
-        </style>
-    </head>
-    <body>
-        <div class="login-box">
-            <h2>Owner Login</h2>
-            <form method="post">
-                <input type="text" name="owner_id" placeholder="Masukkan Owner ID" required>
-                <button type="submit">Login</button>
-            </form>
-        </div>
-    </body>
-    </html>
-    '''
-@app.route('/logout_owner')
-def logout_owner():
-    flask_session.pop('owner_id', None)
-    return redirect('/')
 @app.route('/')
-@owner_required
 def home():
-    owner_id = flask_session.get('owner_id')
-    user_accounts = {}
-    for acc_id, acc in accounts.items():
-        if acc.get("owner_id") == owner_id:
-            user_accounts[acc_id] = acc
     all_logs = []
-    for acc_id, acc in user_accounts.items():
         if acc.get("otp_logs"):
             for log in acc["otp_logs"]:
                 log_copy = log.copy()
@@ -529,15 +475,16 @@ def home():
     all_services = list(set([log.get('service') for log in all_logs if log.get('service')]))
-    total_otp = sum(len(acc.get('sent_cache', [])) for acc in user_accounts.values())
     today_otp = len(all_logs)
     accounts_list = []
-    for acc_id, acc in user_accounts.items():
         accounts_list.append({
             "id": acc_id,
             "username": mask_email(acc.get("username", "Unknown")),
             "status": acc.get("status", False),
             "bot_token": "✅" if acc.get("bot_token") else "❌",
             "chat_id": acc.get("chat_id", "-")[:5] + "..." if acc.get("chat_id") and len(acc.get("chat_id")) > 5 else acc.get("chat_id", "-")
         })
@@ -561,7 +508,6 @@ def home():
             .nav-item {{ color: #8b949e; text-decoration: none; padding: 8px 16px; border-radius: 8px; transition: all 0.2s; }}
             .nav-item:hover {{ background: #2d3540; color: #00f2fe; }}
             .nav-item.active {{ background: #00f2fe20; color: #00f2fe; border: 1px solid #00f2fe40; }}
-            .owner-badge {{ background: #4a3a2d; padding: 8px 16px; border-radius: 100px; font-size: 14px; }}
             .header {{ background: linear-gradient(145deg, #1a1f2c, #0f131c); border-radius: 24px; padding: 28px; margin-bottom: 28px; border: 1px solid #2d3540; }}
             .header-top {{ display: flex; justify-content: space-between; align-items: center; margin-bottom: 24px; flex-wrap: wrap; gap: 15px; }}
@@ -583,7 +529,7 @@ def home():
             .btn-danger {{ background: #ff4d4d; color: white; }}
             .btn-small {{ padding: 6px 12px; font-size: 12px; }}
-            .account-grid {{ display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 20px; margin-bottom: 30px; }}
             .account-card {{ background: #1a1f2c; border-radius: 16px; padding: 20px; border: 1px solid #2d3540; position: relative; }}
             .account-card.online {{ border-color: #00f2fe; box-shadow: 0 0 15px #00f2fe20; }}
             .account-status {{ position: absolute; top: 20px; right: 20px; width: 12px; height: 12px; border-radius: 50%; }}
@@ -600,12 +546,13 @@ def home():
             .clear-btn {{ padding: 8px 16px; background: #2d3a4a; border: none; border-radius: 100px; color: white; font-size: 13px; cursor: pointer; text-decoration: none; }}
             .otp-section {{ background: #0f131c; border-radius: 24px; padding: 28px; border: 1px solid #2d3540; overflow-x: auto; }}
-            table {{ width: 100%; border-collapse: collapse; min-width: 1100px; }}
             th {{ text-align: left; padding: 16px 12px; background: #1a1f2c; color: #00f2fe; font-weight: 600; font-size: 13px; text-transform: uppercase; border-bottom: 2px solid #2d3540; }}
             td {{ padding: 16px 12px; border-bottom: 1px solid #262c38; font-size: 14px; }}
             .otp-badge {{ background: #002b36; color: #00f2fe; font-family: monospace; font-size: 16px; font-weight: 700; padding: 6px 14px; border-radius: 100px; border: 1px solid #00f2fe40; cursor: pointer; user-select: all; }}
             .service-badge {{ background: #2d3a4a; padding: 6px 14px; border-radius: 100px; font-size: 12px; font-weight: 600; display: inline-block; }}
             .account-badge {{ background: #4a3a2d; padding: 4px 10px; border-radius: 20px; font-size: 11px; display: inline-block; }}
             .whatsapp {{ background: #25D36620; color: #25D366; border: 1px solid #25D36640; }}
             .telegram {{ background: #26A5E420; color: #26A5E4; border: 1px solid #26A5E440; }}
             .number {{ font-family: monospace; }}
@@ -622,9 +569,6 @@ def home():
                 <div class="nav-brand">OTP MULTI ACCOUNT</div>
                 <div class="nav-menu">
                     <a href="/" class="nav-item active">🏠 Dashboard</a>
-                    <a href="/accounts" class="nav-item">📋 My Accounts</a>
-                    <a href="/logout_owner" class="nav-item">🚪 Logout</a>
-                    <span class="owner-badge">👤 Owner: {owner_id}</span>
                 </div>
             </div>
@@ -637,8 +581,8 @@ def home():
                     <div class="status-badge">● ONLINE</div>
                 </div>
                 <div class="stats-grid">
-                    <div class="stat-card"><div class="stat-label">Total Akun</div><div class="stat-value">{len(user_accounts)}</div></div>
-                    <div class="stat-card"><div class="stat-label">Akun Online</div><div class="stat-value">{sum(1 for a in user_accounts.values() if a.get('status'))}</div></div>
                     <div class="stat-card"><div class="stat-label">Total OTP</div><div class="stat-value">{total_otp}</div></div>
                     <div class="stat-card"><div class="stat-label">WIB</div><div class="stat-value" id="wib-time">{get_wib_time().strftime('%H:%M:%S')}</div></div>
                 </div>
@@ -651,17 +595,14 @@ def home():
                     <input type="password" name="password" placeholder="Password" class="form-input" required>
                     <input type="text" name="bot_token" placeholder="Bot Token (opsional)" class="form-input">
                     <input type="text" name="chat_id" placeholder="Chat ID (opsional)" class="form-input">
-                    <input type="hidden" name="owner_id" value="{owner_id}">
                     <button type="submit" class="btn">Tambah & Login Otomatis</button>
                 </form>
             </div>
-            <div style="margin-bottom: 20px; display: flex; justify-content: space-between; align-items: center;">
-                <h3>📋 Akun Terbaru</h3>
-                <a href="/accounts" class="btn btn-small">Lihat Semua Akun →</a>
-            </div>
             <div class="account-grid">
-                {generate_preview_accounts(accounts_list[:3])}
             </div>
             <div class="search-section">
@@ -677,12 +618,6 @@ def home():
                         {''.join([f'<option value="{s}" {"selected" if filter_service == s else ""}>📱 {s}</option>' for s in sorted(all_services)])}
                     </select>
                 </div>
-                <div class="filter-box">
-                    <select class="filter-select" name="account" onchange="updateFilter('account', this.value)">
-                        <option value="">👤 Semua Akun</option>
-                        {''.join([f'<option value="{a["id"]}" {"selected" if filter_account == a["id"] else ""}>👤 {a["username"]}</option>' for a in accounts_list[:10]])}
-                    </select>
-                </div>
                 <a href="/" class="clear-btn">✕ Reset</a>
                 <span class="result-count">📊 {len(all_logs)} hasil</span>
             </div>
@@ -694,6 +629,7 @@ def home():
                         <tr>
                             <th>WIB</th>
                             <th>Akun</th>
                             <th>Country</th>
                             <th>Number</th>
                             <th>Service</th>
@@ -744,6 +680,13 @@ def home():
                     .then(() => location.reload());
             }}
             function copyOTP(otp) {{
                 navigator.clipboard.writeText(otp).then(() => {{
                     const toast = document.createElement('div');
@@ -769,7 +712,7 @@ def home():
     """
     return html
-def generate_preview_accounts(accounts_list):
     if not accounts_list:
         return '<div style="grid-column:1/-1; text-align:center; padding:40px; color:#8b949e;">Belum ada akun. Tambah akun di atas!</div>'
@@ -780,166 +723,25 @@ def generate_preview_accounts(accounts_list):
         <div class="account-card {status_class}">
             <div class="account-status status-{status_class}"></div>
             <h4>{acc['username']}</h4>
-            <p style="margin-top:8px; color:#8b949e; font-size:12px;">Bot: {acc['bot_token']} | Chat: {acc['chat_id']}</p>
             <p style="color:#8b949e; font-size:12px;">Status: {'🟢 Online' if acc['status'] else '🔴 Offline'}</p>
-        </div>
-        """
-    return html
-@app.route('/accounts')
-@owner_required
-def accounts_page():
-    owner_id = flask_session.get('owner_id')
-    user_accounts = {}
-    for acc_id, acc in accounts.items():
-        if acc.get("owner_id") == owner_id:
-            user_accounts[acc_id] = acc
-    accounts_list = []
-    for acc_id, acc in user_accounts.items():
-        accounts_list.append({
-            "id": acc_id,
-            "username": mask_email(acc.get("username", "Unknown")),
-            "status": acc.get("status", False),
-            "bot_token": acc.get("bot_token", "-")[:10] + "..." if len(acc.get("bot_token", "")) > 10 else acc.get("bot_token", "-"),
-            "chat_id": acc.get("chat_id", "-"),
-            "created_at": datetime.fromtimestamp(acc.get("created_at", time.time())).strftime("%Y-%m-%d %H:%M") if acc.get("created_at") else "-",
-            "last_login": datetime.fromtimestamp(acc.get("last_login", 0)).strftime("%Y-%m-%d %H:%M") if acc.get("last_login") else "-",
-            "otp_count": len(acc.get("sent_cache", []))
-        })
-    html = f"""
-    <!DOCTYPE html>
-    <html lang="en">
-    <head>
-        <meta charset="UTF-8">
-        <meta name="viewport" content="width=device-width, initial-scale=1.0">
-        <title>My Accounts · FOURSTORE</title>
-        <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
-        <style>
-            * {{ margin: 0; padding: 0; box-sizing: border-box; }}
-            body {{ font-family: 'Inter', sans-serif; background: #0a0c10; color: #e4e6eb; padding: 24px; }}
-            .container {{ max-width: 1400px; margin: 0 auto; }}
-            .navbar {{ background: #1a1f2c; border-radius: 16px; padding: 16px 24px; margin-bottom: 24px; display: flex; justify-content: space-between; align-items: center; border: 1px solid #2d3540; }}
-            .nav-brand {{ font-size: 20px; font-weight: 700; color: #00f2fe; }}
-            .nav-menu {{ display: flex; gap: 20px; align-items: center; }}
-            .nav-item {{ color: #8b949e; text-decoration: none; padding: 8px 16px; border-radius: 8px; }}
-            .nav-item:hover {{ background: #2d3540; color: #00f2fe; }}
-            .nav-item.active {{ background: #00f2fe20; color: #00f2fe; border: 1px solid #00f2fe40; }}
-            .owner-badge {{ background: #4a3a2d; padding: 8px 16px; border-radius: 100px; font-size: 14px; }}
-            .header {{ background: linear-gradient(145deg, #1a1f2c, #0f131c); border-radius: 24px; padding: 28px; margin-bottom: 28px; border: 1px solid #2d3540; }}
-            .header-top {{ display: flex; justify-content: space-between; align-items: center; }}
-            .title h1 {{ font-size: 28px; font-weight: 700; background: linear-gradient(135deg, #00f2fe, #4facfe); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }}
-            .accounts-table {{ background: #0f131c; border-radius: 24px; padding: 28px; border: 1px solid #2d3540; overflow-x: auto; }}
-            table {{ width: 100%; border-collapse: collapse; min-width: 1000px; }}
-            th {{ text-align: left; padding: 16px 12px; background: #1a1f2c; color: #00f2fe; font-weight: 600; font-size: 13px; text-transform: uppercase; border-bottom: 2px solid #2d3540; }}
-            td {{ padding: 16px 12px; border-bottom: 1px solid #262c38; font-size: 14px; }}
-            .status-badge {{ display: inline-block; padding: 4px 8px; border-radius: 100px; font-size: 12px; font-weight: 600; }}
-            .status-online {{ background: #0a4d3c; color: #a0f0d0; }}
-            .status-offline {{ background: #4a2c2c; color: #ffb3b3; }}
-            .btn {{ background: #00f2fe; color: #0a0c10; border: none; padding: 6px 12px; border-radius: 8px; font-size: 12px; font-weight: 600; cursor: pointer; text-decoration: none; display: inline-block; }}
-            .btn-danger {{ background: #ff4d4d; color: white; }}
-            .btn-small {{ padding: 4px 8px; font-size: 11px; }}
-            .action-group {{ display: flex; gap: 5px; }}
-        </style>
-    </head>
-    <body>
-        <div class="container">
-            <div class="navbar">
-                <div class="nav-brand">OTP MULTI ACCOUNT</div>
-                <div class="nav-menu">
-                    <a href="/" class="nav-item">🏠 Dashboard</a>
-                    <a href="/accounts" class="nav-item active">📋 My Accounts</a>
-                    <a href="/logout_owner" class="nav-item">🚪 Logout</a>
-                    <span class="owner-badge">👤 Owner: {owner_id}</span>
-                </div>
-            </div>
-            <div class="header">
-                <div class="header-top">
-                    <div class="title">
-                        <h1>📋 My Accounts</h1>
-                        <p style="color:#8b949e; margin-top:8px;">Total: {len(accounts_list)} akun | Online: {sum(1 for a in accounts_list if a['status'])}</p>
-                    </div>
-                    <a href="/" class="btn">+ Tambah Akun Baru</a>
-                </div>
-            </div>
-            <div class="accounts-table">
-                <table>
-                    <thead>
-                        <tr>
-                            <th>No</th>
-                            <th>Username</th>
-                            <th>Status</th>
-                            <th>Bot Token</th>
-                            <th>Chat ID</th>
-                            <th>OTP Count</th>
-                            <th>Created At</th>
-                            <th>Last Login</th>
-                            <th>Actions</th>
-                        </tr>
-                    </thead>
-                    <tbody>
-                        {generate_accounts_rows(accounts_list)}
-                    </tbody>
-                </table>
             </div>
         </div>
-        <script>
-            function loginAccount(accountId) {{
-                fetch('/login_account/' + accountId, {{method: 'POST'}})
-                    .then(() => location.reload());
-            }}
-            function logoutAccount(accountId) {{
-                fetch('/logout_account/' + accountId, {{method: 'POST'}})
-                    .then(() => location.reload());
-            }}
-        </script>
-    </body>
-    </html>
-    """
-    return html
-def generate_accounts_rows(accounts_list):
-    if not accounts_list:
-        return '<tr><td colspan="9" style="text-align:center; padding:60px; color:#8b949e;">Belum ada akun. Tambah akun di dashboard!</td></tr>'
-    rows = ""
-    for i, acc in enumerate(accounts_list, 1):
-        status_class = "status-online" if acc["status"] else "status-offline"
-        status_text = "🟢 Online" if acc["status"] else "🔴 Offline"
-        rows += f"""
-        <tr>
-            <td>{i}</td>
-            <td>{acc['username']}</td>
-            <td><span class="status-badge {status_class}">{status_text}</span></td>
-            <td>{acc['bot_token']}</td>
-            <td>{acc['chat_id']}</td>
-            <td>{acc['otp_count']}</td>
-            <td>{acc['created_at']}</td>
-            <td>{acc['last_login']}</td>
-            <td>
-                <div class="action-group">
-                    <button onclick="loginAccount('{acc['id']}')" class="btn btn-small">Login</button>
-                    <button onclick="logoutAccount('{acc['id']}')" class="btn btn-small btn-danger">Logout</button>
-                    <a href="/delete_account/{acc['id']}" class="btn btn-small btn-danger" onclick="return confirm('Hapus akun ini?')">Hapus</a>
-                </div>
-            </td>
-        </tr>
         """
-    return rows
 def generate_otp_rows(logs, search_query):
     if not logs:
-        return '<tr><td colspan="7" class="empty-state">🔍 Belum ada OTP</td></tr>'
     rows = ""
     for log in logs[:100]:
@@ -949,6 +751,8 @@ def generate_otp_rows(logs, search_query):
         sms = log.get('sms', '')
         service = log.get('service', 'UNKNOWN')
         account = log.get('account_username', 'Unknown')
         if search_query:
             country = re.sub(f'({re.escape(search_query)})', r'<span class="highlight">\1</span>', country, flags=re.I)
@@ -960,6 +764,7 @@ def generate_otp_rows(logs, search_query):
         <tr class="new-row">
             <td style="color:#00f2fe;">{log.get('time', '')}</td>
             <td><span class="account-badge">{account}</span></td>
             <td>{country}</td>
             <td><span class="number">{number}</span></td>
             <td><span class="service-badge {service_class}">{service}</span></td>
@@ -976,10 +781,10 @@ def add_account_route():
     password = request.form['password']
     bot_token = request.form.get('bot_token', '')
     chat_id = request.form.get('chat_id', '')
-    owner_id = request.form.get('owner_id')
     if not owner_id:
-        owner_id = flask_session.get('owner_id')
     masked = mask_email(username)
     print(f"\n➕ TAMBAH AKUN BARU: {masked} (ID: {account_id}) (Owner: {owner_id})")
@@ -1030,14 +835,8 @@ def add_account_route():
     return redirect('/')
 @app.route('/delete_account/<account_id>')
-@owner_required
 def delete_account_route(account_id):
-    owner_id = flask_session.get('owner_id')
     if account_id in accounts:
-        if accounts[account_id].get("owner_id") != owner_id:
-            return "Unauthorized", 403
         username = accounts[account_id].get('username', 'Unknown')
         masked = mask_email(username)
         print(f"\n🗑️ HAPUS AKUN: {masked} (ID: {account_id})")
@@ -1049,18 +848,13 @@ def delete_account_route(account_id):
             save_accounts_to_file(accounts)
         print(f"✅ Akun dihapus")
-    return redirect(request.referrer or '/')
 @app.route('/login_account/<account_id>', methods=['POST'])
-@owner_required
 def login_account_route(account_id):
-    owner_id = flask_session.get('owner_id')
     print(f"\n🔔🔔🔔 LOGIN ACCOUNT DIPANGGIL: {account_id} 🔔🔔🔔")
     if account_id in accounts:
-        if accounts[account_id].get("owner_id") != owner_id:
-            return "Unauthorized", 403
         acc = accounts[account_id]
         masked = mask_email(acc.get('username', 'Unknown'))
         print(f"📋 Data akun: {masked}")
@@ -1072,7 +866,7 @@ def login_account_route(account_id):
             acc['password'],
             acc.get('bot_token', ''),
             acc.get('chat_id', ''),
-            owner_id
         )
         print(f"📝 Result: {success} - {msg}")
@@ -1087,17 +881,11 @@ def login_account_route(account_id):
     else:
         print(f"❌ Account ID {account_id} tidak ditemukan!")
-    return redirect(request.referrer or '/')
 @app.route('/logout_account/<account_id>', methods=['POST'])
-@owner_required
 def logout_account_route(account_id):
-    owner_id = flask_session.get('owner_id')
     if account_id in accounts:
-        if accounts[account_id].get("owner_id") != owner_id:
-            return "Unauthorized", 403
         username = accounts[account_id].get('username', 'Unknown')
         masked = mask_email(username)
         print(f"\n🔌 LOGOUT: {masked} (ID: {account_id})")
@@ -1111,7 +899,7 @@ def logout_account_route(account_id):
             save_accounts_to_file(accounts)
         print(f"✅ Logout berhasil")
-    return redirect(request.referrer or '/')
 @app.route('/stream')
 def stream():
@@ -1231,8 +1019,8 @@ def main():
         print("  📁 Data tersimpan di file accounts.json")
     print("  📋 LOGGING: FULL DETAIL")
     print("  🔒 EMAIL SENSOR: AKTIF")
-    print("  🤖 AUTO LOGIN: AKTIF (setelah tambah akun)")
-    print("  👑 OWNER SYSTEM: AKTIF (owner_id di input form)")
     print("="*60 + "\n")
     for acc_id, acc in accounts.items():
@@ -1245,7 +1033,7 @@ def main():
                 acc['password'],
                 acc.get('bot_token', ''),
                 acc.get('chat_id', ''),
-                acc.get('owner_id', 'unknown')
             )
             if success:
                 thread = Thread(target=run_account_scraper, args=(acc_id,), daemon=True)
@@ -1260,7 +1048,7 @@ def main():
                     save_accounts_to_file(accounts)
     print("\n✅ BOT SIAP! Dashboard: https://fourstore-otp.hf.space")
-    print("🔐 Login dengan Owner ID untuk mengakses")
     while True:
         time.sleep(60)

 from pymongo.errors import ConnectionFailure
 from functools import wraps
+MONGODB_URI = os.environ.get("MONGODB_URI")
 DB_NAME = "otp_bot"
 COLLECTION_NAME = "accounts"
+if MONGODB_URI:
     try:
+        mongo_client = MongoClient(MONGODB_URI)
         db = mongo_client[DB_NAME]
         accounts_collection = db[COLLECTION_NAME]
         mongo_client.admin.command('ping')
         print(f"❌ MongoDB Connection Failed: {e}")
         mongo_client = None
 else:
+    print("⚠️ MONGODB_URI tidak di set, menggunakan penyimpanan lokal")
     mongo_client = None
 print = lambda *args, **kwargs: __builtins__.print(*args, **kwargs, flush=True)
 app.secret_key = "fourstore-multi-account-secret"
 sse_clients = []
 def get_wib_time():
     return datetime.now(timezone.utc) + timedelta(hours=7)
     for q in dead:
         sse_clients.remove(q)
 @app.route('/')
 def home():
     all_logs = []
+    for acc_id, acc in accounts.items():
         if acc.get("otp_logs"):
             for log in acc["otp_logs"]:
                 log_copy = log.copy()
     all_services = list(set([log.get('service') for log in all_logs if log.get('service')]))
+    total_otp = sum(len(acc.get('sent_cache', [])) for acc in accounts.values())
     today_otp = len(all_logs)
     accounts_list = []
+    for acc_id, acc in accounts.items():
         accounts_list.append({
             "id": acc_id,
             "username": mask_email(acc.get("username", "Unknown")),
             "status": acc.get("status", False),
+            "owner_id": acc.get("owner_id", "-"),
             "bot_token": "✅" if acc.get("bot_token") else "❌",
             "chat_id": acc.get("chat_id", "-")[:5] + "..." if acc.get("chat_id") and len(acc.get("chat_id")) > 5 else acc.get("chat_id", "-")
         })
             .nav-item {{ color: #8b949e; text-decoration: none; padding: 8px 16px; border-radius: 8px; transition: all 0.2s; }}
             .nav-item:hover {{ background: #2d3540; color: #00f2fe; }}
             .nav-item.active {{ background: #00f2fe20; color: #00f2fe; border: 1px solid #00f2fe40; }}
             .header {{ background: linear-gradient(145deg, #1a1f2c, #0f131c); border-radius: 24px; padding: 28px; margin-bottom: 28px; border: 1px solid #2d3540; }}
             .header-top {{ display: flex; justify-content: space-between; align-items: center; margin-bottom: 24px; flex-wrap: wrap; gap: 15px; }}
             .btn-danger {{ background: #ff4d4d; color: white; }}
             .btn-small {{ padding: 6px 12px; font-size: 12px; }}
+            .account-grid {{ display: grid; grid-template-columns: repeat(auto-fit, minmax(350px, 1fr)); gap: 20px; margin-bottom: 30px; }}
             .account-card {{ background: #1a1f2c; border-radius: 16px; padding: 20px; border: 1px solid #2d3540; position: relative; }}
             .account-card.online {{ border-color: #00f2fe; box-shadow: 0 0 15px #00f2fe20; }}
             .account-status {{ position: absolute; top: 20px; right: 20px; width: 12px; height: 12px; border-radius: 50%; }}
             .clear-btn {{ padding: 8px 16px; background: #2d3a4a; border: none; border-radius: 100px; color: white; font-size: 13px; cursor: pointer; text-decoration: none; }}
             .otp-section {{ background: #0f131c; border-radius: 24px; padding: 28px; border: 1px solid #2d3540; overflow-x: auto; }}
+            table {{ width: 100%; border-collapse: collapse; min-width: 1200px; }}
             th {{ text-align: left; padding: 16px 12px; background: #1a1f2c; color: #00f2fe; font-weight: 600; font-size: 13px; text-transform: uppercase; border-bottom: 2px solid #2d3540; }}
             td {{ padding: 16px 12px; border-bottom: 1px solid #262c38; font-size: 14px; }}
             .otp-badge {{ background: #002b36; color: #00f2fe; font-family: monospace; font-size: 16px; font-weight: 700; padding: 6px 14px; border-radius: 100px; border: 1px solid #00f2fe40; cursor: pointer; user-select: all; }}
             .service-badge {{ background: #2d3a4a; padding: 6px 14px; border-radius: 100px; font-size: 12px; font-weight: 600; display: inline-block; }}
             .account-badge {{ background: #4a3a2d; padding: 4px 10px; border-radius: 20px; font-size: 11px; display: inline-block; }}
+            .owner-badge {{ background: #2d4a3a; padding: 4px 10px; border-radius: 20px; font-size: 11px; display: inline-block; }}
             .whatsapp {{ background: #25D36620; color: #25D366; border: 1px solid #25D36640; }}
             .telegram {{ background: #26A5E420; color: #26A5E4; border: 1px solid #26A5E440; }}
             .number {{ font-family: monospace; }}
                 <div class="nav-brand">OTP MULTI ACCOUNT</div>
                 <div class="nav-menu">
                     <a href="/" class="nav-item active">🏠 Dashboard</a>
                 </div>
             </div>
                     <div class="status-badge">● ONLINE</div>
                 </div>
                 <div class="stats-grid">
+                    <div class="stat-card"><div class="stat-label">Total Akun</div><div class="stat-value">{len(accounts)}</div></div>
+                    <div class="stat-card"><div class="stat-label">Akun Online</div><div class="stat-value">{sum(1 for a in accounts.values() if a.get('status'))}</div></div>
                     <div class="stat-card"><div class="stat-label">Total OTP</div><div class="stat-value">{total_otp}</div></div>
                     <div class="stat-card"><div class="stat-label">WIB</div><div class="stat-value" id="wib-time">{get_wib_time().strftime('%H:%M:%S')}</div></div>
                 </div>
                     <input type="password" name="password" placeholder="Password" class="form-input" required>
                     <input type="text" name="bot_token" placeholder="Bot Token (opsional)" class="form-input">
                     <input type="text" name="chat_id" placeholder="Chat ID (opsional)" class="form-input">
+                    <input type="text" name="owner_id" placeholder="Owner ID (opsional)" class="form-input">
                     <button type="submit" class="btn">Tambah & Login Otomatis</button>
                 </form>
             </div>
+            <h3 style="margin-bottom: 20px;">📋 Daftar Semua Akun</h3>
             <div class="account-grid">
+                {generate_account_cards(accounts_list)}
             </div>
             <div class="search-section">
                         {''.join([f'<option value="{s}" {"selected" if filter_service == s else ""}>📱 {s}</option>' for s in sorted(all_services)])}
                     </select>
                 </div>
                 <a href="/" class="clear-btn">✕ Reset</a>
                 <span class="result-count">📊 {len(all_logs)} hasil</span>
             </div>
                         <tr>
                             <th>WIB</th>
                             <th>Akun</th>
+                            <th>Owner</th>
                             <th>Country</th>
                             <th>Number</th>
                             <th>Service</th>
                     .then(() => location.reload());
             }}
+            function deleteAccount(accountId) {{
+                if (confirm('Hapus akun ini?')) {{
+                    fetch('/delete_account/' + accountId, {{method: 'GET'}})
+                        .then(() => location.reload());
+                }}
+            }}
             function copyOTP(otp) {{
                 navigator.clipboard.writeText(otp).then(() => {{
                     const toast = document.createElement('div');
     """
     return html
+def generate_account_cards(accounts_list):
     if not accounts_list:
         return '<div style="grid-column:1/-1; text-align:center; padding:40px; color:#8b949e;">Belum ada akun. Tambah akun di atas!</div>'
         <div class="account-card {status_class}">
             <div class="account-status status-{status_class}"></div>
             <h4>{acc['username']}</h4>
+            <p style="margin-top:8px; color:#8b949e; font-size:12px;">
+                <span class="owner-badge">👤 Owner: {acc['owner_id']}</span>
+            </p>
+            <p style="margin-top:8px; color:#8b949e; font-size:12px;">
+                Bot: {acc['bot_token']} | Chat: {acc['chat_id']}
+            </p>
             <p style="color:#8b949e; font-size:12px;">Status: {'🟢 Online' if acc['status'] else '🔴 Offline'}</p>
+            <div class="account-actions">
+                <button onclick="loginAccount('{acc['id']}')" class="btn btn-small">Login</button>
+                <button onclick="logoutAccount('{acc['id']}')" class="btn btn-small btn-danger">Logout</button>
+                <button onclick="deleteAccount('{acc['id']}')" class="btn btn-small btn-danger">Hapus</button>
             </div>
         </div>
         """
+    return html
 def generate_otp_rows(logs, search_query):
     if not logs:
+        return '<tr><td colspan="8" class="empty-state">🔍 Belum ada OTP</td></tr>'
     rows = ""
     for log in logs[:100]:
         sms = log.get('sms', '')
         service = log.get('service', 'UNKNOWN')
         account = log.get('account_username', 'Unknown')
+        account_id = log.get('account_id', '')
+        owner_id = accounts.get(account_id, {}).get('owner_id', '-') if account_id else '-'
         if search_query:
             country = re.sub(f'({re.escape(search_query)})', r'<span class="highlight">\1</span>', country, flags=re.I)
         <tr class="new-row">
             <td style="color:#00f2fe;">{log.get('time', '')}</td>
             <td><span class="account-badge">{account}</span></td>
+            <td><span class="owner-badge">{owner_id}</span></td>
             <td>{country}</td>
             <td><span class="number">{number}</span></td>
             <td><span class="service-badge {service_class}">{service}</span></td>
     password = request.form['password']
     bot_token = request.form.get('bot_token', '')
     chat_id = request.form.get('chat_id', '')
+    owner_id = request.form.get('owner_id', '')
     if not owner_id:
+        owner_id = "default"
     masked = mask_email(username)
     print(f"\n➕ TAMBAH AKUN BARU: {masked} (ID: {account_id}) (Owner: {owner_id})")
     return redirect('/')
 @app.route('/delete_account/<account_id>')
 def delete_account_route(account_id):
     if account_id in accounts:
         username = accounts[account_id].get('username', 'Unknown')
         masked = mask_email(username)
         print(f"\n🗑️ HAPUS AKUN: {masked} (ID: {account_id})")
             save_accounts_to_file(accounts)
         print(f"✅ Akun dihapus")
+    return redirect('/')
 @app.route('/login_account/<account_id>', methods=['POST'])
 def login_account_route(account_id):
     print(f"\n🔔🔔🔔 LOGIN ACCOUNT DIPANGGIL: {account_id} 🔔🔔🔔")
     if account_id in accounts:
         acc = accounts[account_id]
         masked = mask_email(acc.get('username', 'Unknown'))
         print(f"📋 Data akun: {masked}")
             acc['password'],
             acc.get('bot_token', ''),
             acc.get('chat_id', ''),
+            acc.get('owner_id', 'default')
         )
         print(f"📝 Result: {success} - {msg}")
     else:
         print(f"❌ Account ID {account_id} tidak ditemukan!")
+    return redirect('/')
 @app.route('/logout_account/<account_id>', methods=['POST'])
 def logout_account_route(account_id):
     if account_id in accounts:
         username = accounts[account_id].get('username', 'Unknown')
         masked = mask_email(username)
         print(f"\n🔌 LOGOUT: {masked} (ID: {account_id})")
             save_accounts_to_file(accounts)
         print(f"✅ Logout berhasil")
+    return redirect('/')
 @app.route('/stream')
 def stream():
         print("  📁 Data tersimpan di file accounts.json")
     print("  📋 LOGGING: FULL DETAIL")
     print("  🔒 EMAIL SENSOR: AKTIF")
+    print("  🤖 AUTO LOGIN: AKTIF")
+    print("  👑 OWNER ID: Input manual di form")
     print("="*60 + "\n")
     for acc_id, acc in accounts.items():
                 acc['password'],
                 acc.get('bot_token', ''),
                 acc.get('chat_id', ''),
+                acc.get('owner_id', 'default')
             )
             if success:
                 thread = Thread(target=run_account_scraper, args=(acc_id,), daemon=True)
                     save_accounts_to_file(accounts)
     print("\n✅ BOT SIAP! Dashboard: https://fourstore-otp.hf.space")
+    print("📝 Owner ID bisa diisi manual saat tambah akun")
     while True:
         time.sleep(60)