Barra lateral del proyecto
Descripción general
La Barra lateral del proyecto es el centro de navegación principal de tu espacio de trabajo. Proporciona acceso rápido a cada herramienta y panel principal que necesitas mientras trabajas, desde la gestión de archivos y control de versiones hasta sesiones de chat con IA, seguimiento de tareas, despliegues y más. Cada panel se abre como una superposición deslizable para que puedas alternar entre herramientas sin abandonar tu vista actual.
La barra lateral se extiende a lo largo del borde derecho del espacio de trabajo del proyecto y contiene botones de iconos para cada panel. Al hacer clic en un icono se abre la superposición de ese panel, y al hacer clic de nuevo (o presionar Escape) se cierra. La barra lateral siempre está visible y sirve como la forma principal de interactuar con las herramientas de tu proyecto.
Paneles disponibles
La barra lateral contiene los siguientes paneles, cada uno documentado en detalle en las secciones a continuación:
Favoritos
Marca con estrella y organiza los archivos de proyecto más usados para acceso instantáneo.
Chat
Gestiona grupos de chat de IA, sesiones de agentes e historial de conversaciones.
GitHub
Visualiza el estado del repositorio, ramas, commits y gestiona pull requests.
Tareas
Realiza seguimiento de tareas del proyecto, asigna prioridades y gestiona tu flujo de trabajo.
Despliegues
Monitorea y activa despliegues en tus proveedores de hosting configurados.
Calendario de historial
Explora la actividad del proyecto y los cambios de archivos en una línea temporal de calendario.
Compilaciones
Visualiza registros de compilación, estado y salida de las compilaciones de tu proyecto.
Árbol de archivos
Gestiona la configuración de visualización del árbol de archivos y las acciones a nivel de elemento.
Cuadro de prompt
Entrada de prompt de acceso rápido para enviar instrucciones al agente de IA.
Biblioteca de grupos de bloques
Explora y gestiona bloques de componentes reutilizables de tu biblioteca.
Archivos seleccionados
Visualiza y gestiona los archivos actualmente seleccionados para operaciones masivas.
Buscar
Busca en todo tu proyecto archivos, código y contenido.
Ocultar archivos
Configura qué archivos y carpetas se ocultan del árbol de archivos.
Panel de favoritos
Descripción general
El Panel de favoritos es una superposición de la barra lateral que te permite marcar con estrella y organizar los archivos de proyecto más usados para acceso rápido. En lugar de buscar en el árbol de archivos cada vez, marca los archivos importantes como favoritos y encuéntralos al instante.
Características
Estrella
Haz clic en el icono de estrella en cualquier archivo para agregarlo o eliminarlo de tus favoritos. Los archivos marcados aparecen en el Panel de favoritos para acceso rápido.
Organización por grupos
Organiza tus archivos favoritos en grupos personalizados. Los grupos se guardan localmente para que persistan entre sesiones.
Selección múltiple de archivos
Selecciona múltiples archivos favoritos a la vez y realiza acciones masivas como agregarlos todos a una tarea.
Agregar a tarea
Selecciona uno o más archivos favoritos y agrégalos directamente a una tarea con un solo clic, agilizando tu flujo de trabajo.
Contador de favoritos
Una insignia muestra el número total de archivos favoritos para que siempre sepas cuántos tienes guardados.
Panel de chat
Descripción general
El Panel de chat es una superposición de la barra lateral para gestionar tus grupos de chat de IA y sesiones de agentes. Proporciona un lugar central para explorar, crear, editar y eliminar conversaciones de chat, así como ver registros de sesiones CLI, SDK y ACP.
Pestañas
Chat
Explora y gestiona tus grupos de chat de IA. Crea nuevos grupos, renómbralos, busca entre los existentes o elimina conversaciones que ya no necesites.
CLI
Visualiza registros de sesiones de agentes basados en CLI como Claude Code, Gemini CLI y Codex CLI. Cada sesión muestra el tipo de agente con su logotipo de marca.
SDK
Visualiza registros de sesiones de agentes basados en SDK, incluyendo integraciones de Claude SDK, Gemini SDK y OpenAI SDK.
ACP
Visualiza registros de sesiones de agentes ACP (Protocolo de Comunicación de Agentes) con sus configuraciones e historial de ejecución.
Características
CRUD de grupos de chat
Crea, renombra, busca y elimina grupos de chat. Cada grupo puede contener un hilo de conversación completo con contexto.
Paginación
Las sesiones cargan 50 elementos a la vez con un botón "Cargar más" para historiales grandes.
Selección múltiple
Usa Shift+Clic para selección por rango entre sesiones. Realiza eliminación masiva u otras acciones en los elementos seleccionados.
Menú contextual
Haz clic derecho en cualquier sesión para acceder a acciones rápidas como eliminar o ver registros detallados.
Identificación de agente
Cada sesión muestra logotipos de marca del agente de IA utilizado (Claude Code, Gemini, Codex, ACP) para que puedas identificarlos de un vistazo.
Panel de tareas
Descripción general
El Panel de tareas es una superposición de la barra lateral para crear y gestionar tareas a nivel de proyecto. Cada tarea puede incluir un nombre, un prompt o instrucción, y una selección de archivos del proyecto como contexto. Las tareas te ayudan a organizar elementos de trabajo y enviarlos directamente a los agentes de IA.
Características
Creación de tareas
Crea tareas con un nombre, texto de prompt/instrucción y archivos de proyecto seleccionados. Las tareas están limitadas al proyecto actual.
Integración con árbol de archivos
Un panel de árbol de archivos redimensionable te permite explorar y seleccionar archivos del proyecto para adjuntar como contexto de la tarea.
Selección múltiple de archivos
Selecciona múltiples archivos para incluir en una tarea. La lista de archivos seleccionados muestra todos los archivos elegidos con opciones para eliminar elementos individuales.
Menú contextual
Haz clic derecho en archivos del árbol de archivos de la tarea para acciones rápidas como agregar o eliminar de la tarea.
Monitor de archivos
El monitor de archivos integrado detecta automáticamente cambios en los archivos del proyecto para que el contexto de tu tarea se mantenga actualizado.
Notificaciones emergentes
Retroalimentación visual mediante notificaciones emergentes para guardados exitosos, errores y mensajes informativos.
Panel de despliegues
Descripción general
El Panel de despliegues es una superposición de la barra lateral para desplegar tu proyecto en diversas plataformas de hosting. Las plataformas disponibles cambian según tu tipo de proyecto, proporcionándote las opciones de despliegue adecuadas para tu stack.
Soporte de plataformas por tipo de proyecto
Frontend / Aplicaciones web
Despliega sitios estáticos, SPAs y aplicaciones SSR.
Proyectos de backend / Python / API
Despliega aplicaciones del lado del servidor y APIs.
Proyectos de WordPress
Despliega configuraciones de CMS WordPress headless.
Características
CRUD de despliegues
Crea, visualiza, actualiza y elimina despliegues. Cada despliegue registra su plataforma, rama y configuración del repositorio git.
Detección automática
Los despliegues existentes conectados a tu proyecto se detectan automáticamente y se listan cuando abres el panel.
Gestión de claves API
Gestiona claves API para cada plataforma de despliegue. Las claves se almacenan de forma segura y se asocian con despliegues específicos.
Configuración específica de plataforma
Configura la rama de despliegue, repositorio git, variables de entorno y opciones específicas de plataforma para cada despliegue.
Indicador de despliegue activo
El despliegue actualmente activo se resalta para que puedas ver qué despliegue está en producción de un vistazo.
Menú contextual
Haz clic derecho en cualquier despliegue para acciones rápidas incluyendo eliminar y actualizar estado.
Panel de calendario de historial
Descripción general
El Panel de calendario de historial es una superposición de la barra lateral que proporciona una vista basada en calendario del historial de tu proyecto. Explora entradas por fecha, visualiza el historial de contexto interno y externo, y revisa interacciones pasadas con IA vinculadas a días específicos.
Características
Calendario interactivo
Navega por meses y años con un selector de calendario visual. Las fechas que tienen entradas de historial se resaltan para que puedas detectar la actividad de un vistazo.
Selector de mes/año
Salta rápidamente a cualquier mes y año en lugar de desplazarte un mes a la vez.
Pestañas de historial
Alterna entre las pestañas "GitHub" e "Interno" para ver diferentes tipos de historial: commits y eventos de git versus entradas de contexto interno de IA.
Visor de entradas
Haz clic en cualquier fecha resaltada para ver todas las entradas de historial de ese día. Haz clic en una entrada individual para ver sus detalles completos.
Menú contextual
Haz clic derecho en las entradas para acciones rápidas como ver detalles o eliminar elementos de historial específicos.
Eliminar con confirmación
Elimina entradas de historial con un paso de confirmación para prevenir eliminaciones accidentales.
Notificaciones
Notificaciones estilo emergente confirman acciones exitosas, errores o mensajes informativos dentro del panel.
Elementos del Árbol de Archivos
Descripción General
El Árbol de Archivos es el explorador de archivos principal en la barra lateral del proyecto. Muestra la estructura de directorios de tu proyecto en una vista de árbol recursiva y expandible. Cada archivo y carpeta se representa con iconos específicos por tipo y admite un amplio conjunto de interacciones.
Características
Vista de Árbol Recursiva
Las carpetas se expanden y contraen para revelar su contenido. El árbol admite anidación profunda con un límite de profundidad configurable para mantener el rendimiento.
Iconos de Tipo de Archivo
Cada archivo muestra un icono que coincide con su tipo (por ejemplo, TypeScript, JavaScript, JSON, CSS, imágenes). Las carpetas tienen iconos distintos de abierto/cerrado.
Arrastrar y Soltar
Mueve archivos y carpetas arrastrándolos a una nueva ubicación dentro del árbol. Los destinos de colocación se resaltan mientras arrastras.
Selección de Archivos
Haz clic en un archivo para seleccionarlo y abrirlo. Usa las casillas de verificación para selección múltiple con Shift+Clic para selección por rango.
Menú Contextual
Haz clic derecho en cualquier archivo o carpeta para acciones rápidas: copiar contenido, agregar a tarea, crear/editar en el editor, refactorizar, eliminar, ocultar, alternar favorito o descargar.
Actualización Automática
Las carpetas se monitorizan para detectar cambios en el sistema de archivos y se actualizan automáticamente cuando se agregan, eliminan o modifican archivos.
Resaltado de Búsqueda
Al buscar, los nombres de archivos coincidentes se resaltan dentro del árbol para ayudarte a localizar resultados rápidamente.
Alternar Favorito
El icono de estrella en cada archivo te permite agregarlo o eliminarlo de favoritos con retroalimentación visual instantánea.
Cambio de Proveedor
Cambia entre diferentes raíces de origen o rutas de proveedor dentro de un proyecto cuando se detectan múltiples.
Caja de Instrucciones
Descripción General
La Caja de Instrucciones se encuentra en la parte superior del árbol de archivos y proporciona botones de acceso rápido para operaciones comunes con archivos. Incluye herramientas para copiar contenido de archivos, crear tareas a partir de archivos seleccionados y gestionar la visualización del árbol de archivos.
Acciones
Copiar
Copia el contenido del archivo actualmente seleccionado a tu portapapeles. Útil para copiar código rápidamente y pegarlo en el chat de IA u otro editor.
Agregar a Tarea
Crea una nueva tarea a partir de los archivos seleccionados. Esto abre el Panel de Tareas con los archivos elegidos pre-adjuntos como contexto, permitiéndote definir un nombre de tarea e instrucciones para que los agentes de IA trabajen en ello.
Biblioteca de Grupos de Bloques
Descripción General
La Biblioteca de Grupos de Bloques es un modal accesible desde la barra de instrucciones (icono de rompecabezas) que te permite explorar, buscar y seleccionar componentes y bloques de UI reutilizables para incluir como contexto en tus conversaciones o tareas de IA. Los componentes están organizados por grupo y se pueden marcar como favoritos para acceso rápido.
Características
Exploración de Componentes
Explora todos los componentes y bloques disponibles organizados por nombre de grupo. Cada componente muestra una miniatura de vista previa con carga diferida.
Buscar y Filtrar
Busca componentes por nombre o descripción para encontrar rápidamente lo que necesitas. Filtra por categoría o grupo.
Vistas Previas con Carga Diferida
Las vistas previas de componentes se cargan bajo demanda usando IntersectionObserver con un búfer de precarga de 300px para un rendimiento de desplazamiento fluido.
Componentes Favoritos
Marca con estrella los componentes de uso frecuente para fijarlos en la parte superior de la biblioteca para acceso rápido.
Vista Detallada
Haz clic en cualquier componente para abrir un modal de detalle que muestra su vista previa completa, descripción y metadatos.
Selección de Contexto
Selecciona uno o más componentes para incluir como contexto en tu chat o tarea de IA. Un contador muestra cuántos están seleccionados actualmente.
Archivos Marcados
Descripción General
La pestaña de Archivos Marcados (icono de casilla de verificación en la barra de instrucciones) muestra todos los archivos actualmente seleccionados/marcados en el árbol de archivos. Proporciona una vista consolidada de tu contexto seleccionado — archivos, componentes y proyectos — para que puedas revisar y gestionar lo que se enviará a los agentes de IA.
Características
Lista de Archivos Seleccionados
Visualiza todos los archivos marcados en una lista ordenada alfabéticamente. Cada archivo muestra su ruta relativa a la raíz del proyecto.
Visualización de Selección de Componentes
Observa qué componentes de la Biblioteca de Grupos de Bloques están actualmente seleccionados junto con tus archivos marcados.
Agrupación por Proyecto
Cuando se incluyen archivos de múltiples proyectos seleccionados, se agrupan bajo sus respectivos nombres de proyecto.
Eliminar Archivos Individuales
Haz clic en cualquier archivo para deseleccionarlo del contexto. El doble clic activa la deselección con un tiempo de espera para evitar la alternancia rápida accidental.
Limpiar Todo
Un botón "Limpiar Todo" te permite deseleccionar todos los archivos marcados a la vez para empezar de nuevo.
Búsqueda
Descripción General
La función de Búsqueda (icono de lupa en la barra de instrucciones) proporciona filtrado de nombres de archivos en tiempo real dentro del árbol de archivos. Mientras escribes, el árbol se actualiza instantáneamente para mostrar solo los archivos coincidentes, con los términos coincidentes resaltados.
Características
Filtrado en Tiempo Real
El árbol de archivos se filtra mientras escribes. Solo se muestran los archivos cuyos nombres coinciden con tu consulta, lo que facilita localizar archivos específicos en proyectos grandes.
Resaltar Coincidencias
Las porciones coincidentes de los nombres de archivos se resaltan visualmente con un estilo distintivo para que puedas ver fácilmente por qué cada resultado coincidió.
Expansión Automática de Carpetas
Cuando una consulta de búsqueda coincide con archivos dentro de carpetas contraídas, esas carpetas se expanden automáticamente para revelar los resultados coincidentes.
Filtrado de Archivos Ocultos
La búsqueda respeta tu configuración de archivos ocultos — los archivos que hayas elegido ocultar no aparecerán en los resultados de búsqueda.
Ocultar Archivos
Descripción General
La función Ocultar Archivos (icono de ojo en la barra de instrucciones) te permite alternar la visibilidad de archivos y carpetas en el árbol de archivos. Los archivos ocultos se filtran de la vista del árbol y los resultados de búsqueda, manteniendo tu espacio de trabajo limpio y enfocado en los archivos que importan.
Características
Alternar Ojo
Haz clic en el icono de ojo abierto/cerrado en la barra de instrucciones para alternar la visibilidad de los archivos ocultos. Cuando el ojo está cerrado, los archivos ocultos se filtran.
Ocultación por Ruta
Oculta archivos por patrón de ruta. Puedes ocultar archivos específicos, carpetas enteras o grupos de archivos que coincidan con un patrón.
Estado Persistente
Tu configuración de archivos ocultos persiste entre sesiones para que no necesites volver a ocultar los mismos archivos cada vez que abras el proyecto.
Integración con Menú Contextual
Haz clic derecho en cualquier archivo o carpeta en el árbol y selecciona "Ocultar" para agregarlo rápidamente a la lista de archivos ocultos.