Tutoriales

Guías paso a paso para tareas y flujos de trabajo comunes en LastBrowser.

1. Compilar LastBrowser desde el código fuente

Este tutorial guía a través del proceso completo de clonar, compilar y ejecutar LastBrowser desde el código fuente en Windows.

Requisitos previos

• Node.js v18+ — Descargar de nodejs.org
• Python 3.10+ — Descargar de python.org
• Git — Descargar de git-scm.com
• Visual Studio Build Tools — Para la compilación de módulos nativos (ej., Windows Build Tools mediante npm install --global windows-build-tools)

Paso a paso

1. Clonar el repositorio
   git clone https://github.com/Loggableim/lastbrowser.git
2. Navegar al directorio nativo
   cd lastbrowser/native
3. Instalar dependencias
   npm install — Esto instala Electron v35, electron-builder, sql.js y todas las dependencias.
4. Iniciar en modo de desarrollo
   npm run dev — Inicia Electron con el backend de Python. La variable de entorno ELECTRON_DEV=1 dirige el lanzador del servidor al directorio padre.
5. Verificar que funciona
   La ventana de LastBrowser debería aparecer con la barra lateral oscura, y el pie de estado debería mostrar "conectado" una vez que el servidor Python esté listo.

Compilar para distribución

# Compilar instalador NSIS
npm run build

# Compilar directorio portátil (sin instalador, ejecutar desde cualquier carpeta)
npm run build:dir

# Compilación de versión de producción
npm run dist

La salida va a native/dist/. El instalador será LastBrowser-Setup-0.2.0.exe (o tu versión).

2. Crear tu primer agente de IA

El sistema de agentes de LastBrowser te permite configurar agentes de IA con diferentes modelos, proveedores y roles. Aquí te mostramos cómo configurar tu primer agente.

1. Abrir el panel de Agentes — Haz clic en el icono de Agentes en la barra lateral (Ctrl+4).
2. Haz clic en "Añadir agente" — Abre el formulario de configuración del agente.
3. Configura tu agente:
   • Nombre: "Mi asistente"
   • Modelo: deepseek-v4-flash (o cualquier modelo al que tengas acceso)
   • Proveedor: opencode-go (o tu proveedor preferido)
   • Máx. de tokens: 4000
   • Temperatura: 0.7 (equilibrio entre creatividad y precisión)
   • Rol: Trabajador (asistente de propósito general)
4. Habilitar el agente — Activa el interruptor de habilitación.
5. Guardar — Tu agente ahora está activo y listo.

Asignar un agente a una pestaña

Una vez creado tu agente, puedes asignarlo a una pestaña del navegador:

1. Abre el panel del Navegador (Ctrl+4).
2. Navega a una página web.
3. Haz clic en el icono del agente en la barra de herramientas de la pestaña y selecciona tu agente.
4. El agente ahora puede navegar, hacer clic, escribir, desplazarse y extraer contenido de esa pestaña.

Ver estadísticas del agente

El panel de Agentes muestra estadísticas en tiempo real: total de tareas ejecutadas, tokens usados, tasa de éxito y número de trabajos en ejecución. Haz clic en cualquier agente para ver el historial detallado.

3. Configurar un tablero Kanban

Los tableros Kanban te ayudan a gestionar tareas visualmente. Cada espacio de trabajo tiene sus propios tableros.

1. Abrir el panel Kanban — Haz clic en el icono de Kanban en la barra lateral (Ctrl+2).
2. Haz clic en "Nuevo tablero" — Dale un título como "Mis tareas" o "Proyecto Alfa".
3. Las columnas predeterminadas se crean automáticamente: Bandeja de entrada, Por hacer, Planificado, En progreso, En espera, Revisión, Pruebas, Hecho, Archivado.
4. Añadir tarjetas — Haz clic en "Añadir tarjeta" en cualquier columna. Dale un título, descripción y una fecha de vencimiento opcional.
5. Arrastrar tarjetas entre columnas para actualizar su estado.
6. Establecer límites WIP — Haz clic derecho en el encabezado de una columna para establecer un límite de trabajo en progreso (ej., limitar "En progreso" a 3 tarjetas).

Consejos

