Update app.py

app.py

@@ -5,7 +5,8 @@ import re
 from flask import Flask, render_template_string, request, session, redirect, url_for, send_file, Response
 
 app = Flask(__name__)
-app.secret_key = os.urandom(32)
+# Secret key statis biar login gak mental-mental
+app.secret_key = "JST_STABLE_NODE_KEY_404_ZIE" 
 
 # --- IDENTITY & CREDENTIALS ---
 OWNER_NAME = "WhyLaugh404"
@@ -24,52 +25,46 @@ ACCESS_LEVELS = {
     "owner": ["sherlock", "maigret", "socialscan", "holehe", "phoneinfoga", "twint", "exiftool", "ghunt", "cloud_enum"]
 }
 
-# --- REGEX UNTUK BERSIHIN KODE WARNA TERMINAL ---
 ansi_escape = re.compile(r'\x1B(?:[@-Z\\-_]|\[[0-?]*[ -/]*[@-~])')
 
-# --- STYLING: J.S.T VANGUARD THEME ---
+# --- STYLING: RESPONSIVE J.S.T THEME ---
 CSS = """
 :root { --bg: #000000; --panel: #050505; --accent: #00ff00; --accent-glow: #00ff0044; --text: #00ff00; --border: #111; --danger: #ff003c; }
-body { background: var(--bg); color: var(--text); font-family: 'JetBrains Mono', 'Courier New', monospace; margin: 0; padding: 0; text-shadow: 0 0 5px var(--accent-glow); }
-
-/* Custom Scrollbar */
-::-webkit-scrollbar { width: 8px; }
-::-webkit-scrollbar-track { background: var(--bg); border-left: 1px solid var(--border); }
-::-webkit-scrollbar-thumb { background: var(--border); border: 1px solid var(--accent); }
-::-webkit-scrollbar-thumb:hover { background: var(--accent); }
-
-/* CRT Scanline Effect */
-body::before { content: " "; display: block; position: fixed; top: 0; left: 0; bottom: 0; right: 0; background: linear-gradient(rgba(18, 16, 16, 0) 50%, rgba(0, 0, 0, 0.25) 50%), linear-gradient(90deg, rgba(255, 0, 0, 0.06), rgba(0, 255, 0, 0.02), rgba(0, 0, 255, 0.06)); z-index: 2; background-size: 100% 2px, 3px 100%; pointer-events: none; }
-
-.login-screen { display: flex; align-items: center; justify-content: center; height: 100vh; flex-direction: column; position: relative; z-index: 5; }
-.jst-brand { font-size: 2.5em; font-weight: bold; color: var(--text); letter-spacing: 10px; margin-bottom: 5px; }
-.login-card { background: var(--panel); border: 1px solid var(--accent); padding: 40px; width: 320px; text-align: center; box-shadow: 0 0 20px var(--accent-glow); }
-
-.header { background: var(--panel); border-bottom: 1px solid var(--accent); padding: 20px; text-align: center; position: relative; z-index: 5; }
-.mrx-logo { width: 90px; height: 90px; border-radius: 50%; border: 2px solid var(--accent); margin-bottom: 10px; box-shadow: 0 0 15px var(--accent); filter: grayscale(100%) contrast(120%); }
-.container { max-width: 1400px; margin: 30px auto; padding: 0 20px; position: relative; z-index: 5; }
-.grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(400px, 1fr)); gap: 30px; }
-.card { background: var(--panel); border: 1px solid #222; padding: 20px; transition: 0.3s; }
-.card:hover { border-color: var(--accent); box-shadow: 0 0 15px var(--accent-glow); }
-.card h3 { font-size: 0.8em; border-bottom: 1px dashed var(--accent); padding-bottom: 8px; margin-bottom: 15px; letter-spacing: 2px; }
-
-input { background: transparent; border: 1px solid #333; color: var(--text); padding: 12px; width: 100%; box-sizing: border-box; outline: none; margin-bottom: 10px; font-family: inherit; }
-input:focus { border-color: var(--accent); background: #020202; }
-button { background: transparent; border: 1px solid var(--accent); color: var(--accent); padding: 10px; width: 100%; cursor: pointer; font-weight: bold; letter-spacing: 2px; transition: 0.2s; }
+body { background: var(--bg); color: var(--text); font-family: 'JetBrains Mono', monospace; margin: 0; padding: 0; text-shadow: 0 0 5px var(--accent-glow); overflow-x: hidden; }
+
+.login-screen { display: flex; align-items: center; justify-content: center; min-height: 100vh; flex-direction: column; padding: 20px; }
+.jst-brand { font-size: 2em; font-weight: bold; letter-spacing: 5px; text-align: center; }
+.login-card { background: var(--panel); border: 1px solid var(--accent); padding: 30px; width: 100%; max-width: 350px; box-sizing: border-box; box-shadow: 0 0 20px var(--accent-glow); }
+
+.header { background: var(--panel); border-bottom: 1px solid var(--accent); padding: 15px; position: relative; display: flex; align-items: center; justify-content: space-between; }
+.header-info { display: flex; align-items: center; gap: 15px; }
+.mrx-logo { width: 50px; height: 50px; border-radius: 50%; border: 1px solid var(--accent); }
+.logout-btn { color: var(--danger); text-decoration: none; border: 1px solid var(--danger); padding: 5px 12px; font-size: 0.7em; letter-spacing: 1px; font-weight: bold; transition: 0.3s; }
+.logout-btn:hover { background: var(--danger); color: #fff; }
+
+.container { width: 100%; max-width: 1400px; margin: 20px auto; padding: 0 15px; box-sizing: border-box; }
+.grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 20px; }
+
+@media (max-width: 600px) {
+    .header { flex-direction: column; gap: 10px; text-align: center; }
+    .header-info { flex-direction: column; gap: 5px; }
+    .grid { grid-template-columns: 1fr; }
+}
+
+.card { background: var(--panel); border: 1px solid #222; padding: 15px; }
+.card:hover { border-color: var(--accent); }
+input { background: transparent; border: 1px solid #333; color: var(--text); padding: 12px; width: 100%; box-sizing: border-box; margin-bottom: 10px; font-family: inherit; outline: none; }
+button { background: transparent; border: 1px solid var(--accent); color: var(--accent); padding: 10px; width: 100%; cursor: pointer; font-weight: bold; }
 button:hover:not(:disabled) { background: var(--accent); color: #000; }
-button:disabled { border-color: #333; color: #333; cursor: not-allowed; text-shadow: none; }
 
 .console-box { background: #000; border: 1px solid #222; margin-top: 15px; display: none; flex-direction: column; }
-.console-header { background: #050505; padding: 8px 12px; font-size: 0.7em; display: flex; justify-content: space-between; border-bottom: 1px solid #222; }
-.console-body { padding: 15px; height: 350px; overflow-y: auto; font-size: 0.8em; white-space: pre-wrap; line-height: 1.5; color: #cfc; }
-.dl-btn { color: var(--accent); text-decoration: none; border: 1px solid var(--accent); padding: 2px 10px; display: none; }
-.dl-btn:hover { background: var(--accent); color: #000; }
+.console-header { background: #050505; padding: 8px; font-size: 0.7em; display: flex; justify-content: space-between; border-bottom: 1px solid #222; }
+.console-body { padding: 10px; height: 300px; overflow-y: auto; font-size: 0.75em; white-space: pre-wrap; color: #cfc; }
+.dl-btn { color: var(--accent); text-decoration: none; border: 1px solid var(--accent); padding: 2px 8px; font-size: 0.9em; display: none; }
 .blinking-cursor { animation: blink 1s step-end infinite; }
 @keyframes blink { 50% { opacity: 0; } }
 """
 
