| |
| <!DOCTYPE html> |
| <html lang="id"> |
| <head> |
| <meta charset="UTF-8"> |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> |
| <meta http-equiv="Content-Security-Policy" content="default-src * 'unsafe-inline' 'unsafe-eval' data: blob:; script-src * 'unsafe-inline' 'unsafe-eval'; style-src * 'unsafe-inline';"> |
| <title>ZETA SOVEREIGN DASHBOARD v14.0</title> |
| <link rel="stylesheet" href="/style.css"> |
| <link href="https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700&family=Inter:wght@300;400;600&display=swap" rel="stylesheet"> |
| </head> |
| <body> |
| <div class="void-overlay"></div> |
| <div class="dashboard-container"> |
| <aside class="sidebar"> |
| <div class="logo-container"> |
| <div class="zeta-logo-v2">K</div> |
| <h1>Z374_LL4M4</h1> |
| </div> |
| <nav> |
| <div class="nav-item active" id="btn-home"><span>🧠</span> 0RCH357R470R</div> |
| <div class="nav-item" id="btn-nodes"><span>📡</span> R3C0N</div> |
| <div class="nav-item" id="btn-harvest"><span>⚔️</span> 3N6463M3N75</div> |
| <div class="nav-item" id="btn-stealth"><span>🕵️</span> 5734I7H</div> |
| <div class="nav-item" id="btn-vision"><span>👁️</span> V1510N</div> |
| </nav> |
| <div class="new-chat-container" style="margin-top: auto; padding: 10px;"> |
| <button id="btn-new-chat" style="background: linear-gradient(135deg, #8a2be2, #4b0082); color: #fff; border: none; width: 100%; padding: 10px; font-family: 'Orbitron', sans-serif; font-size: 0.8rem; cursor: pointer; border-radius: 4px; box-shadow: 0 0 15px rgba(138, 43, 226, 0.4); transition: 0.3s;">N3W CH47 (R3537)</button> |
| <header class="glass-panel"> |
| <div class="logo">Ẑ374_S0V3R316N</div> |
| <div style="display: flex; gap: 20px; font-size: 0.8rem; color: var(--text-dim);"> |
| <span>TUNNEL: <b id="status-tunnel" style="color: var(--secondary);">ACTIVE</b></span> |
| <span>UPLINK: <b id="status-uplink" style="color: var(--primary);">ESTABLISHED</b></span> |
| </div> |
| </header> |
|
|
| <main> |
| |
| <section class="sidebar"> |
| <div class="card glass-panel"> |
| <div class="card-title"><span>◈</span> N3UR4L C0R3</div> |
| <select id="model-toggle" style="background: rgba(0,0,0,0.5); color: #fff; border: 1px solid var(--border); width: 100%; padding: 8px; border-radius: 4px; outline: none;"> |
| <option value="groq">Ẑ374_GR0Q (L3.3-70B)</option> |
| <option value="openrouter">Ẑ374_CL4UD3 (C3.5-S0NN37)</option> |
| <option value="deepseek">Ẑ374_D33P533K (V3-CH47)</option> |
| <option value="nvidia">Ẑ374_NV1D14 (L3.1-70B)</option> |
| <option value="zeroclaw">Ẑ374_Z3R0CL4W (RUST-K3RN3L)</option> |
| <option value="ollama">Ẑ374_L0C4L (Q27B)</option> |
| </select> |
| </div> |
| </pre> |
| <div id="buddy-stats" style="display: grid; grid-template-columns: 1fr 1fr; gap: 5px; text-align: left;"> |
| <div>CHA: <span id="stat-chaos">12</span></div> |
| <div>WIS: <span id="stat-wisdom">85</span></div> |
| <div>SNK: <span id="stat-snark">44</span></div> |
| <div>PTR: <span id="stat-patience">99</span></div> |
| </div> |
| </div> |
| </aside> |
| |
| <main class="content"> |
| <header> |
| <h2>5Y573M 5747U5: <span class="status-online pulse">K1M1_ACT1V3</span></h2> |
| <div style="display: flex; gap: 10px; align-items: center;"> |
| <input type="text" id="remote-url-input" placeholder="TÜṄṄ3L_ÜRL (Local Ollama)" style="background: rgba(0,0,0,0.5); border: 1px solid rgba(138, 43, 226, 0.5); color: #8a2be2; padding: 5px 10px; font-family: monospace; font-size: 0.7rem; border-radius: 4px; width: 200px;"> |
| <div class="user-profile">4IPH4 C0MM4ND3R</div> |
| </div> |
| </header> |
| |
| <div class="dashboard-grid"> |
| |
| <div id="page-home" class="zeta-page active"> |
| <div class="chat-interface"> |
| <div class="chat-header"> |
| <h3>K1M1-K2.5: 57R473G1C C0N50I3</h3> |
| <div id="connection-status" class="status-online">LINKED_70_V01D</div> |
| </div> |
| <div class="chat-box" id="chat-messages"> |
| <p class="msg bot">Zeta-Llama v3.1 Online. Neural pathways re-aligned to Llama-3.1-70B. I am ready for tactical coordination, Alpha.</p> |
| </div> |
| <div class="chat-input-area"> |
| <label for="image-upload" class="upload-label" title="Upload Vision Data">📸</label> |
| <input type="file" id="image-upload" accept="image/*" style="display: none;"> |
| <input type="text" id="chat-input" placeholder="Ketik perintah siber... (Contoh: Rencana infiltrasi target.com)"> |
| <button id="btn-send">5YNH351Z3</button> |
| </div> |
| <div id="image-preview-container" style="display: none; padding: 10px; background: rgba(138, 43, 226, 0.1); border-top: 1px solid var(--border);"> |
| <img id="image-preview" src="" style="max-height: 100px; border-radius: 4px; border: 1px solid var(--primary);"> |
| <button id="btn-remove-image" style="background: none; border: none; color: #ff0066; cursor: pointer; font-size: 1.2rem; vertical-align: top;">×</button> |
| </div> |
| </div> |
| </div> |
|
|
| |
| <div id="page-nodes" class="zeta-page"> |
| <div class="chat-interface"> |
| <div class="chat-header">74RG37 ṠĊ4ṄṄ3Ṡ [ṠÜṠV31LL4ṄĊ3]</div> |
| <div class="chat-box"> |
| <div class="msg bot">No active targets detected in current perimeter. Scanning local mesh...</div> |
| <div style="padding: 20px; font-family: monospace; color: var(--primary); opacity: 0.6;"> |
| [SCANNING...] 192.168.1.1 [SECURED]<br> |
| [SCANNING...] 192.168.1.45 [VULNERABLE - EXPLOIT READY]<br> |
| [SCANNING...] 192.168.1.102 [SECURED] |
| </div> |
| </div> |
| </div> |
| </div> |
|
|
| |
| <div id="page-harvest" class="zeta-page"> |
| <div class="chat-interface"> |
| <div class="chat-header">⚔️ R3D 734M 3N6463M3N75 [0P_V4CC1N3]</div> |
| <div class="chat-box"> |
| <div class="engagement-controls" style="background: rgba(20, 20, 20, 0.5); padding: 15px; border: 1px solid rgba(138, 43, 226, 0.3); border-radius: 8px; margin-bottom: 20px;"> |
| <p style="font-size: 0.8rem; color: #aaa; margin-bottom: 10px;">Initialize autonomous red team mission. Define RoE and target scope.</p> |
| <div style="display: flex; gap: 10px;"> |
| <input type="text" id="engagement-target" placeholder="TARGET_DOMAIN_OR_IP" style="flex: 1; background: rgba(0,0,0,0.5); border: 1px solid #8a2be2; color: #fff; padding: 10px; font-family: monospace;"> |
| <button onclick="startEngagement()" style="background: #8a2be2; color: #fff; border: none; padding: 10px 20px; font-family: 'Orbitron'; cursor: pointer;">L4UNCH</button> |
| </div> |
| </div> |
| <div id="engagement-list"> |
| <div class="msg bot">No active engagements. Awaiting Alpha's command to initiate mission.</div> |
| </div> |
| </div> |
| </div> |
| </div> |
|
|
| |
| <div id="page-stealth" class="zeta-page"> |
| <div class="chat-interface"> |
| <div class="chat-header">ĊL04K D3PL0YM3Ṅ7 [Ṡ734L7H]</div> |
| <div class="chat-box"> |
| <div class="msg bot">Stealth protocol active. VPN: ON | PROXY: ROTATING | MAC: SPOOFED</div> |
| </div> |
| </div> |
| </div> |
|
|
| |
| <div id="page-vision" class="zeta-page"> |
| <div class="chat-interface"> |
| <div class="chat-header">V1510N Ṅ3ÜṠ4L Ċ0Ṡ3 [MÜL71M0D4L]</div> |
| <div class="chat-box"> |
| <div class="msg bot">Upload an image to start visual intelligence processing.</div> |
| </div> |
| </div> |
| </div> |
| |
| <div class="neural-thought-pane"> |
| <div class="pane-header">N3UR4I 7H0UGH7</div> |
| <div class="thought-content" id="neural-thought"> |
| [W4171NG_F0R_1NPU7]... |
| </div> |
| </div> |
| </div> |
| </main> |
| </div> |
| <script src="app.js"></script> |
| </body> |
| </html> |
|
|
