|
|
<!DOCTYPE html> |
|
|
<html lang="es"> |
|
|
<head> |
|
|
<meta charset="UTF-8"> |
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
|
|
<title>GPT Local - Interfaces Disponibles</title> |
|
|
<style> |
|
|
body { |
|
|
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif; |
|
|
line-height: 1.6; |
|
|
max-width: 1200px; |
|
|
margin: 0 auto; |
|
|
padding: 20px; |
|
|
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); |
|
|
color: #333; |
|
|
min-height: 100vh; |
|
|
} |
|
|
.container { |
|
|
background: white; |
|
|
border-radius: 15px; |
|
|
padding: 30px; |
|
|
box-shadow: 0 20px 40px rgba(0,0,0,0.1); |
|
|
} |
|
|
h1 { |
|
|
color: #2c3e50; |
|
|
text-align: center; |
|
|
font-size: 2.5em; |
|
|
margin-bottom: 10px; |
|
|
} |
|
|
.subtitle { |
|
|
text-align: center; |
|
|
color: #7f8c8d; |
|
|
font-size: 1.2em; |
|
|
margin-bottom: 40px; |
|
|
} |
|
|
.interface-grid { |
|
|
display: grid; |
|
|
grid-template-columns: repeat(auto-fit, minmax(350px, 1fr)); |
|
|
gap: 30px; |
|
|
margin: 40px 0; |
|
|
} |
|
|
.interface-card { |
|
|
border: 2px solid #e3e9ee; |
|
|
border-radius: 12px; |
|
|
padding: 25px; |
|
|
background: #fafbfc; |
|
|
transition: all 0.3s ease; |
|
|
} |
|
|
.interface-card:hover { |
|
|
border-color: #667eea; |
|
|
transform: translateY(-5px); |
|
|
box-shadow: 0 15px 30px rgba(0,0,0,0.1); |
|
|
} |
|
|
.interface-title { |
|
|
font-size: 1.4em; |
|
|
font-weight: bold; |
|
|
color: #2c3e50; |
|
|
margin-bottom: 15px; |
|
|
display: flex; |
|
|
align-items: center; |
|
|
} |
|
|
.icon { |
|
|
font-size: 1.5em; |
|
|
margin-right: 10px; |
|
|
} |
|
|
.interface-description { |
|
|
color: #5a6c7d; |
|
|
margin-bottom: 20px; |
|
|
line-height: 1.5; |
|
|
} |
|
|
.features { |
|
|
list-style: none; |
|
|
padding: 0; |
|
|
margin: 15px 0; |
|
|
} |
|
|
.features li { |
|
|
padding: 5px 0; |
|
|
color: #34495e; |
|
|
} |
|
|
.features li:before { |
|
|
content: "✅ "; |
|
|
margin-right: 8px; |
|
|
} |
|
|
.command { |
|
|
background: #2c3e50; |
|
|
color: #ecf0f1; |
|
|
padding: 12px 15px; |
|
|
border-radius: 8px; |
|
|
font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', monospace; |
|
|
font-size: 0.9em; |
|
|
margin: 15px 0; |
|
|
word-break: break-all; |
|
|
} |
|
|
.status { |
|
|
padding: 8px 15px; |
|
|
border-radius: 6px; |
|
|
font-weight: bold; |
|
|
text-align: center; |
|
|
margin: 10px 0; |
|
|
} |
|
|
.status.working { |
|
|
background: #d4edda; |
|
|
color: #155724; |
|
|
border: 1px solid #c3e6cb; |
|
|
} |
|
|
.status.issue { |
|
|
background: #f8d7da; |
|
|
color: #721c24; |
|
|
border: 1px solid #f5c6cb; |
|
|
} |
|
|
.links { |
|
|
margin-top: 40px; |
|
|
padding: 25px; |
|
|
background: #f8f9fa; |
|
|
border-radius: 10px; |
|
|
} |
|
|
.links h3 { |
|
|
color: #2c3e50; |
|
|
margin-bottom: 15px; |
|
|
} |
|
|
.link-grid { |
|
|
display: grid; |
|
|
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); |
|
|
gap: 15px; |
|
|
} |
|
|
.link-item { |
|
|
display: flex; |
|
|
align-items: center; |
|
|
padding: 10px; |
|
|
background: white; |
|
|
border-radius: 8px; |
|
|
text-decoration: none; |
|
|
color: #2c3e50; |
|
|
border: 1px solid #dee2e6; |
|
|
transition: all 0.3s ease; |
|
|
} |
|
|
.link-item:hover { |
|
|
border-color: #667eea; |
|
|
transform: translateX(5px); |
|
|
} |
|
|
.link-icon { |
|
|
margin-right: 10px; |
|
|
font-size: 1.2em; |
|
|
} |
|
|
.architecture { |
|
|
margin-top: 40px; |
|
|
padding: 25px; |
|
|
background: #f8f9fa; |
|
|
border-radius: 10px; |
|
|
} |
|
|
.component { |
|
|
background: white; |
|
|
padding: 15px; |
|
|
margin: 10px 0; |
|
|
border-radius: 8px; |
|
|
border-left: 4px solid #667eea; |
|
|
} |
|
|
</style> |
|
|
</head> |
|
|
<body> |
|
|
<div class="container"> |
|
|
<h1>🤖 GPT Local</h1> |
|
|
<p class="subtitle">Sistema de chat GPT local con HuggingFace y múltiples interfaces</p> |
|
|
|
|
|
<div class="interface-grid"> |
|
|
|
|
|
<div class="interface-card"> |
|
|
<div class="interface-title"> |
|
|
<span class="icon">💻</span> |
|
|
Chat Terminal |
|
|
</div> |
|
|
<div class="interface-description"> |
|
|
Interfaz de línea de comandos optimizada para Apple Silicon (MPS). |
|
|
Es la interfaz principal y más estable del sistema. |
|
|
</div> |
|
|
<div class="status working">✅ Funcionando Perfectamente</div> |
|
|
<ul class="features"> |
|
|
<li>Optimizado para macOS MPS</li> |
|
|
<li>Modelo DialoGPT-small</li> |
|
|
<li>Chat conversacional</li> |
|
|
<li>Reset de historial</li> |
|
|
<li>Logging detallado</li> |
|
|
</ul> |
|
|
<div class="command">python3 chat_terminal.py</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="interface-card"> |
|
|
<div class="interface-title"> |
|
|
<span class="icon">🌐</span> |
|
|
Interfaz Web (Gradio) |
|
|
</div> |
|
|
<div class="interface-description"> |
|
|
Interfaz web moderna con pestañas para chat y configuración. |
|
|
Actualmente tiene problemas de compatibilidad. |
|
|
</div> |
|
|
<div class="status issue">⚠️ Error de Compatibilidad</div> |
|
|
<ul class="features"> |
|
|
<li>Interfaz gráfica web</li> |
|
|
<li>Control de parámetros</li> |
|
|
<li>Múltiples modelos</li> |
|
|
<li>Chat persistente</li> |
|
|
<li>Puerto 7860</li> |
|
|
</ul> |
|
|
<div class="command">python3 main.py</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="interface-card"> |
|
|
<div class="interface-title"> |
|
|
<span class="icon">🐳</span> |
|
|
Contenedor Docker |
|
|
</div> |
|
|
<div class="interface-description"> |
|
|
Imagen Alpine Linux securizada, lista para despliegue en producción. |
|
|
Sin vulnerabilidades de seguridad. |
|
|
</div> |
|
|
<div class="status working">✅ Imagen Segura Lista</div> |
|
|
<ul class="features"> |
|
|
<li>Base Alpine Linux</li> |
|
|
<li>Usuario no privilegiado</li> |
|
|
<li>Sin vulnerabilidades</li> |
|
|
<li>2.2GB optimizado</li> |
|
|
<li>Python 3.12</li> |
|
|
</ul> |
|
|
<div class="command">docker run -p 7860:7860 drtv/gpt-local</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="interface-card"> |
|
|
<div class="interface-title"> |
|
|
<span class="icon">🧪</span> |
|
|
Sistema de Pruebas |
|
|
</div> |
|
|
<div class="interface-description"> |
|
|
Script de pruebas automáticas para verificar el funcionamiento |
|
|
del modelo y los componentes del sistema. |
|
|
</div> |
|
|
<div class="status working">✅ Pruebas Funcionales</div> |
|
|
<ul class="features"> |
|
|
<li>Test de modelo</li> |
|
|
<li>Verificación MPS</li> |
|
|
<li>Test de generación</li> |
|
|
<li>Logging de errores</li> |
|
|
<li>Validación completa</li> |
|
|
</ul> |
|
|
<div class="command">python3 test_gpt.py</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<div class="architecture"> |
|
|
<h3>🏗️ Arquitectura del Sistema</h3> |
|
|
<div class="component"> |
|
|
<strong>models/</strong> - Gestión de modelos HuggingFace |
|
|
<br><small>model_loader.py, text_generator.py</small> |
|
|
</div> |
|
|
<div class="component"> |
|
|
<strong>ui/</strong> - Interfaces de usuario |
|
|
<br><small>gradio_interface.py (web), chat_terminal.py (terminal)</small> |
|
|
</div> |
|
|
<div class="component"> |
|
|
<strong>config/</strong> - Configuración del sistema |
|
|
<br><small>settings.py con parámetros por defecto</small> |
|
|
</div> |
|
|
<div class="component"> |
|
|
<strong>Docker</strong> - Contenedor securizado |
|
|
<br><small>Alpine Linux, usuario no privilegiado, sin vulnerabilidades</small> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<div class="links"> |
|
|
<h3>🔗 Enlaces del Proyecto</h3> |
|
|
<div class="link-grid"> |
|
|
<a href="https://github.com/panacea-icono/gpt-local" class="link-item"> |
|
|
<span class="link-icon">📁</span> |
|
|
Repositorio GitHub |
|
|
</a> |
|
|
<a href="https://huggingface.co/DRDELATV/gpt-local" class="link-item"> |
|
|
<span class="link-icon">🤗</span> |
|
|
HuggingFace Hub |
|
|
</a> |
|
|
<a href="https://hub.docker.com/r/drtv/gpt-local" class="link-item"> |
|
|
<span class="link-icon">🐳</span> |
|
|
Docker Hub |
|
|
</a> |
|
|
<a href="http://localhost:7860" class="link-item"> |
|
|
<span class="link-icon">🌐</span> |
|
|
Interfaz Local (cuando funcione) |
|
|
</a> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</body> |
|
|
</html> |
|
|
|