-# --- SERVER LOGIC ---
-
 @app.route('/', methods=['GET', 'POST'])
 def entry():
     if request.method == 'POST':
@@ -78,21 +73,18 @@ def entry():
             if p == val:
                 session['role'] = role
                 return redirect(url_for('entry'))
-        return "<body style='background:#000; color:red; text-align:center; padding-top:10vh; font-family:monospace; font-size:2em;'>[!] INTRUSION DETECTED <br> ACCESS DENIED</body>"
+        return "<body style='background:#000; color:red; text-align:center; padding-top:10vh; font-family:monospace;'>[!] ACCESS DENIED</body>"
     
     if 'role' in session:
         return render_template_string(T_DASHBOARD, css=CSS, owner=OWNER_NAME, team=TEAM_NAME,
                                     role=session['role'], allowed=ACCESS_LEVELS[session['role']], mrx_url=MRX_LOGO)
-    
     return render_template_string(T_LOGIN, css=CSS, team=TEAM_NAME, owner=OWNER_NAME)
 
 @app.route('/stream/<tool_id>')
 def stream(tool_id):
     if 'role' not in session or tool_id not in ACCESS_LEVELS[session['role']]:
         return Response("Unauthorized", status=403)
-    
     target = request.args.get('target', '').strip()
-    
     def generate():
         cmds = {
             "sherlock": f"sherlock {target} --timeout 5",
@@ -105,55 +97,44 @@ def stream(tool_id):
             "ghunt": f"ghunt email {target}",
             "cloud_enum": f"python3 /home/user/cloud_enum/cloud_enum.py -k {target}"
         }
