Hugging Face's logo

Spaces:
S-Dreamer
/
mcp-server-interface
Running

App Files Community
S-Dreamer commited on
Commit
a1aec28
·
verified ·
1 Parent(s): 716df51

undefined - Initial Deployment

Browse files
Files changed (2) hide show
  1. README.md +7 -5
  2. index.html +493 -19
README.md CHANGED
@@ -1,10 +1,12 @@
1
  ---
2
- title: Mcp Server Interface
3
- emoji: 🌍
4
- colorFrom: blue
5
- colorTo: green
6
  sdk: static
7
  pinned: false
 
 
8
  ---
9
 
10
- Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
 
1
  ---
2
+ title: mcp-server-interface
3
+ emoji: 🐳
4
+ colorFrom: yellow
5
+ colorTo: red
6
  sdk: static
7
  pinned: false
8
+ tags:
9
+ - deepsite
10
  ---
11
 
12
+ Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
index.html CHANGED
@@ -1,19 +1,493 @@
1
- <!doctype html>
2
- <html>
3
- <head>
4
- <meta charset="utf-8" />
5
- <meta name="viewport" content="width=device-width" />
6
- <title>My static Space</title>
7
- <link rel="stylesheet" href="style.css" />
8
- </head>
9
- <body>
10
- <div class="card">
11
- <h1>Welcome to your static Space!</h1>
12
- <p>You can modify this app directly by editing <i>index.html</i> in the Files and versions tab.</p>
13
- <p>
14
- Also don't forget to check the
15
- <a href="https://huggingface.co/docs/hub/spaces" target="_blank">Spaces documentation</a>.
16
- </p>
17
- </div>
18
- </body>
19
- </html>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <!DOCTYPE html>
2
+ <html lang="en">
3
+ <head>
4
+ <meta charset="UTF-8">
5
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
+ <title>MCP Server Interface | Pentesting Panel</title>
7
+ <script src="https://cdn.tailwindcss.com"></script>
8
+ <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
9
+ <style>
10
+ @import url('https://fonts.googleapis.com/css2?family=Source+Code+Pro:wght@400;500;600&display=swap');
11
+
12
+ body {
13
+ font-family: 'Source Code Pro', monospace;
14
+ background-color: #0f172a;
15
+ }
16
+
17
+ .terminal {
18
+ background-color: rgba(15, 23, 42, 0.8);
19
+ border: 1px solid #334155;
20
+ box-shadow: 0 0 15px rgba(74, 222, 128, 0.1);
21
+ }
22
+
23
+ .terminal-header {
24
+ background: linear-gradient(90deg, #0f172a, #1e293b, #0f172a);
25
+ }
26
+
27
+ .terminal-body {
28
+ background-color: rgba(2, 6, 23, 0.7);
29
+ }
30
+
31
+ .command-line {
32
+ background-color: rgba(15, 23, 42, 0.5);
33
+ }
34
+
35
+ .blink {
36
+ animation: blink 1s infinite;
37
+ }
38
+
39
+ @keyframes blink {
40
+ 0%, 100% { opacity: 1; }
41
+ 50% { opacity: 0; }
42
+ }
43
+
44
+ .tool-card:hover {
45
+ transform: translateY(-2px);
46
+ box-shadow: 0 4px 6px rgba(74, 222, 128, 0.2);
47
+ }
48
+
49
+ .scrollbar-hide::-webkit-scrollbar {
50
+ display: none;
51
+ }
52
+ </style>
53
+ </head>
54
+ <body class="text-gray-200 min-h-screen">
55
+ <div class="container mx-auto px-4 py-8">
56
+ <!-- Modals for Quick Actions -->
57
+ <div id="network-scan-modal" class="fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50 hidden">
58
+ <div class="bg-slate-800 rounded-lg p-6 w-full max-w-md">
59
+ <div class="flex justify-between items-center mb-4">
60
+ <h3 class="text-lg font-bold"><i class="fas fa-network-wired mr-2"></i>Network Scan</h3>
61
+ <button onclick="closeModal('network-scan-modal')" class="text-gray-400 hover:text-white">&times;</button>
62
+ </div>
63
+ <div class="space-y-4">
64
+ <div>
65
+ <label class="block text-sm mb-1">Target IP/Range</label>
66
+ <input type="text" class="w-full bg-slate-700 border border-slate-600 rounded p-2 text-sm">
67
+ </div>
68
+ <div>
69
+ <label class="block text-sm mb-1">Port Range</label>
70
+ <input type="text" value="1-1000" class="w-full bg-slate-700 border border-slate-600 rounded p-2 text-sm">
71
+ </div>
72
+ <div class="flex space-x-2">
73
+ <button class="bg-green-600 hover:bg-green-700 px-4 py-2 rounded text-sm flex-1">Start Scan</button>
74
+ <button onclick="closeModal('network-scan-modal')" class="bg-slate-700 hover:bg-slate-600 px-4 py-2 rounded text-sm flex-1">Cancel</button>
75
+ </div>
76
+ </div>
77
+ </div>
78
+ </div>
79
+
80
+ <div id="brute-force-modal" class="fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50 hidden">
81
+ <div class="bg-slate-800 rounded-lg p-6 w-full max-w-md">
82
+ <div class="flex justify-between items-center mb-4">
83
+ <h3 class="text-lg font-bold"><i class="fas fa-lock-open mr-2"></i>Brute Force</h3>
84
+ <button onclick="closeModal('brute-force-modal')" class="text-gray-400 hover:text-white">&times;</button>
85
+ </div>
86
+ <div class="space-y-4">
87
+ <div>
88
+ <label class="block text-sm mb-1">Target</label>
89
+ <input type="text" class="w-full bg-slate-700 border border-slate-600 rounded p-2 text-sm">
90
+ </div>
91
+ <div>
92
+ <label class="block text-sm mb-1">Username/Wordlist</label>
93
+ <input type="text" class="w-full bg-slate-700 border border-slate-600 rounded p-2 text-sm">
94
+ </div>
95
+ <div>
96
+ <label class="block text-sm mb-1">Password/Wordlist</label>
97
+ <input type="text" class="w-full bg-slate-700 border border-slate-600 rounded p-2 text-sm">
98
+ </div>
99
+ <div class="flex space-x-2">
100
+ <button class="bg-red-600 hover:bg-red-700 px-4 py-2 rounded text-sm flex-1">Start Attack</button>
101
+ <button onclick="closeModal('brute-force-modal')" class="bg-slate-700 hover:bg-slate-600 px-4 py-2 rounded text-sm flex-1">Cancel</button>
102
+ </div>
103
+ </div>
104
+ </div>
105
+ </div>
106
+
107
+ <div id="sql-injection-modal" class="fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50 hidden">
108
+ <div class="bg-slate-800 rounded-lg p-6 w-full max-w-md">
109
+ <div class="flex justify-between items-center mb-4">
110
+ <h3 class="text-lg font-bold"><i class="fas fa-code mr-2"></i>SQL Injection</h3>
111
+ <button onclick="closeModal('sql-injection-modal')" class="text-gray-400 hover:text-white">&times;</button>
112
+ </div>
113
+ <div class="space-y-4">
114
+ <div>
115
+ <label class="block text-sm mb-1">Target URL</label>
116
+ <input type="text" class="w-full bg-slate-700 border border-slate-600 rounded p-2 text-sm">
117
+ </div>
118
+ <div>
119
+ <label class="block text-sm mb-1">Vulnerable Parameter</label>
120
+ <input type="text" class="w-full bg-slate-700 border border-slate-600 rounded p-2 text-sm">
121
+ </div>
122
+ <div class="flex space-x-2">
123
+ <button class="bg-purple-600 hover:bg-purple-700 px-4 py-2 rounded text-sm flex-1">Test</button>
124
+ <button onclick="closeModal('sql-injection-modal')" class="bg-slate-700 hover:bg-slate-600 px-4 py-2 rounded text-sm flex-1">Cancel</button>
125
+ </div>
126
+ </div>
127
+ </div>
128
+ </div>
129
+
130
+ <div id="remote-shell-modal" class="fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50 hidden">
131
+ <div class="bg-slate-800 rounded-lg p-6 w-full max-w-md">
132
+ <div class="flex justify-between items-center mb-4">
133
+ <h3 class="text-lg font-bold"><i class="fas fa-desktop mr-2"></i>Remote Shell</h3>
134
+ <button onclick="closeModal('remote-shell-modal')" class="text-gray-400 hover:text-white">&times;</button>
135
+ </div>
136
+ <div class="space-y-4">
137
+ <div>
138
+ <label class="block text-sm mb-1">Target IP</label>
139
+ <input type="text" class="w-full bg-slate-700 border border-slate-600 rounded p-2 text-sm">
140
+ </div>
141
+ <div>
142
+ <label class="block text-sm mb-1">Port</label>
143
+ <input type="text" value="4444" class="w-full bg-slate-700 border border-slate-600 rounded p-2 text-sm">
144
+ </div>
145
+ <div class="flex space-x-2">
146
+ <button class="bg-blue-600 hover:bg-blue-700 px-4 py-2 rounded text-sm flex-1">Connect</button>
147
+ <button onclick="closeModal('remote-shell-modal')" class="bg-slate-700 hover:bg-slate-600 px-4 py-2 rounded text-sm flex-1">Cancel</button>
148
+ </div>
149
+ </div>
150
+ </div>
151
+ </div>
152
+ <!-- Header -->
153
+ <header class="flex flex-col md:flex-row justify-between items-center mb-8">
154
+ <div class="flex items-center mb-4 md:mb-0">
155
+ <div class="bg-green-500 w-3 h-3 rounded-full mr-2"></div>
156
+ <div class="bg-yellow-500 w-3 h-3 rounded-full mr-2"></div>
157
+ <div class="bg-red-500 w-3 h-3 rounded-full mr-2"></div>
158
+ <h1 class="text-2xl font-bold ml-2">MCP SERVER INTERFACE</h1>
159
+ </div>
160
+ <div class="flex items-center space-x-4">
161
+ <div class="flex items-center">
162
+ <i class="fas fa-shield-alt text-green-500 mr-2"></i>
163
+ <span class="text-sm">SECURE CONNECTION</span>
164
+ </div>
165
+ <div class="hidden md:flex items-center">
166
+ <i class="fas fa-bolt text-yellow-500 mr-2"></i>
167
+ <span class="text-sm">POWER MODE: ON</span>
168
+ </div>
169
+ <div class="hidden md:flex items-center">
170
+ <i class="fas fa-user-secret text-purple-500 mr-2"></i>
171
+ <span class="text-sm">ANONYMOUS</span>
172
+ </div>
173
+ </div>
174
+ </header>
175
+
176
+ <div class="grid grid-cols-1 lg:grid-cols-3 gap-6">
177
+ <!-- Main Terminal -->
178
+ <div class="terminal rounded-lg overflow-hidden lg:col-span-2">
179
+ <div class="terminal-header p-3 flex items-center">
180
+ <div class="flex space-x-2 mr-4">
181
+ <div class="w-3 h-3 rounded-full bg-red-500"></div>
182
+ <div class="w-3 h-3 rounded-full bg-yellow-500"></div>
183
+ <div class="w-3 h-3 rounded-full bg-green-500"></div>
184
+ </div>
185
+ <div class="text-sm">root@mcp-server:~</div>
186
+ </div>
187
+ <div class="terminal-body p-4 h-96 overflow-y-auto scrollbar-hide">
188
+ <div class="mb-2">
189
+ <span class="text-green-500">root@mcp-server</span>:<span class="text-blue-500">~</span>$ <span class="text-white">sudo ./mcp --init</span>
190
+ </div>
191
+ <div class="text-green-400 mb-4">
192
+ [✓] MCP Server Interface initialized<br>
193
+ [✓] Security protocols engaged<br>
194
+ [✓] Toolset loaded<br>
195
+ [✓] Ready for operations
196
+ </div>
197
+ <div class="mb-2">
198
+ <span class="text-green-500">root@mcp-server</span>:<span class="text-blue-500">~</span>$ <span class="text-white">status --all</span>
199
+ </div>
200
+ <div class="text-yellow-400 mb-4">
201
+ [+] Nmap: Ready<br>
202
+ [+] Metasploit: Ready<br>
203
+ [+] Burp Suite: Ready<br>
204
+ [+] John the Ripper: Ready<br>
205
+ [+] Hydra: Ready<br>
206
+ [+] SQLmap: Ready<br>
207
+ [+] Wireshark: Ready
208
+ </div>
209
+ <div class="mb-2">
210
+ <span class="text-green-500">root@mcp-server</span>:<span class="text-blue-500">~</span>$ <span class="text-white">scan --target 10.0.0.1/24</span>
211
+ </div>
212
+ <div class="text-purple-400 mb-4">
213
+ [+] Scanning network 10.0.0.1/24<br>
214
+ [+] Found 5 active hosts<br>
215
+ [+] Port scan initiated<br>
216
+ [>] 10.0.0.5:22 (SSH) - Open<br>
217
+ [>] 10.0.0.5:80 (HTTP) - Open<br>
218
+ [>] 10.0.0.5:443 (HTTPS) - Open<br>
219
+ [>] 10.0.0.10:3389 (RDP) - Open
220
+ </div>
221
+ <div class="mb-2">
222
+ <span class="text-green-500">root@mcp-server</span>:<span class="text-blue-500">~</span>$ <span class="text-white">exploit --target 10.0.0.5 --port 80</span>
223
+ </div>
224
+ <div class="text-red-400 mb-4">
225
+ [+] Exploiting 10.0.0.5:80<br>
226
+ [+] Detected Apache 2.4.29<br>
227
+ [+] Checking vulnerabilities...<br>
228
+ [!] CVE-2021-41773 detected<br>
229
+ [+] Attempting exploit...
230
+ </div>
231
+ <div id="command-history" class="space-y-2"></div>
232
+ <div class="command-line flex items-center mt-2">
233
+ <span class="text-green-500">root@mcp-server</span>:<span class="text-blue-500">~</span>$
234
+ <input type="text" id="command-input" class="bg-transparent border-none outline-none flex-grow ml-2 text-white" autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false">
235
+ <span class="blink">|</span>
236
+ </div>
237
+ </div>
238
+ </div>
239
+
240
+ <!-- Tools Panel -->
241
+ <div class="space-y-6">
242
+ <!-- Quick Actions -->
243
+ <div class="bg-slate-800 rounded-lg p-4">
244
+ <h2 class="text-lg font-bold mb-4 flex items-center">
245
+ <i class="fas fa-bolt text-yellow-500 mr-2"></i> Quick Actions
246
+ </h2>
247
+ <div class="grid grid-cols-2 gap-3">
248
+ <button onclick="openModal('network-scan-modal')" class="bg-slate-700 hover:bg-slate-600 rounded p-2 text-sm flex items-center justify-center">
249
+ <i class="fas fa-network-wired mr-2"></i> Network Scan
250
+ </button>
251
+ <button onclick="openModal('brute-force-modal')" class="bg-slate-700 hover:bg-slate-600 rounded p-2 text-sm flex items-center justify-center">
252
+ <i class="fas fa-lock-open mr-2"></i> Brute Force
253
+ </button>
254
+ <button onclick="openModal('sql-injection-modal')" class="bg-slate-700 hover:bg-slate-600 rounded p-2 text-sm flex items-center justify-center">
255
+ <i class="fas fa-code mr-2"></i> SQL Injection
256
+ </button>
257
+ <button onclick="openModal('remote-shell-modal')" class="bg-slate-700 hover:bg-slate-600 rounded p-2 text-sm flex items-center justify-center">
258
+ <i class="fas fa-desktop mr-2"></i> Remote Shell
259
+ </button>
260
+ </div>
261
+ </div>
262
+
263
+ <!-- Active Sessions -->
264
+ <div class="bg-slate-800 rounded-lg p-4">
265
+ <h2 class="text-lg font-bold mb-4 flex items-center">
266
+ <i class="fas fa-plug text-green-500 mr-2"></i> Active Sessions
267
+ </h2>
268
+ <div class="space-y-2">
269
+ <div class="flex items-center justify-between bg-slate-700 p-2 rounded text-sm">
270
+ <div class="flex items-center">
271
+ <div class="w-2 h-2 rounded-full bg-green-500 mr-2"></div>
272
+ <span>10.0.0.5:80</span>
273
+ </div>
274
+ <span class="text-green-400">Active</span>
275
+ </div>
276
+ <div class="flex items-center justify-between bg-slate-700 p-2 rounded text-sm">
277
+ <div class="flex items-center">
278
+ <div class="w-2 h-2 rounded-full bg-green-500 mr-2"></div>
279
+ <span>10.0.0.10:3389</span>
280
+ </div>
281
+ <span class="text-green-400">Active</span>
282
+ </div>
283
+ <div class="flex items-center justify-between bg-slate-700 p-2 rounded text-sm">
284
+ <div class="flex items-center">
285
+ <div class="w-2 h-2 rounded-full bg-yellow-500 mr-2"></div>
286
+ <span>192.168.1.15:22</span>
287
+ </div>
288
+ <span class="text-yellow-400">Pending</span>
289
+ </div>
290
+ </div>
291
+ </div>
292
+
293
+ <!-- Tool Status -->
294
+ <div class="bg-slate-800 rounded-lg p-4">
295
+ <h2 class="text-lg font-bold mb-4 flex items-center">
296
+ <i class="fas fa-tools text-blue-500 mr-2"></i> Tool Status
297
+ </h2>
298
+ <div class="space-y-3">
299
+ <div class="flex items-center justify-between">
300
+ <span class="text-sm">Nmap</span>
301
+ <div class="flex items-center">
302
+ <span class="text-green-400 text-xs mr-2">Running</span>
303
+ <div class="w-2 h-2 rounded-full bg-green-500"></div>
304
+ </div>
305
+ </div>
306
+ <div class="flex items-center justify-between">
307
+ <span class="text-sm">Metasploit</span>
308
+ <div class="flex items-center">
309
+ <span class="text-green-400 text-xs mr-2">Ready</span>
310
+ <div class="w-2 h-2 rounded-full bg-green-500"></div>
311
+ </div>
312
+ </div>
313
+ <div class="flex items-center justify-between">
314
+ <span class="text-sm">Burp Suite</span>
315
+ <div class="flex items-center">
316
+ <span class="text-yellow-400 text-xs mr-2">Idle</span>
317
+ <div class="w-2 h-2 rounded-full bg-yellow-500"></div>
318
+ </div>
319
+ </div>
320
+ <div class="flex items-center justify-between">
321
+ <span class="text-sm">SQLmap</span>
322
+ <div class="flex items-center">
323
+ <span class="text-red-400 text-xs mr-2">Offline</span>
324
+ <div class="w-2 h-2 rounded-full bg-red-500"></div>
325
+ </div>
326
+ </div>
327
+ </div>
328
+ </div>
329
+ </div>
330
+ </div>
331
+
332
+ <!-- Tools Grid -->
333
+ <div class="mt-8">
334
+ <h2 class="text-xl font-bold mb-6 flex items-center">
335
+ <i class="fas fa-box-open text-purple-500 mr-3"></i> Toolbox
336
+ </h2>
337
+ <div class="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-6 gap-4">
338
+ <div class="tool-card bg-slate-800 rounded-lg p-4 flex flex-col items-center transition-all cursor-pointer">
339
+ <div class="bg-slate-700 rounded-full w-12 h-12 flex items-center justify-center mb-2">
340
+ <i class="fas fa-network-wired text-green-500 text-xl"></i>
341
+ </div>
342
+ <span class="text-sm font-medium">Nmap</span>
343
+ </div>
344
+ <div class="tool-card bg-slate-800 rounded-lg p-4 flex flex-col items-center transition-all cursor-pointer">
345
+ <div class="bg-slate-700 rounded-full w-12 h-12 flex items-center justify-center mb-2">
346
+ <i class="fas fa-bug text-red-500 text-xl"></i>
347
+ </div>
348
+ <span class="text-sm font-medium">Metasploit</span>
349
+ </div>
350
+ <div class="tool-card bg-slate-800 rounded-lg p-4 flex flex-col items-center transition-all cursor-pointer">
351
+ <div class="bg-slate-700 rounded-full w-12 h-12 flex items-center justify-center mb-2">
352
+ <i class="fas fa-spider text-yellow-500 text-xl"></i>
353
+ </div>
354
+ <span class="text-sm font-medium">Burp Suite</span>
355
+ </div>
356
+ <div class="tool-card bg-slate-800 rounded-lg p-4 flex flex-col items-center transition-all cursor-pointer">
357
+ <div class="bg-slate-700 rounded-full w-12 h-12 flex items-center justify-center mb-2">
358
+ <i class="fas fa-key text-blue-500 text-xl"></i>
359
+ </div>
360
+ <span class="text-sm font-medium">John</span>
361
+ </div>
362
+ <div class="tool-card bg-slate-800 rounded-lg p-4 flex flex-col items-center transition-all cursor-pointer">
363
+ <div class="bg-slate-700 rounded-full w-12 h-12 flex items-center justify-center mb-2">
364
+ <i class="fas fa-database text-purple-500 text-xl"></i>
365
+ </div>
366
+ <span class="text-sm font-medium">SQLmap</span>
367
+ </div>
368
+ <div class="tool-card bg-slate-800 rounded-lg p-4 flex flex-col items-center transition-all cursor-pointer">
369
+ <div class="bg-slate-700 rounded-full w-12 h-12 flex items-center justify-center mb-2">
370
+ <i class="fas fa-shield-alt text-pink-500 text-xl"></i>
371
+ </div>
372
+ <span class="text-sm font-medium">Wireshark</span>
373
+ </div>
374
+ </div>
375
+ </div>
376
+
377
+ <!-- Footer -->
378
+ <footer class="mt-12 border-t border-slate-700 pt-6 text-sm text-slate-400">
379
+ <div class="flex flex-col md:flex-row justify-between items-center">
380
+ <div class="flex items-center space-x-4 mb-4 md:mb-0">
381
+ <span>MCP SERVER v2.4.1</span>
382
+ <span class="hidden md:inline">|</span>
383
+ <span class="flex items-center">
384
+ <i class="fas fa-circle text-green-500 text-xs mr-1"></i> SECURE CONNECTION
385
+ </span>
386
+ </div>
387
+ <div class="flex space-x-4">
388
+ <button class="hover:text-green-400">
389
+ <i class="fas fa-cog mr-1"></i> Settings
390
+ </button>
391
+ <button class="hover:text-green-400">
392
+ <i class="fas fa-question-circle mr-1"></i> Help
393
+ </button>
394
+ <button class="hover:text-green-400">
395
+ <i class="fas fa-sign-out-alt mr-1"></i> Logout
396
+ </button>
397
+ </div>
398
+ </div>
399
+ <div class="mt-4 text-center md:text-left">
400
+ <p>For authorized penetration testing only. All activities are logged.</p>
401
+ </div>
402
+ </footer>
403
+ </div>
404
+
405
+ <script>
406
+ // Terminal functionality
407
+ const commandInput = document.getElementById('command-input');
408
+ const commandHistory = document.getElementById('command-history');
409
+
410
+ // Sample commands and responses
411
+ const commands = {
412
+ 'help': 'Available commands: scan, exploit, status, clear, help',
413
+ 'scan': 'Usage: scan --target <ip> [--ports <range>] [--quick]',
414
+ 'exploit': 'Usage: exploit --target <ip> --port <port> [--vulnerability <cve>]',
415
+ 'status': 'All systems operational. Tools ready for deployment.',
416
+ 'clear': () => { commandHistory.innerHTML = ''; return ''; }
417
+ };
418
+
419
+ commandInput.addEventListener('keypress', function(e) {
420
+ if (e.key === 'Enter') {
421
+ const command = commandInput.value.trim();
422
+ commandInput.value = '';
423
+
424
+ // Add command to history
425
+ const commandElement = document.createElement('div');
426
+ commandElement.className = 'mb-2';
427
+ commandElement.innerHTML = `
428
+ <span class="text-green-500">root@mcp-server</span>:<span class="text-blue-500">~</span>$ <span class="text-white">${command}</span>
429
+ `;
430
+ commandHistory.appendChild(commandElement);
431
+
432
+ // Process command
433
+ let response = 'Command not recognized. Type "help" for available commands.';
434
+ if (commands[command.toLowerCase()]) {
435
+ response = typeof commands[command.toLowerCase()] === 'function' ?
436
+ commands[command.toLowerCase()]() :
437
+ commands[command.toLowerCase()];
438
+ }
439
+
440
+ // Add response to history
441
+ if (response) {
442
+ const responseElement = document.createElement('div');
443
+ responseElement.className = 'mb-4 text-green-400';
444
+ responseElement.textContent = response;
445
+ commandHistory.appendChild(responseElement);
446
+ }
447
+
448
+ // Scroll to bottom
449
+ commandHistory.parentElement.scrollTop = commandHistory.parentElement.scrollHeight;
450
+ }
451
+ });
452
+
453
+ // Focus on input when clicking anywhere in terminal
454
+ document.querySelector('.terminal-body').addEventListener('click', function() {
455
+ commandInput.focus();
456
+ });
457
+
458
+ // Auto-focus input on page load
459
+ commandInput.focus();
460
+
461
+ // Modal controls
462
+ function openModal(id) {
463
+ document.getElementById(id).classList.remove('hidden');
464
+ }
465
+
466
+ function closeModal(id) {
467
+ document.getElementById(id).classList.add('hidden');
468
+ }
469
+
470
+ // Close modal when clicking outside
471
+ document.querySelectorAll('[id$="-modal"]').forEach(modal => {
472
+ modal.addEventListener('click', function(e) {
473
+ if (e.target === this) {
474
+ this.classList.add('hidden');
475
+ }
476
+ });
477
+ });
478
+
479
+ // Toolbox hover effects
480
+ document.querySelectorAll('.tool-card').forEach(card => {
481
+ card.addEventListener('mouseenter', function() {
482
+ const icon = this.querySelector('i');
483
+ icon.classList.add('fa-bounce');
484
+ });
485
+
486
+ card.addEventListener('mouseleave', function() {
487
+ const icon = this.querySelector('i');
488
+ icon.classList.remove('fa-bounce');
489
+ });
490
+ });
491
+ </script>
492
+ <p style="border-radius: 8px; text-align: center; font-size: 12px; color: #fff; margin-top: 16px;position: fixed; left: 8px; bottom: 8px; z-index: 10; background: rgba(0, 0, 0, 0.8); padding: 4px 8px;">Made with <img src="https://enzostvs-deepsite.hf.space/logo.svg" alt="DeepSite Logo" style="width: 16px; height: 16px; vertical-align: middle;display:inline-block;margin-right:3px;filter:brightness(0) invert(1);"><a href="https://enzostvs-deepsite.hf.space" style="color: #fff;text-decoration: underline;" target="_blank" >DeepSite</a> - 🧬 <a href="https://enzostvs-deepsite.hf.space?remix=S-Dreamer/mcp-server-interface" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
493
+ </html>