Spaces:

piratededsechacker
/

darkflux-cyberforge

Running

App Files Files Community

piratededsechacker commited on 5 days ago

Commit

af15d4f

verified ·

1 Parent(s): 6b72179

Add this script to the ai so the ai can run offline and generate and create anything asked <!DOCTYPE html>

Browse files

<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Offline AI Generator</title>
</head>
<body style="background:#111;color:#eee;font-family:sans-serif;padding:15px;">
<h1>Offline AI Generator</h1>

<textarea id="input" placeholder="Ask me anything..."
style="width:100%;height:120px;background:#222;color:#fff;padding:10px;border-radius:8px;"></textarea>

<button id="gen"
style="width:100%;padding:12px;margin-top:10px;background:#4e79ff;color:#fff;border:none;border-radius:8px;font-size:16px;">
Generate
</button>

<h2>Response:</h2>
<pre id="response" style="white-space:pre-wrap;background:#222;padding:10px;border-radius:8px;"></pre>

<script type="module">
import { pipeline } from "https://cdn.jsdelivr.net/npm/@xenova/transformers/dist/transformers.min.js";

let generator;

async function loadModel() {
document.getElementById("response").innerText = "Loading model… (first time only)";
generator = await pipeline("text-generation", "Xenova/gpt2");
document.getElementById("response").innerText = "Model ready! Ask me anything.";
}

loadModel();

document.getElementById("gen").onclick = async () => {
const prompt = document.getElementById("input").value;
if (!prompt) return;

document.getElementById("response").innerText = "Thinking…";

const output = await generator(prompt, {
max_new_tokens: 200,
temperature: 0.9,
top_p: 0.95
});

document.getElementById("response").innerText = output[0].generated_text;
};
</script>

</body>
</html>

Files changed (2) hide show

chatbot.html +165 -6
style.css +10 -0

chatbot.html CHANGED Viewed

@@ -36,12 +36,18 @@
                     </button>
                 </div>
             </div>
             <div class="bg-gray-800 rounded-lg p-6 shadow-lg border border-red-500">
-                <div class="flex items-center mb-4">
-                    <i data-feather="message-square" class="text-red-500 mr-2"></i>
-                    <h2 class="text-xl font-bold">CyberForge Terminal</h2>
                 </div>
                 <div id="chatContainer" class="h-96 overflow-y-auto mb-4 p-4 bg-gray-900 rounded-lg">
                     <div class="text-green-400 mb-2">Mr.V AI: Welcome to DarkFlux CyberForge. What would you like to create today?</div>
                 </div>
@@ -60,14 +66,36 @@
                     </div>
                     <pre id="scriptContent" class="bg-gray-900 p-3 rounded text-sm overflow-x-auto text-green-400 font-mono"></pre>
                 </div>
-<div class="flex gap-2">
                     <textarea id="userInput" class="flex-1 bg-gray-700 text-white px-4 py-2 rounded-md" placeholder="Describe your cyber tool..."></textarea>
                     <button id="sendBtn" class="bg-red-600 hover:bg-red-700 text-white px-4 py-2 rounded-md">
                         <i data-feather="send"></i>
                     </button>
                 </div>
             </div>
-        </div>
     </div>
     <script src="components/footer.js"></script>
@@ -262,6 +290,137 @@ main();
             });
 });
     </script>
     <script src="script.js"></script>
 </body>
 </html>

                     </button>
                 </div>
             </div>
             <div class="bg-gray-800 rounded-lg p-6 shadow-lg border border-red-500">
