99:I[903690,["/chat-static/_next/static/immutable/chunks/10wpt-vzxn5i1.js","/chat-static/_next/static/immutable/chunks/0lyxw0nk-7-p_.js","/chat-static/_next/static/immutable/chunks/0s13a2j9-r_7z.js","/chat-static/_next/static/immutable/chunks/05z0jc31ylkrk.js","/chat-static/_next/static/immutable/chunks/2836u6jwf9bgv.js","/chat-static/_next/static/immutable/chunks/3ktygcwrvju41.js","/chat-static/_next/static/immutable/chunks/3npdfuq6kuky8.js","/chat-static/_next/static/immutable/chunks/3xgcz543a20n9.js","/chat-static/_next/static/immutable/chunks/2ks2dvr47nqsg.js","/chat-static/_next/static/immutable/chunks/0wp9iyt7gqj9c.js","/chat-static/_next/static/immutable/chunks/03w_e6mqufrhn.js","/chat-static/_next/static/immutable/chunks/3su8b9kn4mbaa.js","/chat-static/_next/static/immutable/chunks/2sp-yda0t06bm.js","/chat-static/_next/static/immutable/chunks/06-mpaxkl_qww.js","/chat-static/_next/static/immutable/chunks/2v1ytxhjawdqw.js","/chat-static/_next/static/immutable/chunks/3vhx3fg583u19.js","/chat-static/_next/static/immutable/chunks/3bon2sery8l35.js","/chat-static/_next/static/immutable/chunks/022gnoebsh94r.js","/chat-static/_next/static/immutable/chunks/179p_vj82jpro.js","/chat-static/_next/static/immutable/chunks/2d_83taslaz9s.js","/chat-static/_next/static/immutable/chunks/1r_xlti2nupgd.js","/chat-static/_next/static/immutable/chunks/00hu8fdgh1j4v.js","/chat-static/_next/static/immutable/chunks/0ggiln07qpg3x.js","/chat-static/_next/static/immutable/chunks/0v6za4mu6mmch.js","/chat-static/_next/static/immutable/chunks/362eoze68z3tj.js","/chat-static/_next/static/immutable/chunks/30xbirk075f9u.js","/chat-static/_next/static/immutable/chunks/2s3rmbgvk5alc.js","/chat-static/_next/static/immutable/chunks/2ihe2cde8-h-m.js","/chat-static/_next/static/immutable/chunks/34pqinj9axzi3.js","/chat-static/_next/static/immutable/chunks/24oxen36r-7_-.js","/chat-static/_next/static/immutable/chunks/21nzp1fdul4xe.js","/chat-static/_next/static/immutable/chunks/2r3778mxx4zx3.js","/chat-static/_next/static/immutable/chunks/2aqaq-qj4jd04.js","/chat-static/_next/static/immutable/chunks/27kqtemkm6wc0.js","/chat-static/_next/static/immutable/chunks/1gwh2_shftvhf.js","/chat-static/_next/static/immutable/chunks/44eivch4u9izl.js","/chat-static/_next/static/immutable/chunks/04a8jfjv6v0qb.js","/chat-static/_next/static/immutable/chunks/2p_xpxyq5ao8y.js","/chat-static/_next/static/immutable/chunks/1etiboqt-76vo.js","/chat-static/_next/static/immutable/chunks/3e-gletsn4gk-.js","/chat-static/_next/static/immutable/chunks/3pcbg8le2lieu.js","/chat-static/_next/static/immutable/chunks/1txla5ky9w8bd.js","/chat-static/_next/static/immutable/chunks/0o-tvqrw-60f9.js","/chat-static/_next/static/immutable/chunks/0m6-nsexj373o.js","/chat-static/_next/static/immutable/chunks/00j6vehxg467o.js","/chat-static/_next/static/immutable/chunks/1elbuzr4anjh-.js","/chat-static/_next/static/immutable/chunks/0mn-dmkxxrk86.js","/chat-static/_next/static/immutable/chunks/2rhujd4vukzvn.js","/chat-static/_next/static/immutable/chunks/32qmo09nvy81-.js","/chat-static/_next/static/immutable/chunks/01enxheexz0xq.js","/chat-static/_next/static/immutable/chunks/1z5yxk28vv9k_.js","/chat-static/_next/static/immutable/chunks/1sp09rcaj9_la.js","/chat-static/_next/static/immutable/chunks/408m_6lxo2us-.js"],"ExplicitChatIdProvider"] 9a:I[838238,["/chat-static/_next/static/immutable/chunks/10wpt-vzxn5i1.js","/chat-static/_next/static/immutable/chunks/0lyxw0nk-7-p_.js","/chat-static/_next/static/immutable/chunks/0s13a2j9-r_7z.js","/chat-static/_next/static/immutable/chunks/05z0jc31ylkrk.js","/chat-static/_next/static/immutable/chunks/2836u6jwf9bgv.js","/chat-static/_next/static/immutable/chunks/3ktygcwrvju41.js","/chat-static/_next/static/immutable/chunks/3npdfuq6kuky8.js","/chat-static/_next/static/immutable/chunks/3xgcz543a20n9.js","/chat-static/_next/static/immutable/chunks/2ks2dvr47nqsg.js","/chat-static/_next/static/immutable/chunks/0wp9iyt7gqj9c.js","/chat-static/_next/static/immutable/chunks/03w_e6mqufrhn.js","/chat-static/_next/static/immutable/chunks/3su8b9kn4mbaa.js","/chat-static/_next/static/immutable/chunks/2sp-yda0t06bm.js","/chat-static/_next/static/immutable/chunks/06-mpaxkl_qww.js","/chat-static/_next/static/immutable/chunks/2v1ytxhjawdqw.js","/chat-static/_next/static/immutable/chunks/3vhx3fg583u19.js","/chat-static/_next/static/immutable/chunks/3bon2sery8l35.js","/chat-static/_next/static/immutable/chunks/022gnoebsh94r.js","/chat-static/_next/static/immutable/chunks/179p_vj82jpro.js","/chat-static/_next/static/immutable/chunks/2d_83taslaz9s.js","/chat-static/_next/static/immutable/chunks/1r_xlti2nupgd.js","/chat-static/_next/static/immutable/chunks/00hu8fdgh1j4v.js","/chat-static/_next/static/immutable/chunks/0ggiln07qpg3x.js","/chat-static/_next/static/immutable/chunks/0v6za4mu6mmch.js","/chat-static/_next/static/immutable/chunks/362eoze68z3tj.js","/chat-static/_next/static/immutable/chunks/30xbirk075f9u.js","/chat-static/_next/static/immutable/chunks/2s3rmbgvk5alc.js","/chat-static/_next/static/immutable/chunks/2ihe2cde8-h-m.js","/chat-static/_next/static/immutable/chunks/34pqinj9axzi3.js","/chat-static/_next/static/immutable/chunks/24oxen36r-7_-.js","/chat-static/_next/static/immutable/chunks/21nzp1fdul4xe.js","/chat-static/_next/static/immutable/chunks/2r3778mxx4zx3.js","/chat-static/_next/static/immutable/chunks/2aqaq-qj4jd04.js","/chat-static/_next/static/immutable/chunks/27kqtemkm6wc0.js","/chat-static/_next/static/immutable/chunks/1gwh2_shftvhf.js","/chat-static/_next/static/immutable/chunks/44eivch4u9izl.js","/chat-static/_next/static/immutable/chunks/04a8jfjv6v0qb.js","/chat-static/_next/static/immutable/chunks/2p_xpxyq5ao8y.js","/chat-static/_next/static/immutable/chunks/1etiboqt-76vo.js","/chat-static/_next/static/immutable/chunks/3e-gletsn4gk-.js","/chat-static/_next/static/immutable/chunks/3pcbg8le2lieu.js","/chat-static/_next/static/immutable/chunks/1txla5ky9w8bd.js","/chat-static/_next/static/immutable/chunks/0o-tvqrw-60f9.js","/chat-static/_next/static/immutable/chunks/0m6-nsexj373o.js","/chat-static/_next/static/immutable/chunks/00j6vehxg467o.js","/chat-static/_next/static/immutable/chunks/1elbuzr4anjh-.js","/chat-static/_next/static/immutable/chunks/0mn-dmkxxrk86.js","/chat-static/_next/static/immutable/chunks/2rhujd4vukzvn.js","/chat-static/_next/static/immutable/chunks/32qmo09nvy81-.js","/chat-static/_next/static/immutable/chunks/01enxheexz0xq.js","/chat-static/_next/static/immutable/chunks/1z5yxk28vv9k_.js","/chat-static/_next/static/immutable/chunks/1sp09rcaj9_la.js","/chat-static/_next/static/immutable/chunks/408m_6lxo2us-.js"],"SWRDataProvider"] 9c:[] 9d:[["b_x9wzhuzPjLO",null],["b_rowxTVH1F5o",null]] 9e:[["b_x9wzhuzPjLO",{"templateVersionId":null,"templateCanonId":null}],["b_rowxTVH1F5o",{"templateVersionId":null,"templateCanonId":null}]] 9f:[["b_r0RqORaNiGx","$D2025-10-23T13:49:58.376Z"],["b_2zfDHo5Lk11","$D2025-10-23T13:50:21.475Z"],["b_eytUqrVXO7E","$D2025-10-23T13:50:37.040Z"],["b_JwUgheCr1pz","$D2025-10-23T13:50:58.880Z"],["b_tiVa0Ja4SUF","$D2025-10-23T13:51:30.752Z"],["b_OQIozDQEctb","$D2025-10-23T13:52:20.669Z"],["b_YwGSg5wS57y","$D2025-10-23T13:53:09.547Z"],["b_d3l6WSVTKA2","$D2025-10-23T13:53:53.637Z"],["b_qxIkQMFjpFJ","$D2025-10-23T13:54:27.181Z"],["b_sVGjCVVBP3q","$D2025-10-23T14:21:34.785Z"],["b_Fli93Krvj33","$D2025-10-23T14:22:15.205Z"],["b_13kuRsVrlzO","$D2025-10-23T14:23:17.920Z"],["b_KtTZ3YMxr5J","$D2025-10-23T14:23:59.502Z"],["b_5xm7VDlUceN","$D2025-10-23T14:24:36.611Z"],["b_x9wzhuzPjLO","$D2025-10-24T12:29:56.801Z"],["b_rowxTVH1F5o","$D2025-10-24T12:31:16.214Z"]] a0:[["b_x9wzhuzPjLO",false],["b_rowxTVH1F5o",false]] a1:[["b_x9wzhuzPjLO","$undefined"],["b_rowxTVH1F5o","$undefined"]] a2:[["b_x9wzhuzPjLO",null],["b_rowxTVH1F5o",null]] a3:[["b_x9wzhuzPjLO",true],["b_rowxTVH1F5o",true]] a4:[["b_x9wzhuzPjLO",true],["b_rowxTVH1F5o",true]] a5:[] a6:T25da8,[V0_FILE]python:file="main.py" isMerged="true" """ Sistema Operativo Visual - Punto de entrada principal Este archivo inicia todo el sistema operativo simulado """ import sys from PyQt5.QtWidgets import QApplication from bios_simulada import BIOSSimulada def main(): """Función principal que inicia el sistema operativo""" app = QApplication(sys.argv) # Configurar estilo de la aplicación app.setStyle('Fusion') # Iniciar con la pantalla de BIOS bios = BIOSSimulada() bios.show() sys.exit(app.exec_()) if __name__ == '__main__': main() [V0_FILE]python:file="config.py" isMerged="true" """ Configuración global del sistema operativo Contiene constantes y rutas utilizadas en todo el proyecto """ import os import json # Rutas del proyecto BASE_DIR = os.path.dirname(os.path.abspath(__file__)) RECURSOS_DIR = os.path.join(BASE_DIR, 'recursos') ICONOS_DIR = os.path.join(RECURSOS_DIR, 'iconos') IMAGENES_DIR = os.path.join(RECURSOS_DIR, 'imagenes') MUSICA_DIR = os.path.join(RECURSOS_DIR, 'musica') VIDEOS_DIR = os.path.join(RECURSOS_DIR, 'videos') TEMAS_DIR = os.path.join(RECURSOS_DIR, 'temas') CONFIG_FILE = os.path.join(BASE_DIR, 'sistema_config.json') # Configuración por defecto DEFAULT_CONFIG = { 'usuario': 'admin', 'contraseña': 'admin', 'tema': 'claro', 'volumen': 50, 'fondo_pantalla': 'default_wallpaper.jpg' } def cargar_configuracion(): """Carga la configuración desde el archivo JSON""" if os.path.exists(CONFIG_FILE): try: with open(CONFIG_FILE, 'r', encoding='utf-8') as f: return json.load(f) except: return DEFAULT_CONFIG.copy() return DEFAULT_CONFIG.copy() def guardar_configuracion(config): """Guarda la configuración en el archivo JSON""" try: with open(CONFIG_FILE, 'w', encoding='utf-8') as f: json.dump(config, f, indent=4, ensure_ascii=False) return True except: return False def crear_directorios(): """Crea los directorios necesarios si no existen""" directorios = [ RECURSOS_DIR, ICONOS_DIR, IMAGENES_DIR, MUSICA_DIR, VIDEOS_DIR, TEMAS_DIR ] for directorio in directorios: os.makedirs(directorio, exist_ok=True) # Crear directorios al importar el módulo crear_directorios() [V0_FILE]python:file="requirements.txt" isMerged="true" PyQt5==5.15.9 Pillow==10.0.0 [V0_FILE]plaintext:file="README.md" isMerged="true" # Sistema Operativo Visual en Python Un sistema operativo simulado completo con interfaz gráfica usando PyQt5. ## Características - **BIOS Simulada**: Pantalla de arranque con mensajes de inicio - **Sistema de Login**: Autenticación de usuario - **Escritorio**: Interfaz principal con barra de tareas e iconos - **Explorador de Archivos**: Navegación, copia, renombrado y eliminación de archivos - **Reproductor Multimedia**: Reproducción de música, videos e imágenes - **Configuración del Sistema**: Personalización de tema, volumen y preferencias - **Gestión de Energía**: Apagar, reiniciar y suspender ## Instalación 1. Crear entorno virtual: \`\`\`bash python -m venv venv \`\`\` 2. Activar entorno virtual: - Windows: `venv\Scripts\activate` - Linux/Mac: `source venv/bin/activate` 3. Instalar dependencias: \`\`\`bash pip install -r requirements.txt \`\`\` ## Uso Ejecutar el sistema operativo: \`\`\`bash python main.py \`\`\` **Credenciales por defecto:** - Usuario: admin - Contraseña: admin ## Estructura del Proyecto \`\`\` Sistema_Operativo/ ├── main.py # Punto de entrada ├── config.py # Configuración global ├── bios_simulada.py # Pantalla de arranque ├── login.py # Sistema de login ├── escritorio.py # Escritorio principal ├── explorador_archivos.py # Explorador de archivos ├── reproductor.py # Reproductor multimedia ├── configuracion.py # Configuración del sistema ├── energia.py # Gestión de energía ├── requirements.txt # Dependencias └── recursos/ # Recursos del sistema ├── iconos/ ├── imagenes/ ├── musica/ ├── videos/ └── temas/ \`\`\` ## Personalización Puedes modificar las credenciales y configuraciones editando el archivo `sistema_config.json` que se genera automáticamente. [V0_FILE]json:file="sistema_config.json" isMerged="true" { "usuario": "admin", "contraseña": "admin", "tema": "claro", "volumen": 50, "fondo_pantalla": "default_wallpaper.jpg" } [V0_FILE]json:file="package.json" isMerged="true" { "name": "my-v0-project", "version": "0.1.0", "private": true, "scripts": { "dev": "next dev", "build": "next build", "start": "next start", "lint": "eslint ." }, "dependencies": { "@hookform/resolvers": "^3.10.0", "@radix-ui/react-accordion": "1.2.2", "@radix-ui/react-alert-dialog": "1.1.4", "@radix-ui/react-aspect-ratio": "1.1.1", "@radix-ui/react-avatar": "1.1.2", "@radix-ui/react-checkbox": "1.1.3", "@radix-ui/react-collapsible": "1.1.2", "@radix-ui/react-context-menu": "2.2.4", "@radix-ui/react-dialog": "1.1.4", "@radix-ui/react-dropdown-menu": "2.1.4", "@radix-ui/react-hover-card": "1.1.4", "@radix-ui/react-label": "2.1.1", "@radix-ui/react-menubar": "1.1.4", "@radix-ui/react-navigation-menu": "1.2.3", "@radix-ui/react-popover": "1.1.4", "@radix-ui/react-progress": "1.1.1", "@radix-ui/react-radio-group": "1.2.2", "@radix-ui/react-scroll-area": "1.2.2", "@radix-ui/react-select": "2.1.4", "@radix-ui/react-separator": "1.1.1", "@radix-ui/react-slider": "1.2.2", "@radix-ui/react-slot": "1.1.1", "@radix-ui/react-switch": "1.1.2", "@radix-ui/react-tabs": "1.1.2", "@radix-ui/react-toast": "1.2.4", "@radix-ui/react-toggle": "1.1.1", "@radix-ui/react-toggle-group": "1.1.1", "@radix-ui/react-tooltip": "1.1.6", "@vercel/analytics": "1.3.1", "autoprefixer": "^10.4.20", "class-variance-authority": "^0.7.1", "clsx": "^2.1.1", "cmdk": "1.0.4", "date-fns": "4.1.0", "embla-carousel-react": "8.5.1", "input-otp": "1.4.1", "lucide-react": "^0.454.0", "next": "16.0.0", "next-themes": "^0.4.6", "react": "19.2.0", "react-day-picker": "9.8.0", "react-dom": "19.2.0", "react-hook-form": "^7.60.0", "react-resizable-panels": "^2.1.7", "recharts": "2.15.4", "sonner": "^1.7.4", "tailwind-merge": "^3.3.1", "tailwindcss-animate": "^1.0.7", "vaul": "^0.9.9", "zod": "3.25.76" }, "devDependencies": { "@tailwindcss/postcss": "^4.1.9", "@types/node": "^22", "@types/react": "^19", "@types/react-dom": "^19", "postcss": "^8.5", "tailwindcss": "^4.1.9", "tw-animate-css": "1.3.3", "typescript": "^5" } } [V0_FILE]python:file="bios_simulada.py" isMerged="true" """ BIOS Simulada - Pantalla de arranque del sistema operativo Muestra mensajes de inicio y luego abre el login """ from PyQt5.QtWidgets import QWidget, QVBoxLayout, QLabel from PyQt5.QtCore import Qt, QTimer from PyQt5.QtGui import QFont from login import Login class BIOSSimulada(QWidget): """Ventana de BIOS que simula el arranque del sistema""" def __init__(self): super().__init__() self.mensajes = [ "Iniciando BIOS...", "Verificando hardware...", "Memoria RAM: OK", "Disco duro: OK", "Cargando kernel...", "Inicializando drivers...", "Arrancando sistema operativo..." ] self.indice_mensaje = 0 self.login_window = None self.initUI() def initUI(self): """Inicializa la interfaz de usuario""" self.setWindowTitle('BIOS - Sistema Operativo') self.setGeometry(100, 100, 800, 600) self.setStyleSheet('background-color: black;') # Layout principal layout = QVBoxLayout() layout.setAlignment(Qt.AlignCenter) # Título de BIOS titulo = QLabel('BIOS v1.0') titulo.setStyleSheet('color: #00FF00; font-size: 24px; font-weight: bold;') titulo.setAlignment(Qt.AlignCenter) layout.addWidget(titulo) # Espacio layout.addSpacing(50) # Etiqueta para mensajes de arranque self.label_mensaje = QLabel('') self.label_mensaje.setStyleSheet('color: #00FF00; font-size: 16px;') self.label_mensaje.setAlignment(Qt.AlignLeft) self.label_mensaje.setWordWrap(True) layout.addWidget(self.label_mensaje) self.setLayout(layout) # Timer para mostrar mensajes progresivamente self.timer = QTimer() self.timer.timeout.connect(self.mostrar_siguiente_mensaje) self.timer.start(800) # Cada 800ms muestra un nuevo mensaje def mostrar_siguiente_mensaje(self): """Muestra el siguiente mensaje de arranque""" if self.indice_mensaje < len(self.mensajes): # Agregar el nuevo mensaje texto_actual = self.label_mensaje.text() nuevo_mensaje = self.mensajes[self.indice_mensaje] if texto_actual: self.label_mensaje.setText(texto_actual + '\n' + nuevo_mensaje) else: self.label_mensaje.setText(nuevo_mensaje) self.indice_mensaje += 1 else: # Todos los mensajes mostrados, abrir login self.timer.stop() QTimer.singleShot(1000, self.abrir_login) def abrir_login(self): """Abre la ventana de login y cierra la BIOS""" self.login_window = Login() self.login_window.show() self.close() [V0_FILE]python:file="login.py" isMerged="true" """ Sistema de Login - Autenticación de usuario Valida credenciales y abre el escritorio """ from PyQt5.QtWidgets import (QWidget, QVBoxLayout, QHBoxLayout, QLabel, QLineEdit, QPushButton, QMessageBox) from PyQt5.QtCore import Qt from PyQt5.QtGui import QFont from config import cargar_configuracion from escritorio import Escritorio class Login(QWidget): """Ventana de login para autenticación""" def __init__(self): super().__init__() self.config = cargar_configuracion() self.escritorio_window = None self.initUI() def initUI(self): """Inicializa la interfaz de usuario""" self.setWindowTitle('Login - Sistema Operativo') self.setGeometry(100, 100, 500, 400) self.setStyleSheet(''' QWidget { background: qlineargradient(x1:0, y1:0, x2:1, y2:1, stop:0 #2C3E50, stop:1 #3498DB); } ''') # Layout principal layout = QVBoxLayout() layout.setAlignment(Qt.AlignCenter) layout.setSpacing(20) # Título titulo = QLabel('Sistema Operativo') titulo.setStyleSheet(''' color: white; font-size: 32px; font-weight: bold; padding: 20px; ''') titulo.setAlignment(Qt.AlignCenter) layout.addWidget(titulo) # Subtítulo subtitulo = QLabel('Iniciar Sesión') subtitulo.setStyleSheet('color: #ECF0F1; font-size: 18px;') subtitulo.setAlignment(Qt.AlignCenter) layout.addWidget(subtitulo) layout.addSpacing(30) # Campo de usuario usuario_layout = QHBoxLayout() usuario_label = QLabel('Usuario:') usuario_label.setStyleSheet('color: white; font-size: 14px; min-width: 100px;') self.usuario_input = QLineEdit() self.usuario_input.setPlaceholderText('Ingrese su usuario') self.usuario_input.setStyleSheet(''' QLineEdit { padding: 10px; border: 2px solid #34495E; border-radius: 5px; background-color: white; font-size: 14px; } QLineEdit:focus { border: 2px solid #3498DB; } ''') usuario_layout.addWidget(usuario_label) usuario_layout.addWidget(self.usuario_input) layout.addLayout(usuario_layout) # Campo de contraseña password_layout = QHBoxLayout() password_label = QLabel('Contraseña:') password_label.setStyleSheet('color: white; font-size: 14px; min-width: 100px;') self.password_input = QLineEdit() self.password_input.setPlaceholderText('Ingrese su contraseña') self.password_input.setEchoMode(QLineEdit.Password) self.password_input.setStyleSheet(''' QLineEdit { padding: 10px; border: 2px solid #34495E; border-radius: 5px; background-color: white; font-size: 14px; } QLineEdit:focus { border: 2px solid #3498DB; } ''') # Permitir login con Enter self.password_input.returnPressed.connect(self.validar_login) password_layout.addWidget(password_label) password_layout.addWidget(self.password_input) layout.addLayout(password_layout) layout.addSpacing(20) # Botón de login self.btn_login = QPushButton('Iniciar Sesión') self.btn_login.setStyleSheet(''' QPushButton { background-color: #27AE60; color: white; padding: 12px; border: none; border-radius: 5px; font-size: 16px; font-weight: bold; } QPushButton:hover { background-color: #229954; } QPushButton:pressed { background-color: #1E8449; } ''') self.btn_login.clicked.connect(self.validar_login) layout.addWidget(self.btn_login) # Información de ayuda ayuda = QLabel('Usuario y contraseña por defecto: admin / admin') ayuda.setStyleSheet('color: #BDC3C7; font-size: 12px; padding: 10px;') ayuda.setAlignment(Qt.AlignCenter) layout.addWidget(ayuda) self.setLayout(layout) def validar_login(self): """Valida las credenciales ingresadas""" usuario = self.usuario_input.text() password = self.password_input.text() # Verificar credenciales if usuario == self.config['usuario'] and password == self.config['contraseña']: # Login exitoso self.abrir_escritorio() else: # Login fallido QMessageBox.warning( self, 'Error de Autenticación', 'Usuario o contraseña incorrectos.\nPor favor, intente nuevamente.', QMessageBox.Ok ) self.password_input.clear() self.password_input.setFocus() def abrir_escritorio(self): """Abre el escritorio y cierra el login""" self.escritorio_window = Escritorio() self.escritorio_window.show() self.close() [V0_FILE]python:file="escritorio.py" isMerged="true" """ Escritorio - Interfaz principal del sistema operativo Contiene barra de tareas, iconos y acceso a aplicaciones """ from PyQt5.QtWidgets import (QWidget, QVBoxLayout, QHBoxLayout, QPushButton, QLabel, QGridLayout, QFrame) from PyQt5.QtCore import Qt, QTime from PyQt5.QtGui import QFont, QIcon from config import cargar_configuracion, IMAGENES_DIR import os class Escritorio(QWidget): """Ventana principal del escritorio""" def __init__(self): super().__init__() self.config = cargar_configuracion() self.ventanas_abiertas = {} self.initUI() def initUI(self): """Inicializa la interfaz de usuario""" self.setWindowTitle('Escritorio - Sistema Operativo') self.showMaximized() # Maximizar ventana # Aplicar tema self.aplicar_tema() # Layout principal main_layout = QVBoxLayout() main_layout.setContentsMargins(0, 0, 0, 0) main_layout.setSpacing(0) # Área del escritorio (donde van los iconos) self.area_escritorio = QWidget() self.area_escritorio.setStyleSheet('background-color: transparent;') escritorio_layout = QGridLayout() escritorio_layout.setAlignment(Qt.AlignTop | Qt.AlignLeft) escritorio_layout.setSpacing(30) escritorio_layout.setContentsMargins(30, 30, 30, 30) # Crear iconos del escritorio self.crear_icono_escritorio(escritorio_layout, 'Explorador\nde Archivos', 0, 0, self.abrir_explorador) self.crear_icono_escritorio(escritorio_layout, 'Reproductor\nMultimedia', 0, 1, self.abrir_reproductor) self.crear_icono_escritorio(escritorio_layout, 'Configuración\ndel Sistema', 1, 0, self.abrir_configuracion) self.crear_icono_escritorio(escritorio_layout, 'Gestión de\nEnergía', 1, 1, self.abrir_energia) self.area_escritorio.setLayout(escritorio_layout) main_layout.addWidget(self.area_escritorio) # Barra de tareas self.barra_tareas = self.crear_barra_tareas() main_layout.addWidget(self.barra_tareas) self.setLayout(main_layout) def aplicar_tema(self): """Aplica el tema configurado (claro u oscuro)""" tema = self.config.get('tema', 'claro') if tema == 'oscuro': self.setStyleSheet(''' QWidget { background: qlineargradient(x1:0, y1:0, x2:1, y2:1, stop:0 #1a1a2e, stop:1 #16213e); } ''') else: self.setStyleSheet(''' QWidget { background: qlineargradient(x1:0, y1:0, x2:1, y2:1, stop:0 #74b9ff, stop:1 #a29bfe); } ''') def crear_icono_escritorio(self, layout, texto, fila, columna, funcion): """Crea un icono en el escritorio""" icono_widget = QWidget() icono_widget.setFixedSize(120, 120) icono_widget.setStyleSheet(''' QWidget { background-color: rgba(255, 255, 255, 0.1); border-radius: 10px; } QWidget:hover { background-color: rgba(255, 255, 255, 0.2); } ''') icono_layout = QVBoxLayout() icono_layout.setAlignment(Qt.AlignCenter) # Botón del icono btn = QPushButton() btn.setFixedSize(60, 60) btn.setStyleSheet(''' QPushButton { background-color: rgba(255, 255, 255, 0.8); border-radius: 10px; font-size: 30px; } QPushButton:hover { background-color: white; } ''') # Asignar símbolos según el tipo if 'Explorador' in texto: btn.setText('📁') elif 'Reproductor' in texto: btn.setText('🎵') elif 'Configuración' in texto: btn.setText('⚙️') elif 'Energía' in texto: btn.setText('⚡') btn.clicked.connect(funcion) icono_layout.addWidget(btn) # Etiqueta del icono label = QLabel(texto) label.setStyleSheet(''' color: white; font-size: 11px; font-weight: bold; background-color: transparent; ''') label.setAlignment(Qt.AlignCenter) label.setWordWrap(True) icono_layout.addWidget(label) icono_widget.setLayout(icono_layout) layout.addWidget(icono_widget, fila, columna) def crear_barra_tareas(self): """Crea la barra de tareas inferior""" barra = QFrame() barra.setFixedHeight(50) barra.setStyleSheet(''' QFrame { background-color: rgba(0, 0, 0, 0.7); border-top: 1px solid rgba(255, 255, 255, 0.2); } ''') layout = QHBoxLayout() layout.setContentsMargins(10, 5, 10, 5) # Botón de inicio btn_inicio = QPushButton('🏠 Inicio') btn_inicio.setStyleSheet(''' QPushButton { background-color: rgba(255, 255, 255, 0.1); color: white; border: none; padding: 8px 15px; border-radius: 5px; font-size: 14px; } QPushButton:hover { background-color: rgba(255, 255, 255, 0.2); } ''') layout.addWidget(btn_inicio) # Espacio flexible layout.addStretch() # Reloj self.label_reloj = QLabel() self.label_reloj.setStyleSheet('color: white; font-size: 14px; padding: 5px;') self.actualizar_reloj() layout.addWidget(self.label_reloj) # Timer para actualizar el reloj cada segundo from PyQt5.QtCore import QTimer self.timer_reloj = QTimer() self.timer_reloj.timeout.connect(self.actualizar_reloj) self.timer_reloj.start(1000) barra.setLayout(layout) return barra def actualizar_reloj(self): """Actualiza la hora en la barra de tareas""" from datetime import datetime hora_actual = datetime.now().strftime('%H:%M:%S') fecha_actual = datetime.now().strftime('%d/%m/%Y') self.label_reloj.setText(f'{fecha_actual} - {hora_actual}') def abrir_explorador(self): """Abre el explorador de archivos""" if 'explorador' not in self.ventanas_abiertas or not self.ventanas_abiertas['explorador'].isVisible(): from explorador_archivos import ExploradorArchivos self.ventanas_abiertas['explorador'] = ExploradorArchivos() self.ventanas_abiertas['explorador'].show() else: self.ventanas_abiertas['explorador'].activateWindow() def abrir_reproductor(self): """Abre el reproductor multimedia""" if 'reproductor' not in self.ventanas_abiertas or not self.ventanas_abiertas['reproductor'].isVisible(): from reproductor import ReproductorMultimedia self.ventanas_abiertas['reproductor'] = ReproductorMultimedia() self.ventanas_abiertas['reproductor'].show() else: self.ventanas_abiertas['reproductor'].activateWindow() def abrir_configuracion(self): """Abre la configuración del sistema""" if 'configuracion' not in self.ventanas_abiertas or not self.ventanas_abiertas['configuracion'].isVisible(): from configuracion import ConfiguracionSistema self.ventanas_abiertas['configuracion'] = ConfiguracionSistema(self) self.ventanas_abiertas['configuracion'].show() else: self.ventanas_abiertas['configuracion'].activateWindow() def abrir_energia(self): """Abre la gestión de energía""" if 'energia' not in self.ventanas_abiertas or not self.ventanas_abiertas['energia'].isVisible(): from energia import GestionEnergia self.ventanas_abiertas['energia'] = GestionEnergia(self) self.ventanas_abiertas['energia'].show() else: self.ventanas_abiertas['energia'].activateWindow() [V0_FILE]python:file="explorador_archivos.py" isMerged="true" """ Explorador de Archivos - Navegación y gestión de archivos Permite listar, abrir, copiar, renombrar y eliminar archivos """ from PyQt5.QtWidgets import (QWidget, QVBoxLayout, QHBoxLayout, QPushButton, QListWidget, QLabel, QInputDialog, QMessageBox, QFileDialog, QListWidgetItem) from PyQt5.QtCore import Qt from PyQt5.QtGui import QFont import os import shutil class ExploradorArchivos(QWidget): """Ventana del explorador de archivos""" def __init__(self): super().__init__() self.ruta_actual = os.path.expanduser('~') # Iniciar en el directorio home self.archivo_copiado = None self.initUI() def initUI(self): """Inicializa la interfaz de usuario""" self.setWindowTitle('Explorador de Archivos') self.setGeometry(200, 200, 800, 600) self.setStyleSheet(''' QWidget { background-color: #f5f6fa; } ''') # Layout principal layout = QVBoxLayout() layout.setContentsMargins(10, 10, 10, 10) # Barra de navegación nav_layout = QHBoxLayout() # Botón atrás self.btn_atras = QPushButton('⬅ Atrás') self.btn_atras.setStyleSheet(self.estilo_boton()) self.btn_atras.clicked.connect(self.ir_atras) nav_layout.addWidget(self.btn_atras) # Etiqueta de ruta actual self.label_ruta = QLabel() self.label_ruta.setStyleSheet(''' background-color: white; padding: 8px; border: 1px solid #dcdde1; border-radius: 5px; font-size: 12px; ''') nav_layout.addWidget(self.label_ruta) # Botón home btn_home = QPushButton('🏠 Inicio') btn_home.setStyleSheet(self.estilo_boton()) btn_home.clicked.connect(self.ir_home) nav_layout.addWidget(btn_home) layout.addLayout(nav_layout) # Lista de archivos y carpetas self.lista_archivos = QListWidget() self.lista_archivos.setStyleSheet(''' QListWidget { background-color: white; border: 1px solid #dcdde1; border-radius: 5px; padding: 5px; font-size: 13px; } QListWidget::item { padding: 8px; border-bottom: 1px solid #f1f2f6; } QListWidget::item:hover { background-color: #e8f4f8; } QListWidget::item:selected { background-color: #3498db; color: white; } ''') self.lista_archivos.itemDoubleClicked.connect(self.abrir_item) layout.addWidget(self.lista_archivos) # Barra de acciones acciones_layout = QHBoxLayout() btn_abrir = QPushButton('📂 Abrir') btn_abrir.setStyleSheet(self.estilo_boton('#3498db')) btn_abrir.clicked.connect(self.abrir_seleccionado) acciones_layout.addWidget(btn_abrir) btn_copiar = QPushButton('📋 Copiar') btn_copiar.setStyleSheet(self.estilo_boton('#9b59b6')) btn_copiar.clicked.connect(self.copiar_archivo) acciones_layout.addWidget(btn_copiar) btn_pegar = QPushButton('📌 Pegar') btn_pegar.setStyleSheet(self.estilo_boton('#1abc9c')) btn_pegar.clicked.connect(self.pegar_archivo) acciones_layout.addWidget(btn_pegar) btn_renombrar = QPushButton('✏️ Renombrar') btn_renombrar.setStyleSheet(self.estilo_boton('#f39c12')) btn_renombrar.clicked.connect(self.renombrar_archivo) acciones_layout.addWidget(btn_renombrar) btn_eliminar = QPushButton('🗑️ Eliminar') btn_eliminar.setStyleSheet(self.estilo_boton('#e74c3c')) btn_eliminar.clicked.connect(self.eliminar_archivo) acciones_layout.addWidget(btn_eliminar) btn_nueva_carpeta = QPushButton('📁+ Nueva Carpeta') btn_nueva_carpeta.setStyleSheet(self.estilo_boton('#27ae60')) btn_nueva_carpeta.clicked.connect(self.crear_carpeta) acciones_layout.addWidget(btn_nueva_carpeta) layout.addLayout(acciones_layout) self.setLayout(layout) # Cargar archivos de la ruta actual self.cargar_archivos() def estilo_boton(self, color='#34495e'): """Retorna el estilo CSS para los botones""" return f''' QPushButton {{ background-color: {color}; color: white; border: none; padding: 8px 15px; border-radius: 5px; font-size: 12px; font-weight: bold; }} QPushButton:hover {{ opacity: 0.8; }} QPushButton:pressed {{ background-color: #2c3e50; }} ''' def cargar_archivos(self): """Carga y muestra los archivos de la ruta actual""" self.lista_archivos.clear() self.label_ruta.setText(f'📍 {self.ruta_actual}') try: # Listar contenido del directorio items = os.listdir(self.ruta_actual) items.sort() # Separar carpetas y archivos carpetas = [] archivos = [] for item in items: ruta_completa = os.path.join(self.ruta_actual, item) if os.path.isdir(ruta_completa): carpetas.append(item) else: archivos.append(item) # Agregar carpetas primero for carpeta in carpetas: item = QListWidgetItem(f'📁 {carpeta}') item.setData(Qt.UserRole, carpeta) self.lista_archivos.addItem(item) # Agregar archivos for archivo in archivos: icono = self.obtener_icono_archivo(archivo) item = QListWidgetItem(f'{icono} {archivo}') item.setData(Qt.UserRole, archivo) self.lista_archivos.addItem(item) except PermissionError: QMessageBox.warning(self, 'Error', 'No tiene permisos para acceder a esta carpeta.') self.ir_atras() except Exception as e: QMessageBox.critical(self, 'Error', f'Error al cargar archivos: {str(e)}') def obtener_icono_archivo(self, nombre_archivo): """Retorna un icono según la extensión del archivo""" extension = os.path.splitext(nombre_archivo)[1].lower() iconos = { '.txt': '📄', '.pdf': '📕', '.doc': '📘', '.docx': '📘', '.xls': '📗', '.xlsx': '📗', '.jpg': '🖼️', '.jpeg': '🖼️', '.png': '🖼️', '.gif': '🖼️', '.mp3': '🎵', '.wav': '🎵', '.flac': '🎵', '.mp4': '🎬', '.avi': '🎬', '.mkv': '🎬', '.zip': '📦', '.rar': '📦', '.7z': '📦', '.py': '🐍', '.js': '📜', '.html': '🌐', '.css': '🎨' } return iconos.get(extension, '📄') def abrir_item(self, item): """Abre el item seleccionado (carpeta o archivo)""" nombre = item.data(Qt.UserRole) ruta_completa = os.path.join(self.ruta_actual, nombre) if os.path.isdir(ruta_completa): # Es una carpeta, navegar a ella self.ruta_actual = ruta_completa self.cargar_archivos() else: # Es un archivo, intentar abrirlo try: os.startfile(ruta_completa) # Windows except AttributeError: try: os.system(f'xdg-open "{ruta_completa}"') # Linux except: os.system(f'open "{ruta_completa}"') # macOS def abrir_seleccionado(self): """Abre el item actualmente seleccionado""" item_actual = self.lista_archivos.currentItem() if item_actual: self.abrir_item(item_actual) def ir_atras(self): """Navega al directorio padre""" directorio_padre = os.path.dirname(self.ruta_actual) if directorio_padre and directorio_padre != self.ruta_actual: self.ruta_actual = directorio_padre self.cargar_archivos() def ir_home(self): """Navega al directorio home del usuario""" self.ruta_actual = os.path.expanduser('~') self.cargar_archivos() def copiar_archivo(self): """Copia el archivo seleccionado""" item_actual = self.lista_archivos.currentItem() if item_actual: nombre = item_actual.data(Qt.UserRole) self.archivo_copiado = os.path.join(self.ruta_actual, nombre) QMessageBox.information(self, 'Copiar', f'Archivo copiado: {nombre}') def pegar_archivo(self): """Pega el archivo copiado en la ubicación actual""" if not self.archivo_copiado: QMessageBox.warning(self, 'Pegar', 'No hay ningún archivo copiado.') return try: nombre_archivo = os.path.basename(self.archivo_copiado) destino = os.path.join(self.ruta_actual, nombre_archivo) # Si ya existe, agregar un número contador = 1 while os.path.exists(destino): nombre, extension = os.path.splitext(nombre_archivo) destino = os.path.join(self.ruta_actual, f'{nombre}_copia{contador}{extension}') contador += 1 if os.path.isdir(self.archivo_copiado): shutil.copytree(self.archivo_copiado, destino) else: shutil.copy2(self.archivo_copiado, destino) QMessageBox.information(self, 'Pegar', 'Archivo pegado exitosamente.') self.cargar_archivos() except Exception as e: QMessageBox.critical(self, 'Error', f'Error al pegar archivo: {str(e)}') def renombrar_archivo(self): """Renombra el archivo seleccionado""" item_actual = self.lista_archivos.currentItem() if not item_actual: QMessageBox.warning(self, 'Renombrar', 'Seleccione un archivo para renombrar.') return nombre_actual = item_actual.data(Qt.UserRole) nuevo_nombre, ok = QInputDialog.getText( self, 'Renombrar', 'Ingrese el nuevo nombre:', text=nombre_actual ) if ok and nuevo_nombre and nuevo_nombre != nombre_actual: try: ruta_actual_completa = os.path.join(self.ruta_actual, nombre_actual) ruta_nueva = os.path.join(self.ruta_actual, nuevo_nombre) os.rename(ruta_actual_completa, ruta_nueva) QMessageBox.information(self, 'Renombrar', 'Archivo renombrado exitosamente.') self.cargar_archivos() except Exception as e: QMessageBox.critical(self, 'Error', f'Error al renombrar: {str(e)}') def eliminar_archivo(self): """Elimina el archivo seleccionado""" item_actual = self.lista_archivos.currentItem() if not item_actual: QMessageBox.warning(self, 'Eliminar', 'Seleccione un archivo para eliminar.') return nombre = item_actual.data(Qt.UserRole) respuesta = QMessageBox.question( self, 'Confirmar Eliminación', f'¿Está seguro de eliminar "{nombre}"?', QMessageBox.Yes | QMessageBox.No ) if respuesta == QMessageBox.Yes: try: ruta_completa = os.path.join(self.ruta_actual, nombre) if os.path.isdir(ruta_completa): shutil.rmtree(ruta_completa) else: os.remove(ruta_completa) QMessageBox.information(self, 'Eliminar', 'Archivo eliminado exitosamente.') self.cargar_archivos() except Exception as e: QMessageBox.critical(self, 'Error', f'Error al eliminar: {str(e)}') def crear_carpeta(self): """Crea una nueva carpeta""" nombre, ok = QInputDialog.getText( self, 'Nueva Carpeta', 'Ingrese el nombre de la carpeta:' ) if ok and nombre: try: ruta_nueva = os.path.join(self.ruta_actual, nombre) os.makedirs(ruta_nueva) QMessageBox.information(self, 'Nueva Carpeta', 'Carpeta creada exitosamente.') self.cargar_archivos() except Exception as e: QMessageBox.critical(self, 'Error', f'Error al crear carpeta: {str(e)}') [V0_FILE]python:file="reproductor.py" isMerged="true" """ Reproductor Multimedia - Reproducción de música, videos e imágenes Incluye controles de reproducción y volumen """ from PyQt5.QtWidgets import (QWidget, QVBoxLayout, QHBoxLayout, QPushButton, QLabel, QSlider, QFileDialog, QListWidget, QMessageBox) from PyQt5.QtCore import Qt, QUrl, QTimer from PyQt5.QtGui import QPixmap, QFont from PyQt5.QtMultimedia import QMediaPlayer, QMediaContent from config import MUSICA_DIR, VIDEOS_DIR, IMAGENES_DIR import os class ReproductorMultimedia(QWidget): """Ventana del reproductor multimedia""" def __init__(self): super().__init__() self.player = QMediaPlayer() self.playlist = [] self.indice_actual = -1 self.modo_imagen = False self.initUI() def initUI(self): """Inicializa la interfaz de usuario""" self.setWindowTitle('Reproductor Multimedia') self.setGeometry(200, 200, 900, 700) self.setStyleSheet(''' QWidget { background: qlineargradient(x1:0, y1:0, x2:0, y2:1, stop:0 #2c3e50, stop:1 #34495e); } ''') # Layout principal layout = QVBoxLayout() layout.setContentsMargins(20, 20, 20, 20) layout.setSpacing(15) # Título titulo = QLabel('🎵 Reproductor Multimedia') titulo.setStyleSheet(''' color: white; font-size: 24px; font-weight: bold; padding: 10px; ''') titulo.setAlignment(Qt.AlignCenter) layout.addWidget(titulo) # Área de visualización (para imágenes o información) self.area_visualizacion = QLabel('Seleccione un archivo para reproducir') self.area_visualizacion.setStyleSheet(''' background-color: rgba(0, 0, 0, 0.5); color: white; border: 2px solid #3498db; border-radius: 10px; padding: 20px; font-size: 16px; ''') self.area_visualizacion.setAlignment(Qt.AlignCenter) self.area_visualizacion.setMinimumHeight(300) self.area_visualizacion.setScaledContents(True) layout.addWidget(self.area_visualizacion) # Información del archivo actual self.label_info = QLabel('No hay archivo cargado') self.label_info.setStyleSheet(''' color: #ecf0f1; font-size: 14px; padding: 5px; ''') self.label_info.setAlignment(Qt.AlignCenter) layout.addWidget(self.label_info) # Barra de progreso self.slider_progreso = QSlider(Qt.Horizontal) self.slider_progreso.setStyleSheet(''' QSlider::groove:horizontal { background: #34495e; height: 8px; border-radius: 4px; } QSlider::handle:horizontal { background: #3498db; width: 18px; margin: -5px 0; border-radius: 9px; } QSlider::sub-page:horizontal { background: #3498db; border-radius: 4px; } ''') self.slider_progreso.sliderMoved.connect(self.cambiar_posicion) layout.addWidget(self.slider_progreso) # Tiempo de reproducción tiempo_layout = QHBoxLayout() self.label_tiempo_actual = QLabel('00:00') self.label_tiempo_actual.setStyleSheet('color: white; font-size: 12px;') self.label_tiempo_total = QLabel('00:00') self.label_tiempo_total.setStyleSheet('color: white; font-size: 12px;') tiempo_layout.addWidget(self.label_tiempo_actual) tiempo_layout.addStretch() tiempo_layout.addWidget(self.label_tiempo_total) layout.addLayout(tiempo_layout) # Controles de reproducción controles_layout = QHBoxLayout() controles_layout.setSpacing(10) btn_anterior = QPushButton('⏮️ Anterior') btn_anterior.setStyleSheet(self.estilo_boton()) btn_anterior.clicked.connect(self.reproducir_anterior) controles_layout.addWidget(btn_anterior) self.btn_play_pause = QPushButton('▶️ Play') self.btn_play_pause.setStyleSheet(self.estilo_boton('#27ae60')) self.btn_play_pause.clicked.connect(self.toggle_play_pause) controles_layout.addWidget(self.btn_play_pause) btn_stop = QPushButton('⏹️ Stop') btn_stop.setStyleSheet(self.estilo_boton('#e74c3c')) btn_stop.clicked.connect(self.detener) controles_layout.addWidget(btn_stop) btn_siguiente = QPushButton('⏭️ Siguiente') btn_siguiente.setStyleSheet(self.estilo_boton()) btn_siguiente.clicked.connect(self.reproducir_siguiente) controles_layout.addWidget(btn_siguiente) layout.addLayout(controles_layout) # Control de volumen volumen_layout = QHBoxLayout() volumen_label = QLabel('🔊 Volumen:') volumen_label.setStyleSheet('color: white; font-size: 14px;') volumen_layout.addWidget(volumen_label) self.slider_volumen = QSlider(Qt.Horizontal) self.slider_volumen.setRange(0, 100) self.slider_volumen.setValue(50) self.slider_volumen.setStyleSheet(''' QSlider::groove:horizontal { background: #34495e; height: 6px; border-radius: 3px; } QSlider::handle:horizontal { background: #f39c12; width: 16px; margin: -5px 0; border-radius: 8px; } QSlider::sub-page:horizontal { background: #f39c12; border-radius: 3px; } ''') self.slider_volumen.valueChanged.connect(self.cambiar_volumen) volumen_layout.addWidget(self.slider_volumen) self.label_volumen = QLabel('50%') self.label_volumen.setStyleSheet('color: white; font-size: 14px; min-width: 40px;') volumen_layout.addWidget(self.label_volumen) layout.addLayout(volumen_layout) # Botones de carga de archivos botones_layout = QHBoxLayout() btn_cargar_musica = QPushButton('🎵 Cargar Música') btn_cargar_musica.setStyleSheet(self.estilo_boton('#9b59b6')) btn_cargar_musica.clicked.connect(self.cargar_musica) botones_layout.addWidget(btn_cargar_musica) btn_cargar_video = QPushButton('🎬 Cargar Video') btn_cargar_video.setStyleSheet(self.estilo_boton('#e67e22')) btn_cargar_video.clicked.connect(self.cargar_video) botones_layout.addWidget(btn_cargar_video) btn_cargar_imagen = QPushButton('🖼️ Cargar Imagen') btn_cargar_imagen.setStyleSheet(self.estilo_boton('#1abc9c')) btn_cargar_imagen.clicked.connect(self.cargar_imagen) botones_layout.addWidget(btn_cargar_imagen) layout.addLayout(botones_layout) self.setLayout(layout) # Configurar player self.player.setVolume(50) self.player.positionChanged.connect(self.actualizar_posicion) self.player.durationChanged.connect(self.actualizar_duracion) self.player.stateChanged.connect(self.estado_cambiado) def estilo_boton(self, color='#3498db'): """Retorna el estilo CSS para los botones""" return f''' QPushButton {{ background-color: {color}; color: white; border: none; padding: 10px 20px; border-radius: 5px; font-size: 14px; font-weight: bold; }} QPushButton:hover {{ opacity: 0.8; }} QPushButton:pressed {{ background-color: #2c3e50; }} ''' def cargar_musica(self): """Carga archivos de música""" archivos, _ = QFileDialog.getOpenFileNames( self, 'Seleccionar archivos de música', MUSICA_DIR, 'Archivos de Audio (*.mp3 *.wav *.flac *.ogg *.m4a)' ) if archivos: self.modo_imagen = False self.playlist = archivos self.indice_actual = 0 self.reproducir_archivo(self.playlist[0]) def cargar_video(self): """Carga archivos de video""" archivos, _ = QFileDialog.getOpenFileNames( self, 'Seleccionar archivos de video', VIDEOS_DIR, 'Archivos de Video (*.mp4 *.avi *.mkv *.mov *.wmv)' ) if archivos: self.modo_imagen = False self.playlist = archivos self.indice_actual = 0 QMessageBox.information( self, 'Reproducción de Video', 'El video se reproducirá en el reproductor predeterminado del sistema.' ) self.reproducir_archivo(self.playlist[0]) def cargar_imagen(self): """Carga y muestra imágenes""" archivos, _ = QFileDialog.getOpenFileNames( self, 'Seleccionar imágenes', IMAGENES_DIR, 'Archivos de Imagen (*.jpg *.jpeg *.png *.gif *.bmp)' ) if archivos: self.modo_imagen = True self.playlist = archivos self.indice_actual = 0 self.mostrar_imagen(self.playlist[0]) def reproducir_archivo(self, ruta): """Reproduce un archivo de audio o video""" self.player.setMedia(QMediaContent(QUrl.fromLocalFile(ruta))) self.label_info.setText(f'Reproduciendo: {os.path.basename(ruta)}') self.area_visualizacion.setText(f'🎵\n\n{os.path.basename(ruta)}') self.player.play() def mostrar_imagen(self, ruta): """Muestra una imagen""" pixmap = QPixmap(ruta) if not pixmap.isNull(): # Escalar la imagen manteniendo la proporción pixmap = pixmap.scaled( self.area_visualizacion.size(), Qt.KeepAspectRatio, Qt.SmoothTransformation ) self.area_visualizacion.setPixmap(pixmap) self.label_info.setText(f'Mostrando: {os.path.basename(ruta)}') else: QMessageBox.warning(self, 'Error', 'No se pudo cargar la imagen.') def toggle_play_pause(self): """Alterna entre reproducir y pausar""" if self.modo_imagen: QMessageBox.information(self, 'Modo Imagen', 'Use los botones Anterior/Siguiente para navegar entre imágenes.') return if self.player.state() == QMediaPlayer.PlayingState: self.player.pause() else: if self.player.mediaStatus() == QMediaPlayer.NoMedia and self.playlist: self.reproducir_archivo(self.playlist[self.indice_actual]) else: self.player.play() def detener(self): """Detiene la reproducción""" if self.modo_imagen: self.area_visualizacion.clear() self.area_visualizacion.setText('Seleccione un archivo para reproducir') self.label_info.setText('No hay archivo cargado') else: self.player.stop() def reproducir_anterior(self): """Reproduce el archivo anterior en la playlist""" if not self.playlist: return self.indice_actual = (self.indice_actual - 1) % len(self.playlist) if self.modo_imagen: self.mostrar_imagen(self.playlist[self.indice_actual]) else: self.reproducir_archivo(self.playlist[self.indice_actual]) def reproducir_siguiente(self): """Reproduce el siguiente archivo en la playlist""" if not self.playlist: return self.indice_actual = (self.indice_actual + 1) % len(self.playlist) if self.modo_imagen: self.mostrar_imagen(self.playlist[self.indice_actual]) else: self.reproducir_archivo(self.playlist[self.indice_actual]) def cambiar_volumen(self, valor): """Cambia el volumen de reproducción""" self.player.setVolume(valor) self.label_volumen.setText(f'{valor}%') def cambiar_posicion(self, posicion): """Cambia la posición de reproducción""" self.player.setPosition(posicion) def actualizar_posicion(self, posicion): """Actualiza la barra de progreso y el tiempo actual""" self.slider_progreso.setValue(posicion) self.label_tiempo_actual.setText(self.formato_tiempo(posicion)) def actualizar_duracion(self, duracion): """Actualiza la duración total""" self.slider_progreso.setRange(0, duracion) self.label_tiempo_total.setText(self.formato_tiempo(duracion)) def formato_tiempo(self, ms): """Convierte milisegundos a formato MM:SS""" segundos = ms // 1000 minutos = segundos // 60 segundos = segundos % 60 return f'{minutos:02d}:{segundos:02d}' def estado_cambiado(self, estado): """Actualiza el botón según el estado de reproducción""" if estado == QMediaPlayer.PlayingState: self.btn_play_pause.setText('⏸️ Pausa') else: self.btn_play_pause.setText('▶️ Play') [V0_FILE]python:file="configuracion.py" isMerged="true" """ Configuración del Sistema - Gestión de preferencias Permite cambiar tema, volumen, usuario y fondo de pantalla """ from PyQt5.QtWidgets import (QWidget, QVBoxLayout, QHBoxLayout, QLabel, QPushButton, QLineEdit, QComboBox, QSlider, QMessageBox, QGroupBox, QFormLayout) from PyQt5.QtCore import Qt from config import cargar_configuracion, guardar_configuracion class ConfiguracionSistema(QWidget): """Ventana de configuración del sistema""" def __init__(self, escritorio_parent=None): super().__init__() self.escritorio_parent = escritorio_parent self.config = cargar_configuracion() self.initUI() def initUI(self): """Inicializa la interfaz de usuario""" self.setWindowTitle('Configuración del Sistema') self.setGeometry(250, 250, 600, 500) self.setStyleSheet(''' QWidget { background-color: #ecf0f1; } QGroupBox { background-color: white; border: 2px solid #bdc3c7; border-radius: 8px; margin-top: 10px; padding-top: 15px; font-weight: bold; font-size: 14px; } QGroupBox::title { subcontrol-origin: margin; left: 10px; padding: 0 5px; } ''') # Layout principal layout = QVBoxLayout() layout.setContentsMargins(20, 20, 20, 20) layout.setSpacing(15) # Título titulo = QLabel('⚙️ Configuración del Sistema') titulo.setStyleSheet(''' color: #2c3e50; font-size: 24px; font-weight: bold; padding: 10px; ''') titulo.setAlignment(Qt.AlignCenter) layout.addWidget(titulo) # Grupo: Cuenta de Usuario grupo_usuario = QGroupBox('Cuenta de Usuario') usuario_layout = QFormLayout() self.input_usuario = QLineEdit(self.config.get('usuario', 'admin')) self.input_usuario.setStyleSheet(self.estilo_input()) usuario_layout.addRow('Usuario:', self.input_usuario) self.input_password = QLineEdit(self.config.get('contraseña', 'admin')) self.input_password.setEchoMode(QLineEdit.Password) self.input_password.setStyleSheet(self.estilo_input()) usuario_layout.addRow('Contraseña:', self.input_password) grupo_usuario.setLayout(usuario_layout) layout.addWidget(grupo_usuario) # Grupo: Apariencia grupo_apariencia = QGroupBox('Apariencia') apariencia_layout = QFormLayout() self.combo_tema = QComboBox() self.combo_tema.addItems(['claro', 'oscuro']) self.combo_tema.setCurrentText(self.config.get('tema', 'claro')) self.combo_tema.setStyleSheet(''' QComboBox { padding: 8px; border: 2px solid #bdc3c7; border-radius: 5px; background-color: white; font-size: 13px; } QComboBox:hover { border: 2px solid #3498db; } QComboBox::drop-down { border: none; } ''') apariencia_layout.addRow('Tema:', self.combo_tema) self.input_fondo = QLineEdit(self.config.get('fondo_pantalla', 'default_wallpaper.jpg')) self.input_fondo.setStyleSheet(self.estilo_input()) apariencia_layout.addRow('Fondo de Pantalla:', self.input_fondo) grupo_apariencia.setLayout(apariencia_layout) layout.addWidget(grupo_apariencia) # Grupo: Audio grupo_audio = QGroupBox('Audio') audio_layout = QVBoxLayout() volumen_layout = QHBoxLayout() volumen_label = QLabel('Volumen del Sistema:') volumen_label.setStyleSheet('font-weight: normal; font-size: 13px;') volumen_layout.addWidget(volumen_label) self.slider_volumen = QSlider(Qt.Horizontal) self.slider_volumen.setRange(0, 100) self.slider_volumen.setValue(self.config.get('volumen', 50)) self.slider_volumen.setStyleSheet(''' QSlider::groove:horizontal { background: #bdc3c7; height: 8px; border-radius: 4px; } QSlider::handle:horizontal { background: #3498db; width: 18px; margin: -5px 0; border-radius: 9px; } QSlider::sub-page:horizontal { background: #3498db; border-radius: 4px; } ''') self.slider_volumen.valueChanged.connect(self.actualizar_label_volumen) volumen_layout.addWidget(self.slider_volumen) self.label_volumen = QLabel(f'{self.config.get("volumen", 50)}%') self.label_volumen.setStyleSheet('font-weight: normal; font-size: 13px; min-width: 40px;') volumen_layout.addWidget(self.label_volumen) audio_layout.addLayout(volumen_layout) grupo_audio.setLayout(audio_layout) layout.addWidget(grupo_audio) # Espacio flexible layout.addStretch() # Botones de acción botones_layout = QHBoxLayout() btn_guardar = QPushButton('💾 Guardar Cambios') btn_guardar.setStyleSheet(self.estilo_boton('#27ae60')) btn_guardar.clicked.connect(self.guardar_cambios) botones_layout.addWidget(btn_guardar) btn_restaurar = QPushButton('🔄 Restaurar Predeterminados') btn_restaurar.setStyleSheet(self.estilo_boton('#e67e22')) btn_restaurar.clicked.connect(self.restaurar_predeterminados) botones_layout.addWidget(btn_restaurar) btn_cancelar = QPushButton('❌ Cancelar') btn_cancelar.setStyleSheet(self.estilo_boton('#95a5a6')) btn_cancelar.clicked.connect(self.close) botones_layout.addWidget(btn_cancelar) layout.addLayout(botones_layout) self.setLayout(layout) def estilo_input(self): """Retorna el estilo CSS para los inputs""" return ''' QLineEdit { padding: 8px; border: 2px solid #bdc3c7; border-radius: 5px; background-color: white; font-size: 13px; } QLineEdit:focus { border: 2px solid #3498db; } ''' def estilo_boton(self, color='#3498db'): """Retorna el estilo CSS para los botones""" return f''' QPushButton {{ background-color: {color}; color: white; border: none; padding: 10px 20px; border-radius: 5px; font-size: 14px; font-weight: bold; }} QPushButton:hover {{ opacity: 0.8; }} QPushButton:pressed {{ background-color: #2c3e50; }} ''' def actualizar_label_volumen(self, valor): """Actualiza la etiqueta del volumen""" self.label_volumen.setText(f'{valor}%') def guardar_cambios(self): """Guarda los cambios en la configuración""" nueva_config = { 'usuario': self.input_usuario.text(), 'contraseña': self.input_password.text(), 'tema': self.combo_tema.currentText(), 'volumen': self.slider_volumen.value(), 'fondo_pantalla': self.input_fondo.text() } if guardar_configuracion(nueva_config): QMessageBox.information( self, 'Configuración Guardada', 'Los cambios se han guardado exitosamente.\n\nAlgunos cambios pueden requerir reiniciar el sistema para aplicarse.' ) self.config = nueva_config # Actualizar el tema del escritorio si está disponible if self.escritorio_parent: self.escritorio_parent.config = nueva_config self.escritorio_parent.aplicar_tema() else: QMessageBox.critical( self, 'Error', 'No se pudieron guardar los cambios.' ) def restaurar_predeterminados(self): """Restaura la configuración predeterminada""" respuesta = QMessageBox.question( self, 'Restaurar Configuración', '¿Está seguro de restaurar la configuración predeterminada?\n\nEsto sobrescribirá todos los cambios actuales.', QMessageBox.Yes | QMessageBox.No ) if respuesta == QMessageBox.Yes: from config import DEFAULT_CONFIG self.input_usuario.setText(DEFAULT_CONFIG['usuario']) self.input_password.setText(DEFAULT_CONFIG['contraseña']) self.combo_tema.setCurrentText(DEFAULT_CONFIG['tema']) self.slider_volumen.setValue(DEFAULT_CONFIG['volumen']) self.input_fondo.setText(DEFAULT_CONFIG['fondo_pantalla']) QMessageBox.information( self, 'Configuración Restaurada', 'La configuración predeterminada ha sido restaurada.\n\nHaga clic en "Guardar Cambios" para aplicar.' ) [V0_FILE]python:file="energia.py" isMerged="true" """ Gestión de Energía - Control de apagado, reinicio y suspensión Permite cerrar, reiniciar o suspender el sistema """ from PyQt5.QtWidgets import (QWidget, QVBoxLayout, QHBoxLayout, QPushButton, QLabel, QMessageBox) from PyQt5.QtCore import Qt, QTimer from PyQt5.QtGui import QFont import sys class GestionEnergia(QWidget): """Ventana de gestión de energía""" def __init__(self, escritorio_parent=None): super().__init__() self.escritorio_parent = escritorio_parent self.suspendido = False self.initUI() def initUI(self): """Inicializa la interfaz de usuario""" self.setWindowTitle('Gestión de Energía') self.setGeometry(300, 300, 500, 400) self.setStyleSheet(''' QWidget { background: qlineargradient(x1:0, y1:0, x2:1, y2:1, stop:0 #2c3e50, stop:1 #34495e); } ''') # Layout principal layout = QVBoxLayout() layout.setContentsMargins(30, 30, 30, 30) layout.setSpacing(20) # Título titulo = QLabel('⚡ Gestión de Energía') titulo.setStyleSheet(''' color: white; font-size: 28px; font-weight: bold; padding: 20px; ''') titulo.setAlignment(Qt.AlignCenter) layout.addWidget(titulo) # Descripción descripcion = QLabel('Seleccione una opción de energía para el sistema') descripcion.setStyleSheet(''' color: #ecf0f1; font-size: 14px; padding: 10px; ''') descripcion.setAlignment(Qt.AlignCenter) descripcion.setWordWrap(True) layout.addWidget(descripcion) layout.addSpacing(20) # Botón Suspender btn_suspender = QPushButton('💤 Suspender') btn_suspender.setStyleSheet(self.estilo_boton('#f39c12')) btn_suspender.setMinimumHeight(70) btn_suspender.clicked.connect(self.suspender) layout.addWidget(btn_suspender) # Descripción suspender desc_suspender = QLabel('Pone el sistema en modo de suspensión') desc_suspender.setStyleSheet('color: #bdc3c7; font-size: 12px;') desc_suspender.setAlignment(Qt.AlignCenter) layout.addWidget(desc_suspender) layout.addSpacing(10) # Botón Reiniciar btn_reiniciar = QPushButton('🔄 Reiniciar') btn_reiniciar.setStyleSheet(self.estilo_boton('#3498db')) btn_reiniciar.setMinimumHeight(70) btn_reiniciar.clicked.connect(self.reiniciar) layout.addWidget(btn_reiniciar) # Descripción reiniciar desc_reiniciar = QLabel('Reinicia el sistema operativo') desc_reiniciar.setStyleSheet('color: #bdc3c7; font-size: 12px;') desc_reiniciar.setAlignment(Qt.AlignCenter) layout.addWidget(desc_reiniciar) layout.addSpacing(10) # Botón Apagar btn_apagar = QPushButton('🔴 Apagar') btn_apagar.setStyleSheet(self.estilo_boton('#e74c3c')) btn_apagar.setMinimumHeight(70) btn_apagar.clicked.connect(self.apagar) layout.addWidget(btn_apagar) # Descripción apagar desc_apagar = QLabel('Apaga completamente el sistema') desc_apagar.setStyleSheet('color: #bdc3c7; font-size: 12px;') desc_apagar.setAlignment(Qt.AlignCenter) layout.addWidget(desc_apagar) layout.addSpacing(20) # Botón Cancelar btn_cancelar = QPushButton('❌ Cancelar') btn_cancelar.setStyleSheet(self.estilo_boton('#95a5a6')) btn_cancelar.clicked.connect(self.close) layout.addWidget(btn_cancelar) self.setLayout(layout) def estilo_boton(self, color='#3498db'): """Retorna el estilo CSS para los botones""" return f''' QPushButton {{ background-color: {color}; color: white; border: none; padding: 15px; border-radius: 10px; font-size: 18px; font-weight: bold; }} QPushButton:hover {{ opacity: 0.85; transform: scale(1.02); }} QPushButton:pressed {{ background-color: #2c3e50; }} ''' def suspender(self): """Suspende el sistema (congela la interfaz)""" respuesta = QMessageBox.question( self, 'Suspender Sistema', '¿Desea suspender el sistema?\n\nEl escritorio se congelará temporalmente.', QMessageBox.Yes | QMessageBox.No ) if respuesta == QMessageBox.Yes: if self.escritorio_parent: # Crear ventana de suspensión self.ventana_suspension = QWidget() self.ventana_suspension.setWindowTitle('Sistema Suspendido') self.ventana_suspension.showMaximized() self.ventana_suspension.setStyleSheet(''' QWidget { background-color: black; } ''') layout_suspension = QVBoxLayout() layout_suspension.setAlignment(Qt.AlignCenter) label_suspension = QLabel('💤\n\nSistema en Suspensión\n\nHaga clic para reactivar') label_suspension.setStyleSheet(''' color: white; font-size: 32px; font-weight: bold; ''') label_suspension.setAlignment(Qt.AlignCenter) layout_suspension.addWidget(label_suspension) self.ventana_suspension.setLayout(layout_suspension) self.ventana_suspension.mousePressEvent = lambda event: self.reactivar_sistema() self.ventana_suspension.show() # Ocultar el escritorio self.escritorio_parent.hide() self.close() def reactivar_sistema(self): """Reactiva el sistema desde la suspensión""" if hasattr(self, 'ventana_suspension'): self.ventana_suspension.close() if self.escritorio_parent: self.escritorio_parent.show() def reiniciar(self): """Reinicia el sistema (cierra y vuelve a abrir el escritorio)""" respuesta = QMessageBox.question( self, 'Reiniciar Sistema', '¿Desea reiniciar el sistema?\n\nSe cerrará el escritorio y volverá a la pantalla de login.', QMessageBox.Yes | QMessageBox.No ) if respuesta == QMessageBox.Yes: # Mostrar mensaje de reinicio msg = QMessageBox(self) msg.setWindowTitle('Reiniciando...') msg.setText('🔄 Reiniciando el sistema...') msg.setStandardButtons(QMessageBox.NoButton) msg.show() # Cerrar después de 2 segundos y abrir login QTimer.singleShot(2000, self.ejecutar_reinicio) def ejecutar_reinicio(self): """Ejecuta el proceso de reinicio""" # Cerrar todas las ventanas if self.escritorio_parent: self.escritorio_parent.close() self.close() # Abrir nueva ventana de login from login import Login self.nueva_sesion = Login() self.nueva_sesion.show() def apagar(self): """Apaga el sistema (cierra la aplicación)""" respuesta = QMessageBox.question( self, 'Apagar Sistema', '¿Desea apagar el sistema?\n\nSe cerrará completamente la aplicación.', QMessageBox.Yes | QMessageBox.No ) if respuesta == QMessageBox.Yes: # Mostrar mensaje de apagado msg = QMessageBox(self) msg.setWindowTitle('Apagando...') msg.setText('🔴 Apagando el sistema...\n\nGracias por usar nuestro Sistema Operativo') msg.setStandardButtons(QMessageBox.NoButton) msg.show() # Cerrar después de 2 segundos QTimer.singleShot(2000, self.ejecutar_apagado) def ejecutar_apagado(self): """Ejecuta el proceso de apagado""" # Cerrar todas las ventanas y salir de la aplicación from PyQt5.QtWidgets import QApplication QApplication.quit() sys.exit(0) [V0_FILE]plaintext:file="INSTALACION.txt" isMerged="true" ================================================================= SISTEMA OPERATIVO VISUAL EN PYTHON - GUÍA DE INSTALACIÓN ================================================================= Este documento contiene instrucciones paso a paso para instalar y ejecutar el Sistema Operativo Visual en Python. ================================================================= REQUISITOS PREVIOS ================================================================= 1. Python 3.7 o superior instalado en su sistema - Verificar: python --version - Descargar desde: https://www.python.org/downloads/ 2. pip (gestor de paquetes de Python) - Generalmente viene incluido con Python - Verificar: pip --version ================================================================= INSTALACIÓN PASO A PASO ================================================================= PASO 1: Descargar el proyecto ------------------------------ Descargue y extraiga el archivo ZIP del proyecto en una carpeta de su elección. Por ejemplo: C:\Users\TuUsuario\Sistema_Operativo\ PASO 2: Abrir terminal/consola ------------------------------- - Windows: Presione Win+R, escriba "cmd" y presione Enter - Linux/Mac: Abra la aplicación Terminal PASO 3: Navegar a la carpeta del proyecto ------------------------------------------ Usando el comando 'cd', navegue hasta la carpeta del proyecto: cd C:\Users\TuUsuario\Sistema_Operativo PASO 4: Crear entorno virtual (RECOMENDADO) -------------------------------------------- Ejecute el siguiente comando: python -m venv venv Esto creará una carpeta llamada 'venv' con el entorno virtual. PASO 5: Activar el entorno virtual ----------------------------------- - Windows: venv\Scripts\activate - Linux/Mac: source venv/bin/activate Verá que aparece (venv) al inicio de la línea de comandos. PASO 6: Instalar dependencias ------------------------------ Con el entorno virtual activado, ejecute: pip install -r requirements.txt Esto instalará PyQt5 y Pillow automáticamente. PASO 7: Ejecutar el sistema operativo -------------------------------------- Una vez instaladas las dependencias, ejecute: python main.py ¡El sistema operativo debería iniciarse! ================================================================= CREDENCIALES POR DEFECTO ================================================================= Usuario: admin Contraseña: admin Puede cambiar estas credenciales desde la aplicación de "Configuración del Sistema" una vez dentro del escritorio. ================================================================= ESTRUCTURA DEL PROYECTO ================================================================= Sistema_Operativo/ ├── main.py # Punto de entrada principal ├── config.py # Configuración global ├── bios_simulada.py # Pantalla de arranque BIOS ├── login.py # Sistema de autenticación ├── escritorio.py # Escritorio principal ├── explorador_archivos.py # Explorador de archivos ├── reproductor.py # Reproductor multimedia ├── configuracion.py # Configuración del sistema ├── energia.py # Gestión de energía ├── requirements.txt # Dependencias del proyecto ├── sistema_config.json # Archivo de configuración ├── README.md # Documentación principal ├── INSTALACION.txt # Esta guía └── recursos/ # Recursos del sistema ├── iconos/ # Iconos de aplicaciones ├── imagenes/ # Imágenes y fondos ├── musica/ # Archivos de música ├── videos/ # Archivos de video └── temas/ # Temas visuales ================================================================= CARACTERÍSTICAS DEL SISTEMA ================================================================= 1. BIOS SIMULADA - Pantalla de arranque con mensajes de inicio - Transición automática al login 2. SISTEMA DE LOGIN - Autenticación con usuario y contraseña - Validación de credenciales - Mensajes de error personalizados 3. ESCRITORIO - Interfaz gráfica completa - Barra de tareas con reloj - Iconos de aplicaciones - Temas claro y oscuro 4. EXPLORADOR DE ARCHIVOS - Navegación por carpetas - Visualización de archivos - Copiar, pegar, renombrar y eliminar - Crear nuevas carpetas - Iconos según tipo de archivo 5. REPRODUCTOR MULTIMEDIA - Reproducción de música (MP3, WAV, FLAC) - Visualización de imágenes (JPG, PNG, GIF) - Soporte para videos (MP4, AVI, MKV) - Controles de reproducción - Control de volumen - Playlist con navegación 6. CONFIGURACIÓN DEL SISTEMA - Cambiar usuario y contraseña - Seleccionar tema (claro/oscuro) - Ajustar volumen del sistema - Cambiar fondo de pantalla - Guardar preferencias en JSON 7. GESTIÓN DE ENERGÍA - Suspender sistema - Reiniciar (volver al login) - Apagar (cerrar aplicación) - Confirmaciones de seguridad ================================================================= SOLUCIÓN DE PROBLEMAS ================================================================= PROBLEMA: "python no se reconoce como comando" SOLUCIÓN: Asegúrese de que Python esté instalado y agregado al PATH del sistema. Reinstale Python marcando "Add to PATH". PROBLEMA: "No module named 'PyQt5'" SOLUCIÓN: Active el entorno virtual y ejecute: pip install PyQt5 PROBLEMA: "Permission denied" al crear carpetas SOLUCIÓN: Ejecute el programa con permisos de administrador o cambie los permisos de la carpeta del proyecto. PROBLEMA: No se reproduce audio/video SOLUCIÓN: Asegúrese de tener los códecs necesarios instalados en su sistema operativo. PROBLEMA: La ventana no se muestra correctamente SOLUCIÓN: Actualice los drivers de su tarjeta gráfica. ================================================================= PERSONALIZACIÓN ================================================================= CAMBIAR CREDENCIALES: Edite el archivo sistema_config.json: { "usuario": "tu_usuario", "contraseña": "tu_contraseña", ... } AGREGAR RECURSOS: Coloque sus archivos en las carpetas correspondientes: - Música: recursos/musica/ - Videos: recursos/videos/ - Imágenes: recursos/imagenes/ - Iconos: recursos/iconos/ MODIFICAR TEMAS: Edite los archivos .py correspondientes y modifique los estilos CSS en las funciones setStyleSheet(). ================================================================= DESINSTALACIÓN ================================================================= 1. Desactive el entorno virtual (si está activo): deactivate 2. Elimine la carpeta completa del proyecto 3. (Opcional) Desinstale las dependencias globales: pip uninstall PyQt5 Pillow ================================================================= SOPORTE Y CONTACTO ================================================================= Para reportar errores o solicitar nuevas características, por favor contacte al desarrollador. Versión: 1.0 Fecha: 2025 ================================================================= ¡DISFRUTE DEL SISTEMA! ================================================================= [V0_FILE]plaintext:file=".gitignore" isMerged="true" # Python __pycache__/ *.py[cod] *$py.class *.so .Python build/ develop-eggs/ dist/ downloads/ eggs/ .eggs/ lib/ lib64/ parts/ sdist/ var/ wheels/ *.egg-info/ .installed.cfg *.egg # Virtual Environment venv/ ENV/ env/ # IDE .vscode/ .idea/ *.swp *.swo *~ # OS .DS_Store Thumbs.db # Project specific sistema_config.json recursos/musica/* recursos/videos/* recursos/imagenes/* !recursos/musica/.gitkeep !recursos/videos/.gitkeep !recursos/imagenes/.gitkeep [V0_FILE]plaintext:file="recursos/iconos/.gitkeep" isMerged="true" # Este archivo mantiene la carpeta en el repositorio [V0_FILE]plaintext:file="recursos/imagenes/.gitkeep" isMerged="true" # Este archivo mantiene la carpeta en el repositorio [V0_FILE]plaintext:file="recursos/musica/.gitkeep" isMerged="true" # Este archivo mantiene la carpeta en el repositorio [V0_FILE]plaintext:file="recursos/videos/.gitkeep" isMerged="true" # Este archivo mantiene la carpeta en el repositorio [V0_FILE]plaintext:file="recursos/temas/.gitkeep" isMerged="true" # Este archivo mantiene la carpeta en el repositorio [V0_FILE]typescriptreact:file="app/page.tsx" isMerged="true" "use client" import { useState, useEffect } from "react" import BiosScreen from "@/components/bios-screen" import LoginScreen from "@/components/login-screen" import Desktop from "@/components/desktop" type SystemState = "bios" | "login" | "desktop" export default function OperatingSystem() { const [systemState, setSystemState] = useState("bios") const [currentUser, setCurrentUser] = useState("") useEffect(() => { // BIOS boot sequence const biosTimer = setTimeout(() => { setSystemState("login") }, 4000) return () => clearTimeout(biosTimer) }, []) const handleLogin = (username: string) => { setCurrentUser(username) setSystemState("desktop") } const handleLogout = () => { setCurrentUser("") setSystemState("login") } const handleShutdown = () => { setSystemState("bios") setTimeout(() => { setSystemState("login") }, 4000) } return (

