Capitulo 17: Panel Git
Capitulo 17: Panel Git
< Volver al Indice del Tutorial
Spacecake incluye un panel Git integrado que muestra el estado del repositorio directamente en la interfaz. Este panel es de solo lectura: presenta informacion pero no ejecuta comandos git. Para hacer commits, push u otras operaciones, usa el terminal integrado.
Branch badge
En el sidebar, Spacecake muestra un badge con el nombre de la rama actual. Este badge se actualiza automaticamente cuando cambias de rama desde el terminal. Es una referencia rapida para saber en que branch estas trabajando sin necesidad de ejecutar git branch.
Estado de archivos
El panel agrupa los archivos por su estado Git. Cada estado tiene un indicador de color para identificarlo rapidamente:
| Indicador | Estado | Color | Descripcion |
|---|---|---|---|
| M | Modified | Amarillo | Archivos modificados desde el ultimo commit |
| S | Staged | Verde | Archivos en el staging area, listos para commit |
| U | Untracked | Azul | Archivos nuevos que no estan rastreados por git |
| D | Deleted | Rojo | Archivos eliminados |
| A | Added | Verde | Archivos recien anadidos al repositorio |
Secciones colapsables
Cada grupo de estado (modified, staged, untracked, deleted, added) funciona como una seccion colapsable. Puedes expandir o colapsar cada grupo para enfocarte solo en los archivos que te interesan. Esto es especialmente util cuando tienes muchos archivos modificados y quieres concentrarte, por ejemplo, solo en los que estan en staging.
Historial de commits
El panel muestra la lista de commits recientes del repositorio. Cada entrada incluye:
- Hash: identificador corto del commit.
- Mensaje: el mensaje descriptivo del commit.
- Autor: quien hizo el commit.
- Fecha: cuando se realizo.
Esta vista te permite revisar el historial sin salir de Spacecake ni ejecutar git log en el terminal.
Interacciones
El panel Git ofrece varias interacciones para facilitar el trabajo:
Click en archivo
Al hacer click en un archivo listado en el panel, Spacecake lo abre directamente en el editor. No necesitas navegar el arbol de archivos ni usar quick open.
Copiar ruta
Cada archivo tiene un boton para copiar su ruta completa al portapapeles. Util cuando necesitas referenciar la ruta en un comando del terminal o en un mensaje para Claude Code.
Hover en archivo
Al pasar el cursor sobre un archivo, aparece un HoverCard que muestra la ruta completa. Esto es util cuando los nombres de archivo estan truncados en el panel.
Click en commit
Al hacer click en un commit del historial, el panel muestra los archivos que fueron modificados en ese commit especifico. Desde ahi puedes hacer click en cualquiera de esos archivos para ver su diff, conectando directamente con el diff viewer cubierto en el capitulo 8.
Virtualizacion
Para repositorios con muchos archivos modificados, el panel Git usa TanStack Virtual para renderizar la lista de forma eficiente. En lugar de renderizar todos los elementos del DOM simultaneamente, solo renderiza los que son visibles en el viewport. Esto mantiene el rendimiento estable incluso en repos con cientos de archivos cambiados.
Panel de solo lectura
Es importante recordar que el panel Git es exclusivamente informativo. No puedes hacer staging, commits, push ni ninguna operacion git desde el panel. Para todas esas operaciones, usa el terminal integrado de Spacecake (cubierto en el capitulo 9).
El panel complementa al terminal: te da una vista visual rapida del estado del repositorio, y el terminal te da el control total para ejecutar cualquier comando git.
Integracion con diff viewer
Cuando haces click en un archivo desde la vista de un commit, Spacecake abre el diff de ese archivo. Esto conecta con la funcionalidad del diff viewer del capitulo 8, permitiendo ver exactamente que cambios se hicieron en cada archivo de cada commit sin salir de la aplicacion.
Siguiente: Capitulo 18: Workflow Spec-Driven —>