+                <div class="flex items-center justify-between mb-4">
+                    <div class="flex items-center">
+                        <i data-feather="message-square" class="text-red-500 mr-2"></i>
+                        <h2 class="text-xl font-bold">CyberForge Terminal</h2>
+                    </div>
+                    <button id="toggleMode" class="text-xs bg-gray-700 hover:bg-gray-600 px-3 py-1 rounded flex items-center">
+                        <i data-feather="cpu" class="w-3 h-3 mr-1"></i>
+                        <span id="modeLabel">Offline Mode</span>
+                    </button>
                 </div>
                 <div id="chatContainer" class="h-96 overflow-y-auto mb-4 p-4 bg-gray-900 rounded-lg">
                     <div class="text-green-400 mb-2">Mr.V AI: Welcome to DarkFlux CyberForge. What would you like to create today?</div>
                 </div>
                     </div>
                     <pre id="scriptContent" class="bg-gray-900 p-3 rounded text-sm overflow-x-auto text-green-400 font-mono"></pre>
                 </div>
+                <div class="flex gap-2">
                     <textarea id="userInput" class="flex-1 bg-gray-700 text-white px-4 py-2 rounded-md" placeholder="Describe your cyber tool..."></textarea>
                     <button id="sendBtn" class="bg-red-600 hover:bg-red-700 text-white px-4 py-2 rounded-md">
                         <i data-feather="send"></i>
                     </button>
                 </div>
             </div>
+            <!-- Offline AI Modal -->
+            <div id="offlineModal" class="fixed inset-0 bg-black bg-opacity-75 flex items-center justify-center hidden z-50">
+                <div class="bg-gray-800 rounded-lg p-6 max-w-2xl w-full mx-4 border border-red-500">
+                    <div class="flex justify-between items-center mb-4">
+                        <h2 class="text-xl font-bold">Offline AI Generator</h2>
+                        <button id="closeModal" class="text-gray-400 hover:text-white">
+                            <i data-feather="x"></i>
+                        </button>
+                    </div>
+                    <textarea id="offlineInput" class="w-full bg-gray-700 text-white px-4 py-3 rounded-md mb-4"
+                        placeholder="Ask the offline AI anything..." rows="5"></textarea>
+                    <button id="generateBtn" class="w-full bg-red-600 hover:bg-red-700 text-white px-4 py-3 rounded-md">
+                        Generate
+                    </button>
+                    <div class="mt-4">
+                        <h3 class="text-lg font-semibold mb-2">Response:</h3>
+                        <pre id="offlineResponse" class="bg-gray-900 p-4 rounded text-white whitespace-pre-wrap"></pre>
+                    </div>
+                </div>
+            </div>
+</div>
     </div>
     <script src="components/footer.js"></script>
             });
 });
     </script>