-        
         cmd = cmds.get(tool_id)
         report_file = f"JST_REPORT_{tool_id.upper()}_{target.replace('.', '_')}.txt"
-        
-        # FIX: Pisahin string biar Python 3.10 gak ngambek kena backslash di dalem f-string json
-        init_msg = f"> Initiating protocol: {tool_id.upper()}\n> Target: {target}\n> Bypassing nodes...\n\n"
+        init_msg = f"> Initializing {tool_id.upper()} protocol...\n> Target: {target}\n\n"
         yield f"data: {json.dumps({'line': init_msg})}\n\n"
-        
         process = subprocess.Popen(cmd, shell=True, stdout=subprocess.PIPE, stderr=subprocess.STDOUT, text=True, bufsize=1, universal_newlines=True)
-        
         full_log = ""
         for line in process.stdout:
-            # BERSIHKAN KODE WARNA ANSI
             clean_line = ansi_escape.sub('', line)
             full_log += clean_line
             yield f"data: {json.dumps({'line': clean_line})}\n\n"
-        
         process.wait()
-        
-        # FIX: Gunakan \n biasa buat write ke file biar turun baris beneran di TXT
         with open(report_file, "w") as f:
-            f.write(f"--- {TEAM_NAME} SECURITY REPORT ---\nOPERATOR: {OWNER_NAME}\nTOOL: {tool_id.upper()}\nTARGET: {target}\n\n{full_log}")
-            
+            f.write(f"--- {TEAM_NAME} REPORT ---\nOP: {OWNER_NAME}\nTOOL: {tool_id.upper()}\n\n{full_log}")
         yield f"data: {json.dumps({'done': True, 'file': report_file})}\n\n"
-
     return Response(generate(), mimetype='text/event-stream')
 
 @app.route('/dl/<filename>')
 def dl(filename):
     if filename.startswith("JST_REPORT_") and os.path.exists(filename):
         return send_file(filename, as_attachment=True)
-    return "Error: File Not Found", 404
+    return "Error", 404
 
-@app.route('/exit')
-def exit_node():
+@app.route('/logout')
+def logout():
     session.clear()
     return redirect(url_for('entry'))
 
-# --- HTML TEMPLATES ---
-
+# --- TEMPLATES ---
 T_LOGIN = """
-<!DOCTYPE html><html><head><title>{{team}} | AUTH</title><style>{{css}}</style></head>
+<!DOCTYPE html><html><head>
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<title>{{team}} | AUTH</title><style>{{css}}</style></head>
 <body class="login-screen">
     <div class="jst-brand">{{team}}</div>
-    <div style="color:#555; letter-spacing:5px; margin-bottom:30px;">[ CENTRAL NODE ]</div>
+    <div style="color:#444; letter-spacing:3px; margin-bottom:20px; font-size:0.8em;">[ CENTRAL NODE ]</div>
     <div class="login-card">
-        <div style="font-size:0.8em; margin-bottom:20px;">REQUIRE IDENTIFICATION</div>
         <form method="post">
-            <input type="password" name="p" placeholder="ENTER PASSPHRASE" required autofocus>
+            <input type="password" name="p" placeholder="PASSPHRASE" required autofocus>
             <button type="submit">AUTHENTICATE</button>
         </form>
     </div>
@@ -161,64 +142,54 @@ T_LOGIN = """
 """
 
 T_DASHBOARD = """
-<!DOCTYPE html><html><head><title>{{team}} CONSOLE</title><style>{{css}}</style></head><body>
+<!DOCTYPE html><html><head>
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<title>{{team}} CONSOLE</title><style>{{css}}</style></head><body>
 <div class="header">
