Spaces:

bmf911
/

open-computer-terminal-basic

Running

App Files Files Community

bmf911 commited on May 31, 2025

Commit

be9083f

verified ·

1 Parent(s): 30408b2

Add 3 files

Browse files

Files changed (3) hide show

README.md +7 -5
index.html +263 -19
prompts.txt +1 -0

README.md CHANGED Viewed

@@ -1,10 +1,12 @@
 ---
-title: Open Computer Terminal Basic
-emoji: 📊
-colorFrom: yellow
-colorTo: red
 sdk: static
 pinned: false
 ---
-Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference

 ---
+title: open-computer-terminal-basic
+emoji: 🐳
+colorFrom: red
+colorTo: yellow
 sdk: static
 pinned: false
+tags:
+  - deepsite
 ---
+Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference

index.html CHANGED Viewed

@@ -1,19 +1,263 @@
-<!doctype html>
-<html>
-	<head>
-		<meta charset="utf-8" />
-		<meta name="viewport" content="width=device-width" />
-		<title>My static Space</title>
-		<link rel="stylesheet" href="style.css" />
-	</head>
-	<body>
-		<div class="card">
-			<h1>Welcome to your static Space!</h1>
-			<p>You can modify this app directly by editing <i>index.html</i> in the Files and versions tab.</p>
-			<p>
-				Also don't forget to check the
-				<a href="https://huggingface.co/docs/hub/spaces" target="_blank">Spaces documentation</a>.
-			</p>
-		</div>
-	</body>
-</html>