{systemState === "bios" && } {systemState === "login" && } {systemState === "desktop" && ( )}

) } [V0_FILE]css:file="app/globals.css" isFixed="true" isQuickEdit="true" isMerged="true" @import "tailwindcss"; @import "tw-animate-css"; @custom-variant dark (&:is(.dark *)); :root { --background: oklch(1 0 0); --foreground: oklch(0.145 0 0); --card: oklch(1 0 0); --card-foreground: oklch(0.145 0 0); --popover: oklch(1 0 0); --popover-foreground: oklch(0.145 0 0); --primary: oklch(0.205 0 0); --primary-foreground: oklch(0.985 0 0); --secondary: oklch(0.97 0 0); --secondary-foreground: oklch(0.205 0 0); --muted: oklch(0.97 0 0); --muted-foreground: oklch(0.556 0 0); --accent: oklch(0.97 0 0); --accent-foreground: oklch(0.205 0 0); --destructive: oklch(0.577 0.245 27.325); --destructive-foreground: oklch(0.577 0.245 27.325); --border: oklch(0.922 0 0); --input: oklch(0.922 0 0); --ring: oklch(0.708 0 0); --chart-1: oklch(0.646 0.222 41.116); --chart-2: oklch(0.6 0.118 184.704); --chart-3: oklch(0.398 0.07 227.392); --chart-4: oklch(0.828 0.189 84.429); --chart-5: oklch(0.769 0.188 70.08); --radius: 0.625rem; --sidebar: oklch(0.985 0 0); --sidebar-foreground: oklch(0.145 0 0); --sidebar-primary: oklch(0.205 0 0); --sidebar-primary-foreground: oklch(0.985 0 0); --sidebar-accent: oklch(0.97 0 0); --sidebar-accent-foreground: oklch(0.205 0 0); --sidebar-border: oklch(0.922 0 0); --sidebar-ring: oklch(0.708 0 0); } .dark { --background: oklch(0.145 0 0); --foreground: oklch(0.985 0 0); --card: oklch(0.145 0 0); --card-foreground: oklch(0.985 0 0); --popover: oklch(0.145 0 0); --popover-foreground: oklch(0.985 0 0); --primary: oklch(0.985 0 0); --primary-foreground: oklch(0.205 0 0); --secondary: oklch(0.269 0 0); --secondary-foreground: oklch(0.985 0 0); --muted: oklch(0.269 0 0); --muted-foreground: oklch(0.708 0 0); --accent: oklch(0.269 0 0); --accent-foreground: oklch(0.985 0 0); --destructive: oklch(0.396 0.141 25.723); --destructive-foreground: oklch(0.637 0.237 25.331); --border: oklch(0.269 0 0); --input: oklch(0.269 0 0); --ring: oklch(0.439 0 0); --chart-1: oklch(0.488 0.243 264.376); --chart-2: oklch(0.696 0.17 162.48); --chart-3: oklch(0.769 0.188 70.08); --chart-4: oklch(0.627 0.265 303.9); --chart-5: oklch(0.645 0.246 16.439); --sidebar: oklch(0.205 0 0); --sidebar-foreground: oklch(0.985 0 0); --sidebar-primary: oklch(0.488 0.243 264.376); --sidebar-primary-foreground: oklch(0.985 0 0); --sidebar-accent: oklch(0.269 0 0); --sidebar-accent-foreground: oklch(0.985 0 0); --sidebar-border: oklch(0.269 0 0); --sidebar-ring: oklch(0.439 0 0); } @theme inline { /* optional: --font-sans, --font-serif, --font-mono if they are applied in the layout.tsx */ --color-background: var(--background); --color-foreground: var(--foreground); --color-card: var(--card); --color-card-foreground: var(--card-foreground); --color-popover: var(--popover); --color-popover-foreground: var(--popover-foreground); --color-primary: var(--primary); --color-primary-foreground: var(--primary-foreground); --color-secondary: var(--secondary); --color-secondary-foreground: var(--secondary-foreground); --color-muted: var(--muted); --color-muted-foreground: var(--muted-foreground); --color-accent: var(--accent); --color-accent-foreground: var(--accent-foreground); --color-destructive: var(--destructive); --color-destructive-foreground: var(--destructive-foreground); --color-border: var(--border); --color-input: var(--input); --color-ring: var(--ring); --color-chart-1: var(--chart-1); --color-chart-2: var(--chart-2); --color-chart-3: var(--chart-3); --color-chart-4: var(--chart-4); --color-chart-5: var(--chart-5); --radius-sm: calc(var(--radius) - 4px); --radius-md: calc(var(--radius) - 2px); --radius-lg: var(--radius); --radius-xl: calc(var(--radius) + 4px); --color-sidebar: var(--sidebar); --color-sidebar-foreground: var(--sidebar-foreground); --color-sidebar-primary: var(--sidebar-primary); --color-sidebar-primary-foreground: var(--sidebar-primary-foreground); --color-sidebar-accent: var(--sidebar-accent); --color-sidebar-accent-foreground: var(--sidebar-accent-foreground); --color-sidebar-border: var(--sidebar-border); --color-sidebar-ring: var(--sidebar-ring); --font-sans: "Geist", "Geist Fallback"; --font-mono: "Geist Mono", "Geist Mono Fallback"; /* OS Theme Colors */ --color-os-bg: #0a0a0a; --color-os-surface: #1a1a1a; --color-os-surface-hover: #2a2a2a; --color-os-border: #333333; --color-os-accent: #0066ff; --color-os-accent-hover: #0052cc; --color-os-text: #ffffff; --color-os-text-muted: #a0a0a0; --color-os-success: #00cc66; --color-os-warning: #ff9900; --color-os-error: #ff3333; /* Window Colors */ --color-window-bg: #1e1e1e; --color-window-titlebar: #2d2d2d; --color-window-border: #404040; /* Taskbar Colors */ --color-taskbar-bg: rgba(20, 20, 20, 0.95); --color-taskbar-hover: rgba(255, 255, 255, 0.1); } @layer base { * { @apply border-border outline-ring/50; } body { @apply bg-background text-foreground; } } * { margin: 0; padding: 0; box-sizing: border-box; } body { font-family: var(--font-sans); background: var(--color-os-bg); color: var(--color-os-text); overflow: hidden; } /* Custom scrollbar */ ::-webkit-scrollbar { width: 8px; height: 8px; } ::-webkit-scrollbar-track { background: var(--color-os-surface); } ::-webkit-scrollbar-thumb { background: var(--color-os-border); border-radius: 4px; } ::-webkit-scrollbar-thumb:hover { background: var(--color-os-text-muted); } /* Selection */ ::selection { background: var(--color-os-accent); color: white; } [V0_FILE]typescriptreact:file="components/bios-screen.tsx" isMerged="true" "use client" import { useState, useEffect } from "react" export default function BiosScreen() { const [messages, setMessages] = useState([]) useEffect(() => { const bootMessages = [ "WebOS BIOS v2.0.1", "Copyright (C) 2025 WebOS Corporation", "", "Initializing system...", "CPU: Intel Core i7-12700K @ 3.60GHz", "Memory: 16384 MB OK", "Detecting drives...", "Primary Master: WebOS Virtual Drive (500GB)", "", "Loading operating system...", "Please wait...", ] bootMessages.forEach((msg, index) => { setTimeout(() => { setMessages((prev) => [...prev, msg]) }, index * 300) }) }, []) return (

{messages.map((msg, index) => (

{msg || "\u00A0"}

))}

) } [V0_FILE]typescriptreact:file="components/login-screen.tsx" isMerged="true" "use client" import type React from "react" import { useState } from "react" import { Button } from "@/components/ui/button" import { Input } from "@/components/ui/input" interface LoginScreenProps { onLogin: (username: string) => void } export default function LoginScreen({ onLogin }: LoginScreenProps) { const [username, setUsername] = useState("") const [password, setPassword] = useState("") const [error, setError] = useState("") const [time, setTime] = useState(new Date()) useState(() => { const timer = setInterval(() => setTime(new Date()), 1000) return () => clearInterval(timer) }) const handleSubmit = (e: React.FormEvent) => { e.preventDefault() if (username === "admin" && password === "admin") { onLogin(username) } else if (username === "user" && password === "user") { onLogin(username) } else { setError("Invalid username or password") setTimeout(() => setError(""), 3000) } } return (

{/* Animated background */}

{/* Time display */}

{time.toLocaleTimeString("en-US", { hour: "2-digit", minute: "2-digit" })}

{time.toLocaleDateString("en-US", { weekday: "long", month: "long", day: "numeric" })}

{/* Login form */}

Welcome Back

Default credentials:

admin/admin or user/user

) } [V0_FILE]png:file="public/abstract-tech-pattern.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/abstract-tech-pattern-Cs2nFXNToziO2iz92E0FULI65tYQLv.png" isMerged="true" [V0_FILE]typescriptreact:file="components/desktop.tsx" isEdit="true" isQuickEdit="true" isMerged="true" "use client" import type React from "react" import { useState } from "react" import Taskbar from "@/components/taskbar" import Window from "@/components/window" import FileExplorer from "@/components/apps/file-explorer" import MediaPlayer from "@/components/apps/media-player" import SystemSettings from "@/components/apps/system-settings" import PowerMenu from "@/components/power-menu" interface DesktopProps { username: string onLogout: () => void onShutdown: () => void } export interface WindowState { id: string title: string icon: string component: React.ReactNode isMinimized: boolean isMaximized: boolean position: { x: number; y: number } size: { width: number; height: number } zIndex: number } export default function Desktop({ username, onLogout, onShutdown }: DesktopProps) { const [windows, setWindows] = useState([]) const [nextZIndex, setNextZIndex] = useState(100) const [showPowerMenu, setShowPowerMenu] = useState(false) const [time, setTime] = useState(new Date()) useState(() => { const timer = setInterval(() => setTime(new Date()), 1000) return () => clearInterval(timer) }) const openWindow = (appId: string) => { const existingWindow = windows.find((w) => w.id === appId) if (existingWindow) { if (existingWindow.isMinimized) { setWindows((prev) => prev.map((w) => (w.id === appId ? { ...w, isMinimized: false, zIndex: nextZIndex } : w))) setNextZIndex((prev) => prev + 1) } else { focusWindow(appId) } return } const appConfigs: Record< string, { title: string; icon: string; component: React.ReactNode; size: { width: number; height: number } } > = { explorer: { title: "File Explorer", icon: "📁", component: , size: { width: 800, height: 600 }, }, media: { title: "Media Player", icon: "🎵", component: , size: { width: 700, height: 500 }, }, settings: { title: "System Settings", icon: "⚙️", component: , size: { width: 900, height: 650 }, }, } const config = appConfigs[appId] if (!config) return const newWindow: WindowState = { id: appId, title: config.title, icon: config.icon, component: config.component, isMinimized: false, isMaximized: false, position: { x: 100 + windows.length * 30, y: 80 + windows.length * 30, }, size: config.size, zIndex: nextZIndex, } setWindows((prev) => [...prev, newWindow]) setNextZIndex((prev) => prev + 1) } const closeWindow = (id: string) => { setWindows((prev) => prev.filter((w) => w.id !== id)) } const minimizeWindow = (id: string) => { setWindows((prev) => prev.map((w) => (w.id === id ? { ...w, isMinimized: true } : w))) } const maximizeWindow = (id: string) => { setWindows((prev) => prev.map((w) => w.id === id ? { ...w, isMaximized: !w.isMaximized, position: w.isMaximized ? w.position : { x: 0, y: 0 }, size: w.isMaximized ? w.size : { width: window.innerWidth, height: window.innerHeight - 48 }, } : w, ), ) } const focusWindow = (id: string) => { setWindows((prev) => prev.map((w) => (w.id === id ? { ...w, zIndex: nextZIndex } : w))) setNextZIndex((prev) => prev + 1) } const updateWindowPosition = (id: string, position: { x: number; y: number }) => { setWindows((prev) => prev.map((w) => (w.id === id ? { ...w, position } : w))) } const updateWindowSize = (id: string, size: { width: number; height: number }) => { setWindows((prev) => prev.map((w) => (w.id === id ? { ...w, size } : w))) } const desktopIcons = [ { id: "explorer", name: "File Explorer", icon: "📁" }, { id: "media", name: "Media Player", icon: "🎵" }, { id: "settings", name: "Settings", icon: "⚙️" }, ] const handleSearchApp = (appId: string) => { openWindow(appId) } return (

{/* Desktop wallpaper overlay */}

{/* Desktop icons */}

{desktopIcons.map((icon) => ( ))}

{/* Windows */} {windows.map( (window) => !window.isMinimized && ( closeWindow(window.id)} onMinimize={() => minimizeWindow(window.id)} onMaximize={() => maximizeWindow(window.id)} onFocus={() => focusWindow(window.id)} onPositionChange={(pos) => updateWindowPosition(window.id, pos)} onSizeChange={(size) => updateWindowSize(window.id, size)} > {window.component} ), )} {/* Power menu */} {showPowerMenu && ( setShowPowerMenu(false)} onLogout={onLogout} onShutdown={onShutdown} onRestart={() => { onShutdown() }} /> )} {/* Taskbar */} { const window = windows.find((w) => w.id === id) if (window?.isMinimized) { setWindows((prev) => prev.map((w) => (w.id === id ? { ...w, isMinimized: false, zIndex: nextZIndex } : w))) setNextZIndex((prev) => prev + 1) } else { focusWindow(id) } }} onPowerClick={() => setShowPowerMenu(true)} onSearchApp={handleSearchApp} time={time} username={username} />

) } [V0_FILE]typescriptreact:file="components/window.tsx" isMerged="true" "use client" import type React from "react" import { useState, useRef, useEffect } from "react" import { Button } from "@/components/ui/button" import { Minus, Square, X } from "lucide-react" interface WindowProps { id: string title: string icon: string children: React.ReactNode position: { x: number; y: number } size: { width: number; height: number } zIndex: number isMaximized: boolean onClose: () => void onMinimize: () => void onMaximize: () => void onFocus: () => void onPositionChange: (position: { x: number; y: number }) => void onSizeChange: (size: { width: number; height: number }) => void } export default function Window({ id, title, icon, children, position, size, zIndex, isMaximized, onClose, onMinimize, onMaximize, onFocus, onPositionChange, onSizeChange, }: WindowProps) { const [isDragging, setIsDragging] = useState(false) const [isResizing, setIsResizing] = useState(false) const [dragStart, setDragStart] = useState({ x: 0, y: 0 }) const [resizeStart, setResizeStart] = useState({ x: 0, y: 0, width: 0, height: 0 }) const windowRef = useRef(null) useEffect(() => { const handleMouseMove = (e: MouseEvent) => { if (isDragging && !isMaximized) { const newX = e.clientX - dragStart.x const newY = e.clientY - dragStart.y onPositionChange({ x: Math.max(0, newX), y: Math.max(0, newY) }) } if (isResizing) { const newWidth = Math.max(400, resizeStart.width + (e.clientX - resizeStart.x)) const newHeight = Math.max(300, resizeStart.height + (e.clientY - resizeStart.y)) onSizeChange({ width: newWidth, height: newHeight }) } } const handleMouseUp = () => { setIsDragging(false) setIsResizing(false) } if (isDragging || isResizing) { document.addEventListener("mousemove", handleMouseMove) document.addEventListener("mouseup", handleMouseUp) } return () => { document.removeEventListener("mousemove", handleMouseMove) document.removeEventListener("mouseup", handleMouseUp) } }, [isDragging, isResizing, dragStart, resizeStart, isMaximized, onPositionChange, onSizeChange]) const handleTitleBarMouseDown = (e: React.MouseEvent) => { if (e.target === e.currentTarget || (e.target as HTMLElement).closest(".window-title")) { onFocus() setIsDragging(true) setDragStart({ x: e.clientX - position.x, y: e.clientY - position.y, }) } } const handleResizeMouseDown = (e: React.MouseEvent) => { e.stopPropagation() setIsResizing(true) setResizeStart({ x: e.clientX, y: e.clientY, width: size.width, height: size.height, }) } return (

{/* Title bar */}

{icon} {title}

{/* Content */}

{children}

{/* Resize handle */} {!isMaximized && (

)}

) } [V0_FILE]typescriptreact:file="components/taskbar.tsx" isEdit="true" isMerged="true" "use client" import { Button } from "@/components/ui/button" import { Input } from "@/components/ui/input" import { Power, Search, Battery, BatteryCharging, Wifi } from "lucide-react" import { useState } from "react" import type { WindowState } from "./desktop" interface TaskbarProps { windows: WindowState[] onWindowClick: (id: string) => void onPowerClick: () => void onSearchApp: (appId: string) => void time: Date username: string } export default function Taskbar({ windows, onWindowClick, onPowerClick, onSearchApp, time, username }: TaskbarProps) { const [searchQuery, setSearchQuery] = useState("") const [showSearch, setShowSearch] = useState(false) const [batteryLevel, setBatteryLevel] = useState(85) const [isCharging, setIsCharging] = useState(false) const apps = [ { id: "explorer", name: "File Explorer", icon: "📁" }, { id: "media", name: "Media Player", icon: "🎵" }, { id: "settings", name: "Settings", icon: "⚙️" }, ] const filteredApps = apps.filter((app) => app.name.toLowerCase().includes(searchQuery.toLowerCase())) const handleAppClick = (appId: string) => { onSearchApp(appId) setSearchQuery("") setShowSearch(false) } return (

{/* Start button */} {/* Separator */}

{ setSearchQuery(e.target.value) setShowSearch(e.target.value.length > 0) }} onFocus={() => setShowSearch(searchQuery.length > 0)} className="pl-10 bg-white/10 border-white/20 text-white placeholder:text-white/60 h-9 rounded-full" /> {/* Search results dropdown */} {showSearch && filteredApps.length > 0 && (

{filteredApps.map((app) => ( ))}

)}

{/* Open windows */}

{windows.map((window) => ( ))}

{/* Separator */}

{username}

{time.toLocaleTimeString("en-US", { hour: "2-digit", minute: "2-digit" })}

) } [V0_FILE]typescriptreact:file="components/power-menu.tsx" isMerged="true" "use client" import { Button } from "@/components/ui/button" import { Power, RotateCw, LogOut, X } from "lucide-react" interface PowerMenuProps { onClose: () => void onLogout: () => void onShutdown: () => void onRestart: () => void } export default function PowerMenu({ onClose, onLogout, onShutdown, onRestart }: PowerMenuProps) { return (

Power Options

) } [V0_FILE]jpg:file="public/desktop-wallpaper.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/desktop-wallpaper-lkzWAnJNM4MqRSayX4KtNLnrh01ntG.jpg" isMerged="true" [V0_FILE]typescriptreact:file="components/apps/file-explorer.tsx" isEdit="true" isMerged="true" "use client" import { useState } from "react" import { Button } from "@/components/ui/button" import { Input } from "@/components/ui/input" import { Progress } from "@/components/ui/progress" import { ChevronLeft, ChevronRight, Home, Search, Folder, File, ImageIcon, Music, Video, FileText, Trash2, Copy, Edit3, Plus, HardDrive, Upload, } from "lucide-react" interface FileItem { id: string name: string type: "folder" | "file" fileType?: "image" | "music" | "video" | "document" | "text" size?: string sizeBytes?: number modified: string path: string } const initialFiles: FileItem[] = [ { id: "1", name: "Documents", type: "folder", modified: "2025-01-15", path: "/Documents" }, { id: "2", name: "Pictures", type: "folder", modified: "2025-01-14", path: "/Pictures" }, { id: "3", name: "Music", type: "folder", modified: "2025-01-13", path: "/Music" }, { id: "4", name: "Videos", type: "folder", modified: "2025-01-12", path: "/Videos" }, { id: "5", name: "Downloads", type: "folder", modified: "2025-01-11", path: "/Downloads" }, { id: "6", name: "README.txt", type: "file", fileType: "text", size: "2.4 KB", sizeBytes: 2400, modified: "2025-01-10", path: "/README.txt", }, { id: "7", name: "vacation.jpg", type: "file", fileType: "image", size: "1.2 MB", sizeBytes: 1200000, modified: "2025-01-09", path: "/vacation.jpg", }, { id: "8", name: "song.mp3", type: "file", fileType: "music", size: "3.5 MB", sizeBytes: 3500000, modified: "2025-01-08", path: "/song.mp3", }, { id: "9", name: "Project Report.docx", type: "file", fileType: "document", size: "856 KB", sizeBytes: 856000, modified: "2025-01-07", path: "/Project Report.docx", }, { id: "10", name: "Budget 2025.xlsx", type: "file", fileType: "document", size: "124 KB", sizeBytes: 124000, modified: "2025-01-06", path: "/Budget 2025.xlsx", }, { id: "11", name: "Presentation.pptx", type: "file", fileType: "document", size: "4.2 MB", sizeBytes: 4200000, modified: "2025-01-05", path: "/Presentation.pptx", }, { id: "12", name: "movie.mp4", type: "file", fileType: "video", size: "125 MB", sizeBytes: 125000000, modified: "2025-01-04", path: "/movie.mp4", }, ] export default function FileExplorer() { const [files, setFiles] = useState(initialFiles) const [currentPath, setCurrentPath] = useState("/") const [selectedFile, setSelectedFile] = useState(null) const [searchQuery, setSearchQuery] = useState("") const [viewMode, setViewMode] = useState<"grid" | "list">("grid") const totalStorage = 500 * 1024 * 1024 * 1024 // 500 GB in bytes const usedStorage = files.reduce((acc, file) => acc + (file.sizeBytes || 0), 0) const usedStorageGB = (usedStorage / (1024 * 1024 * 1024)).toFixed(2) const totalStorageGB = (totalStorage / (1024 * 1024 * 1024)).toFixed(0) const storagePercentage = (usedStorage / totalStorage) * 100 const getFileIcon = (item: FileItem) => { if (item.type === "folder") return switch (item.fileType) { case "image": return case "music": return case "video": return

Welcome Back

Power Options

Display Settings

Sound Settings

Personalization

Account Settings

{settings.username}

Notification Settings

System Information

{track.title}

Playlist ({playlist.length})

Welcome Back

Power Options

Display Settings

Sound Settings

Personalization

Account Settings

{settings.username}

Notification Settings

System Information

{track.title}

Playlist ({playlist.length})