-    <img src="{{mrx_url}}" class="mrx-logo">
-    <div style="font-size:1.5em; font-weight:bold; letter-spacing:5px;">{{team}} CONSOLE</div>
-    <div style="font-size:0.7em; margin-top:10px; color:#666;">OP: {{owner}} | STATUS: SECURE | LVL: {{role.upper()}}</div>
+    <div class="header-info">
+        <img src="{{mrx_url}}" class="mrx-logo">
+        <div>
+            <div style="font-weight:bold; letter-spacing:2px; font-size:1.1em;">{{team}} CONSOLE</div>
+            <div style="font-size:0.6em; color:#555;">OPERATOR: {{owner}} | LVL: {{role.upper()}}</div>
+        </div>
+    </div>
+    <a href="/logout" class="logout-btn">DISCONNECT</a>
 </div>
-
 <div class="container">
     <div class="grid">
         {% for t_id in allowed %}
         <div class="card">
-            <h3>>> MODULE: {{t_id.upper()}}</h3>
+            <h3>>> {{t_id.upper()}}</h3>
             <form onsubmit="runTool(event, '{{t_id}}')">
-                <input type="text" id="target-{{t_id}}" placeholder="Target parameter..." required>
-                <button type="submit" id="btn-{{t_id}}">START_{{t_id.upper()}}</button>
+                <input type="text" id="target-{{t_id}}" placeholder="Target..." required>
+                <button type="submit" id="btn-{{t_id}}">START</button>
             </form>
-            
             <div id="sess-{{t_id}}" class="console-box">
-                <div class="console-header">
-                    <span>LIVE_LOG: {{t_id.upper()}}</span>
-                    <a href="#" id="dl-{{t_id}}" class="dl-btn">SAVE_DUMP</a>
-                </div>
-                <div class="console-body">
-                    <span id="out-{{t_id}}"></span><span id="cursor-{{t_id}}" class="blinking-cursor">_</span>
-                </div>
+                <div class="console-header"><span>LOG_{{t_id.upper()}}</span><a href="#" id="dl-{{t_id}}" class="dl-btn">SAVE</a></div>
+                <div class="console-body"><span id="out-{{t_id}}"></span><span id="cursor-{{t_id}}" class="blinking-cursor">_</span></div>
             </div>
         </div>
         {% endfor %}
     </div>
-    <br><center><a href="/exit" style="color:#333; text-decoration:none; font-size:0.8em; letter-spacing:2px;">[ CLOSE CONNECTION ]</a></center>
 </div>
-
 <script>
-let currentEventSources = {};
-
 function runTool(e, id) {
     e.preventDefault();
     const val = document.getElementById('target-'+id).value;
-    if(!val) return;
-    
     const out = document.getElementById('out-'+id);
     const sess = document.getElementById('sess-'+id);
     const dl = document.getElementById('dl-'+id);
     const btn = document.getElementById('btn-'+id);
     const cursor = document.getElementById('cursor-'+id);
     
-    if(currentEventSources[id]) { currentEventSources[id].close(); }
-    
     sess.style.display = 'flex';
     out.innerHTML = "";
     dl.style.display = 'none';
     btn.disabled = true;
-    btn.innerText = "EXECUTING...";
+    btn.innerText = "RUNNING...";
     cursor.style.display = "inline";
 
     const source = new EventSource(`/stream/${id}?target=${val}`);
-    currentEventSources[id] = source;
-    
     source.onmessage = function(event) {
         const data = JSON.parse(event.data);
         if(data.line) {
@@ -228,19 +199,17 @@ function runTool(e, id) {
         if(data.done) {
             source.close();
             btn.disabled = false;
-            btn.innerText = "START_" + id.upper();
+            btn.innerText = "START";
             dl.href = "/dl/" + data.file;
             dl.style.display = 'inline-block';
             cursor.style.display = "none";
         }
     };
-    
     source.onerror = function() {
         source.close();
         btn.disabled = false;
-        btn.innerText = "START_" + id.upper();
-        out.innerHTML += "\\n[!] ERR: CONNECTION LOST OR TIMEOUT";
-        cursor.style.display = "none";
+        btn.innerText = "START";
+        out.innerHTML += "\\n[!] CONNECTION ERROR";
     };
 }
 </script>