+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Open Computer Agent Virtual</title>
+    <script src="https://cdn.tailwindcss.com"></script>
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
+    <style>
+        @keyframes pulse {
+            0%, 100% { opacity: 1; }
+            50% { opacity: 0.5; }
+        }
+        .typing-indicator::after {
+            content: '...';
+            animation: typing 1.5s infinite;
+        }
+        @keyframes typing {
+            0% { content: '.'; }
+            33% { content: '..'; }
+            66% { content: '...'; }
+        }
+        .glow-effect {
+            box-shadow: 0 0 15px rgba(59, 130, 246, 0.5);
+        }
+        .terminal-scrollbar::-webkit-scrollbar {
+            width: 6px;
+        }
+        .terminal-scrollbar::-webkit-scrollbar-thumb {
+            background-color: rgba(59, 130, 246, 0.5);
+            border-radius: 3px;
+        }
+    </style>
+</head>
+<body class="bg-gray-900 text-gray-100 min-h-screen flex flex-col">
+    <!-- Header -->
+    <header class="bg-gray-800 border-b border-gray-700 p-4 flex items-center justify-between">
+        <div class="flex items-center space-x-3">
+            <div class="w-10 h-10 bg-blue-500 rounded-full flex items-center justify-center">
+                <i class="fas fa-robot text-xl"></i>
+            </div>
+            <h1 class="text-xl font-bold">Open Computer Agent</h1>
+        </div>
+        <div class="flex space-x-4">
+            <button class="px-3 py-1 bg-gray-700 hover:bg-gray-600 rounded-md transition">
+                <i class="fas fa-cog"></i>
+            </button>
+            <button class="px-3 py-1 bg-gray-700 hover:bg-gray-600 rounded-md transition">
+                <i class="fas fa-question-circle"></i>
+            </button>
+            <button class="px-3 py-1 bg-blue-600 hover:bg-blue-500 rounded-md transition">
+                <i class="fas fa-power-off"></i>
+            </button>
+        </div>
+    </header>
+    <!-- Main Content -->
+    <main class="flex-1 flex flex-col md:flex-row p-4 gap-4">
+        <!-- Sidebar -->
+        <aside class="w-full md:w-64 bg-gray-800 rounded-lg p-4 flex flex-col">
+            <div class="mb-6">
+                <h2 class="text-lg font-semibold mb-2">Agent Status</h2>
+                <div class="bg-gray-700 p-3 rounded-lg">
+                    <div class="flex items-center mb-2">
+                        <div class="w-3 h-3 bg-green-500 rounded-full mr-2"></div>
+                        <span>Active</span>
+                    </div>
+                    <div class="text-sm text-gray-400">
+                        <p>Version: 2.4.1</p>
+                        <p>Uptime: 3h 42m</p>
+                    </div>
+                </div>
+            </div>
+            <div class="mb-6">
+                <h2 class="text-lg font-semibold mb-2">Quick Actions</h2>
+                <div class="space-y-2">
+                    <button class="w-full text-left px-3 py-2 bg-gray-700 hover:bg-gray-600 rounded-md transition flex items-center">
+                        <i class="fas fa-terminal mr-2"></i> New Terminal
+                    </button>
+                    <button class="w-full text-left px-3 py-2 bg-gray-700 hover:bg-gray-600 rounded-md transition flex items-center">
+                        <i class="fas fa-code mr-2"></i> Code Editor
+                    </button>
+                    <button class="w-full text-left px-3 py-2 bg-gray-700 hover:bg-gray-600 rounded-md transition flex items-center">
+                        <i class="fas fa-database mr-2"></i> Data Explorer
+                    </button>
+                </div>
+            </div>
+            <div class="mt-auto">
+                <h2 class="text-lg font-semibold mb-2">System Resources</h2>
+                <div class="space-y-2">
+                    <div>
+                        <div class="flex justify-between text-sm mb-1">
+                            <span>CPU</span>
+                            <span>42%</span>
+                        </div>
+                        <div class="w-full bg-gray-700 rounded-full h-2">
+                            <div class="bg-blue-500 h-2 rounded-full" style="width: 42%"></div>
+                        </div>
+                    </div>
+                    <div>
+                        <div class="flex justify-between text-sm mb-1">
+                            <span>Memory</span>
+                            <span>68%</span>
+                        </div>
+                        <div class="w-full bg-gray-700 rounded-full h-2">
+                            <div class="bg-purple-500 h-2 rounded-full" style="width: 68%"></div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </aside>
+        <!-- Main Panel -->
+        <div class="flex-1 flex flex-col">
+            <!-- Terminal Window -->
+            <div class="flex-1 bg-gray-800 rounded-lg overflow-hidden flex flex-col">
+                <div class="bg-gray-700 px-4 py-2 flex items-center justify-between border-b border-gray-600">
+                    <div class="flex items-center space-x-2">
+                        <div class="w-3 h-3 bg-red-500 rounded-full"></div>
+                        <div class="w-3 h-3 bg-yellow-500 rounded-full"></div>
+                        <div class="w-3 h-3 bg-green-500 rounded-full"></div>
+                        <span class="ml-2 text-sm">Terminal</span>
+                    </div>
+                    <div class="flex space-x-2">
+                        <button class="text-gray-400 hover:text-white">
+                            <i class="fas fa-expand"></i>
+                        </button>
+                        <button class="text-gray-400 hover:text-white">
+                            <i class="fas fa-times"></i>
+                        </button>
+                    </div>
+                </div>
+                <div id="terminal-content" class="flex-1 p-4 overflow-y-auto terminal-scrollbar font-mono text-sm">
+                    <div class="mb-2">
+                        <span class="text-green-400">user@oca-virtual:~$</span> <span class="text-blue-400">welcome</span>
+                    </div>
+                    <div class="mb-4">
+                        <p>Open Computer Agent Virtual v2.4.1</p>
+                        <p>Type 'help' for available commands</p>
+                    </div>
+                    <div id="command-history"></div>
+                    <div class="flex items-center">
+                        <span class="text-green-400">user@oca-virtual:~$</span>
+                        <input id="command-input" type="text" class="bg-transparent border-none outline-none flex-1 ml-2" autofocus>
+                        <div id="typing-indicator" class="typing-indicator ml-2 text-gray-400 hidden"></div>
+                    </div>
+                </div>
+            </div>
+            <!-- Quick Tools -->
+            <div class="mt-4 bg-gray-800 rounded-lg p-4">
+                <h2 class="text-lg font-semibold mb-3">Quick Tools</h2>
+                <div class="grid grid-cols-2 md:grid-cols-4 gap-3">
+                    <button class="p-3 bg-gray-700 hover:bg-gray-600 rounded-lg transition flex flex-col items-center">
+                        <i class="fas fa-file-code text-blue-400 text-2xl mb-2"></i>
+                        <span>New Script</span>
+                    </button>
+                    <button class="p-3 bg-gray-700 hover:bg-gray-600 rounded-lg transition flex flex-col items-center">
+                        <i class="fas fa-chart-line text-purple-400 text-2xl mb-2"></i>
+                        <span>Analytics</span>
+                    </button>
+                    <button class="p-3 bg-gray-700 hover:bg-gray-600 rounded-lg transition flex flex-col items-center">
+                        <i class="fas fa-network-wired text-green-400 text-2xl mb-2"></i>
+                        <span>Network</span>
+                    </button>
+                    <button class="p-3 bg-gray-700 hover:bg-gray-600 rounded-lg transition flex flex-col items-center">
+                        <i class="fas fa-shield-alt text-yellow-400 text-2xl mb-2"></i>
+                        <span>Security</span>
+                    </button>
+                </div>
+            </div>
+        </div>
+    </main>
+    <!-- Footer -->
+    <footer class="bg-gray-800 border-t border-gray-700 p-3 text-sm text-gray-400 flex justify-between items-center">
+        <div class="flex items-center space-x-4">
+            <span>Status: <span class="text-green-400">Connected</span></span>
+            <span>Latency: 28ms</span>
+        </div>
+        <div>
+            <span>© 2023 Open Computer Agent Virtual</span>
+        </div>
+    </footer>
+    <script>
+        document.addEventListener('DOMContentLoaded', function() {
+            const commandInput = document.getElementById('command-input');
+            const commandHistory = document.getElementById('command-history');
+            const typingIndicator = document.getElementById('typing-indicator');
+            const terminalContent = document.getElementById('terminal-content');
+            // Sample commands and responses
+            const commands = {
+                'help': 'Available commands: help, about, status, clear, time, date, network, tasks',
+                'about': 'Open Computer Agent Virtual v2.4.1\nAn AI-powered virtual assistant for system management and automation.',
+                'status': 'System Status:\n- CPU: 42%\n- Memory: 68%\n- Storage: 45%\n- Network: Active',
+                'clear': function() { commandHistory.innerHTML = ''; return ''; },
+                'time': function() { return new Date().toLocaleTimeString(); },
+                'date': function() { return new Date().toLocaleDateString(); },
+                'network': 'Network Status:\n- IP: 192.168.1.105\n- Gateway: 192.168.1.1\n- DNS: 8.8.8.8',
+                'tasks': 'Running Tasks:\n1. System Monitor (PID: 1423)\n2. Network Service (PID: 1567)\n3. Security Agent (PID: 1621)'
+            };
+            // Auto-scroll to bottom of terminal
+            function scrollToBottom() {
+                terminalContent.scrollTop = terminalContent.scrollHeight;
+            }
+            // Process command
+            function processCommand(cmd) {
+                const prompt = document.createElement('div');
+                prompt.className = 'mb-2';
+                prompt.innerHTML = `<span class="text-green-400">user@oca-virtual:~$</span> <span class="text-blue-400">${cmd}</span>`;
+                commandHistory.appendChild(prompt);
+                // Show typing indicator
+                typingIndicator.classList.remove('hidden');
+                scrollToBottom();
+                // Simulate processing delay
+                setTimeout(() => {
+                    typingIndicator.classList.add('hidden');
+                    const response = document.createElement('div');
+                    response.className = 'mb-4';
+                    if (cmd in commands) {
+                        const cmdResponse = typeof commands[cmd] === 'function' ? commands[cmd]() : commands[cmd];
+                        response.textContent = cmdResponse;
+                    } else {
+                        response.textContent = `Command not found: ${cmd}. Type 'help' for available commands.`;
+                    }
+                    commandHistory.appendChild(response);
+                    scrollToBottom();
+                }, 800 + Math.random() * 800);
+            }
+            // Handle command input
+            commandInput.addEventListener('keydown', function(e) {
+                if (e.key === 'Enter') {
+                    const cmd = commandInput.value.trim();
+                    if (cmd) {
+                        processCommand(cmd);
+                    }
+                    commandInput.value = '';
+                }
+            });
+            // Focus input on terminal click
+            terminalContent.addEventListener('click', function() {
+                commandInput.focus();
+            });
+            // Initial focus
+            commandInput.focus();
+        });
+    </script>
+<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=bmf911/open-computer-terminal-basic" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
+</html>

prompts.txt ADDED Viewed

	@@ -0,0 +1 @@


1	+ make Open Computer Agentvirtual