Hugging Face's logo

Spaces:
kirimdata369
/
task-manager-pro
Paused

App Files Community
task-manager-pro
File size: 9,885 Bytes
026255b
 
 
 
 
 
711fc92
026255b
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
752a683
 
 
 
 
 
 
 
 
 
 
 
 
 
decc7f7
88246a5
 
752a683
fc0e2ec
752a683
026255b
 
 
 
 
 
 
 
 
 
 
 
 
 
 
41a20b9
 
 
 
026255b
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
<!-- index.html - THE ZETA SOVEREIGN DASHBOARD -->
<!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>
        <!-- LEFT: NEURAL CORE CONTROL -->
        <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">
                <!-- HOME PAGE -->
                <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;">&times;</button>
                        </div>
                    </div>
                </div>

                <!-- NODES/TARGETS PAGE -->
                <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>

                <!-- HARVEST/EXFIL PAGE -->
                <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>

                <!-- STEALTH/CLOAK PAGE -->
                <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>

                <!-- VISION PAGE (Handled by same chat but specialized) -->
                <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>