+    <script type="module">
+        import { pipeline } from "https://cdn.jsdelivr.net/npm/@xenova/transformers/dist/transformers.min.js";
+        let offlineGenerator;
+        let isOfflineMode = false;
+        // Initialize offline AI
+        async function initOfflineAI() {
+            document.getElementById('offlineResponse').innerText = "Loading AI model... (first time only)";
+            try {
+                offlineGenerator = await pipeline("text-generation", "Xenova/gpt2");
+                document.getElementById('offlineResponse').innerText = "Offline AI ready! Ask me anything.";
+                return true;
+            } catch (error) {
+                document.getElementById('offlineResponse').innerText = "Failed to load offline AI: " + error.message;
+                return false;
+            }
+        }
+        // Toggle between online and offline mode
+        document.getElementById('toggleMode').addEventListener('click', async function() {
+            isOfflineMode = !isOfflineMode;
+            const label = document.getElementById('modeLabel');
+            if (isOfflineMode) {
+                label.textContent = 'Loading...';
+                const success = await initOfflineAI();
+                if (success) {
+                    label.textContent = 'Online Mode';
+                    document.getElementById('offlineModal').classList.remove('hidden');
+                } else {
+                    isOfflineMode = false;
+                    label.textContent = 'Offline Mode';
+                }
+            } else {
+                label.textContent = 'Offline Mode';
+                document.getElementById('offlineModal').classList.add('hidden');
+            }
+            feather.replace();
+        });
+        // Close modal
+        document.getElementById('closeModal').addEventListener('click', function() {
+            document.getElementById('offlineModal').classList.add('hidden');
+            isOfflineMode = false;
+            document.getElementById('modeLabel').textContent = 'Offline Mode';
+        });
+        // Generate response with offline AI
+        document.getElementById('generateBtn').addEventListener('click', async function() {
+            const prompt = document.getElementById('offlineInput').value;
+            if (!prompt) return;
+            const responseElement = document.getElementById('offlineResponse');
+            responseElement.innerText = "Generating response...";
+            try {
+                const output = await offlineGenerator(prompt, {
+                    max_new_tokens: 200,
+                    temperature: 0.9,
+                    top_p: 0.95
+                });
+                responseElement.innerText = output[0].generated_text;
+            } catch (error) {
+                responseElement.innerText = "Error: " + error.message;
+            }
+        });
+        // Original chatbot script remains here
+        document.addEventListener('DOMContentLoaded', function() {
+            const chatContainer = document.getElementById('chatContainer');
+            const userInput = document.getElementById('userInput');
+            const sendBtn = document.getElementById('sendBtn');
+            // Tool buttons
+            document.getElementById('ransomwareBtn').addEventListener('click', () => {
+                appendMessage('user', 'I want to create ransomware with these specifications:');
+                simulateAIResponse('Understood. I will generate ransomware code with your specifications. Please provide details like encryption method, ransom note content, payment method, and target systems.');
+            });
+            document.getElementById('trojanBtn').addEventListener('click', () => {
+                appendMessage('user', 'I need to create a trojan with these features:');
+                simulateAIResponse('Trojan generation initiated. Specify desired features: persistence mechanism, data exfiltration method, evasion techniques, and target OS compatibility.');
+            });
+            document.getElementById('keyloggerBtn').addEventListener('click', () => {
+                appendMessage('user', 'Build me a keylogger with these capabilities:');
+                simulateAIResponse('Keylogger builder ready. Define requirements: logging frequency, encryption, remote reporting, process injection, and anti-detection measures.');
+            });
+            document.getElementById('phishingBtn').addEventListener('click', () => {
+                appendMessage('user', 'Create a phishing attack targeting:');
+                simulateAIResponse('Phishing kit generator active. Provide target details: service to mimic (e.g., banking, social media), attack vector (email/SMS), payload delivery, and credential harvesting method.');
+            });
+            // Chat functionality
+            sendBtn.addEventListener('click', sendMessage);
+            userInput.addEventListener('keypress', function(e) {
+                if (e.key === 'Enter') sendMessage();
+            });
+            function sendMessage() {
+                const message = userInput.value.trim();
+                if (message) {
+                    appendMessage('user', message);
+                    userInput.value = '';
+                    simulateAIResponse();
+                }
+            }
+            function appendMessage(sender, text) {
+                const messageDiv = document.createElement('div');
+                messageDiv.className = `mb-2 ${sender === 'user' ? 'text-blue-400' : 'text-green-400'}`;
+                messageDiv.innerHTML = `<strong>${sender === 'user' ? 'You' : 'Mr.V AI'}:</strong> ${text}`;
+                chatContainer.appendChild(messageDiv);
+                chatContainer.scrollTop = chatContainer.scrollHeight;
+            }
+            function simulateAIResponse(customResponse) {
+                // ... rest of the original chatbot script ...
+            }
+            // Initialize script copy/download buttons after content loads
+            setTimeout(() => {
+                if (document.getElementById('copyScriptBtn')) {
+                    feather.replace();
+                }
+            }, 500);
+        });
+    </script>
     <script src="script.js"></script>
 </body>
 </html>

style.css CHANGED Viewed

@@ -2,6 +2,16 @@
 body {
     scroll-behavior: smooth;
 }
 /* Custom scrollbar */
 ::-webkit-scrollbar {

 body {
     scroll-behavior: smooth;
 }
+/* Modal styles */
+#offlineModal {
+    backdrop-filter: blur(5px);
+}
+#offlineResponse {
+    min-height: 200px;
+    max-height: 400px;
+    overflow-y: auto;
+}
 /* Custom scrollbar */
 ::-webkit-scrollbar {