• Usa etiquetas para categorizar tarjetas (error, función, mejora, etc.)
• Añade listas de verificación para desglosar tareas en subtareas
• Usa comentarios para discutir sobre tarjetas individuales
• Las tarjetas en la columna "Hecho" se archivan automáticamente después de 30 días

4. Organizar con espacios de trabajo

Los espacios de trabajo mantienen diferentes proyectos o contextos completamente separados. Cada espacio de trabajo tiene sus propias pestañas, cookies, agentes y tableros kanban.

1. Crear un nuevo espacio de trabajo — Haz clic en el icono + en el selector de espacios de trabajo (parte superior de la barra lateral).
2. Ponle nombre — ej., "Trabajo", "Personal", "Proyecto Alfa".
3. Elige un icono y color — Facilita la identificación de los espacios de trabajo de un vistazo.
4. Cambiar entre espacios de trabajo — Haz clic en un nombre de espacio de trabajo en el selector. Cada espacio de trabajo se carga de forma independiente.
5. Pausar espacios de trabajo no utilizados — Haz clic derecho en un espacio de trabajo y selecciona "Pausar" para liberar recursos del sistema.

5. Usar la vista dividida

La vista dividida te permite ver dos páginas web una al lado de la otra dentro de la misma ventana.

1. Abrir dos pestañas en tu espacio de trabajo (ej., una página de documentación y un editor de código).
2. Activar la vista dividida — Haz clic en el icono de vista dividida en la barra de herramientas o usa el panel de Vista dividida.
3. Seleccionar pestañas — Elige qué dos pestañas mostrar. El espacio de trabajo se divide en dos paneles.
4. Redimensionar paneles — Arrastra el divisor entre los paneles para cambiar sus tamaños relativos.
5. Intercambiar paneles o cerrar la división — Usa los botones de la barra de herramientas para modificar el diseño.

Casos de uso

• Leer documentación mientras programas
• Comparar dos productos o artículos
• Mantener un agente de IA visible en un panel mientras navegas en otro
• Monitorear paneles simultáneamente

6. Realizar una sesión de concentración

El modo de concentración te ayuda a concentrarte silenciando distracciones y rastreando tu tiempo de trabajo.

1. Abrir la Paleta de comandos — Presiona Ctrl+K.
2. Escribe "Concentración" — Selecciona uno de los ajustes preestablecidos: Pomodoro (25m), Concentración 50 (50m), Concentración 90 (90m).
3. Alternativamente, usa Ctrl+Mayús+F para activar el modo de concentración directamente.
4. Durante la sesión:
   • Todas las notificaciones están silenciadas
   • Las insignias están ocultas
   • Los sonidos están silenciados
   • Una superposición de temporizador muestra el tiempo restante
5. Finalizar antes de tiempo — Presiona Ctrl+Mayús+F nuevamente, o usa la Paleta de comandos.

Consejos profesionales

• Comienza con un Pomodoro de 25 minutos si eres nuevo en las sesiones de concentración
• Usa Concentración 90 para trabajo profundo como programar o escribir
• Toma un Descanso corto (5m) o Descanso largo (15m) entre sesiones
• Combina el modo de concentración con un espacio de trabajo dedicado para máxima concentración

7. Dominar la paleta de comandos

La Paleta de comandos (Ctrl+K) es la forma más rápida de navegar y controlar LastBrowser sin tocar el ratón.

Qué puedes hacer

• Cambiar de espacio de trabajo — Escribe parte del nombre de un espacio de trabajo y presiona Enter
• Abrir pestañas — Busca por título de pestaña o URL
• Ejecutar comandos — Activar modo de concentración, modo compacto, silenciar todo, abrir DevTools
• Iniciar aplicaciones — Abre aplicaciones ancladas directamente desde la paleta
• Cambiar ajustes — Busca y activa/desactiva ajustes

Consejos de búsqueda difusa

• Las coincidencias exactas tienen la clasificación más alta: escribe el nombre completo de lo que buscas
• Las abreviaturas funcionan — "tr proy a" encontrará "espacio de trabajo Trabajo/Proyecto Alfa"
• Coincidencias parciales — escribir "pest" muestra todos los comandos relacionados con pestañas
• Navega con las teclas de flecha — luego presiona Enter para activar

Explorar las FAQ →