# El panel de AfterPack

Qué muestra el panel de AfterPack, cómo está organizado y qué builds aparecen en él.

Source: https://www.afterpack.dev/es/docs/dashboard

El panel muestra qué hicieron tus builds **Pro Cloud**. Es gratuito para toda cuenta registrada y registra si un build se ejecutó, cuánto costó, qué parte de tu código transformó y qué diagnósticos produjo.

No lo necesitas para usar AfterPack: [`npx afterpack@latest dist/`](https://www.afterpack.dev/es/docs/cli#usage) se ejecuta por completo en tu máquina, protege tu bundle y no envía nada a ningún sitio.

## Qué aparece en el panel

| Build | Aparece en el panel |
| --- | --- |
| Un build Free local (`npx afterpack@latest`, un [plugin](https://www.afterpack.dev/es/docs/frameworks) sin clave) | No. Nunca contacta con AfterPack, así que no hay ningún registro que mostrar. |
| Un [build Pro Cloud](https://www.afterpack.dev/es/docs/deployment-modes) (se resolvió una [`AFTERPACK_key`](https://www.afterpack.dev/es/docs/config#key) y los archivos se envían al motor en la nube) | Sí. Una fila por build, con sus métricas, su coste y sus diagnósticos. |
| Un build Pro Cloud con la captura del [Protection Map](https://www.afterpack.dev/es/docs/protection-map) activada | Sí, más un mapa guardado que puedes abrir y leer token a token. |
| Un build que falló | Puede enviarse telemetría de fallos anónima y sin código fuente (desactívala con [`AFTERPACK_telemetry_enabled=false`](https://www.afterpack.dev/es/docs/config#telemetry-enabled)), pero no crea una fila de build. |

Si los builds no aparecen, probablemente eran builds locales. Consulta [Claves de API](https://www.afterpack.dev/es/docs/dashboard/api-keys).

## Iniciar sesión

Inicia sesión en [afterpack.dev/login](https://www.afterpack.dev/es/login) con cualquiera de estas opciones:

- **Un enlace mágico**. Introduce tu correo y haz clic en el enlace que te llega. Sin contraseña que gestionar.
- **Inicio de sesión con Google**. Un clic, la misma cuenta.

Cualquiera de las dos te lleva a tu último espacio de trabajo activo. El registro es gratuito y crea un [espacio de trabajo](https://www.afterpack.dev/es/docs/dashboard/workspaces) con un proyecto `Default`.

## Cómo está organizado

Dos niveles, y los dos selectores de la barra lateral son exactamente eso: un **espacio de trabajo** arriba y un **proyecto** debajo.

| Nivel | Contiene | Páginas |
| --- | --- | --- |
| [Espacio de trabajo](https://www.afterpack.dev/es/docs/dashboard/workspaces) | La suscripción, la asignación de MB, los miembros y los proyectos | Resumen, Facturación, Ajustes |
| [Proyecto](https://www.afterpack.dev/es/docs/dashboard/workspaces#projects) | Los builds que produce una [clave de API](https://www.afterpack.dev/es/docs/dashboard/api-keys) y sus Protection Maps | Resumen, Builds, Claves de API, Ajustes del proyecto |

Dentro de un build, la barra lateral anida los demás builds de ese proyecto bajo **Builds**, para que puedas comparar dos sin volver a la lista.

El elemento de navegación [**Facturación**](https://www.afterpack.dev/es/docs/dashboard/usage) muestra una insignia de estado cuando algo requiere atención: *Prueba*, *Pago pendiente*, *Bloqueado* (el derecho de uso venció y los builds se detuvieron) o *Límite* (asignación agotada).

## Qué hacer aquí

1. **[Crea una clave de API](https://www.afterpack.dev/es/docs/dashboard/api-keys)**, que convierte los builds locales en builds Pro Cloud y llena todo lo demás.
2. **[Lee un build](https://www.afterpack.dev/es/docs/dashboard/builds)**: cobertura, inflación, complejidad, tiempo de build, diagnósticos y el Protection Map si se guardó uno.
3. **[Organiza el trabajo en proyectos](https://www.afterpack.dev/es/docs/dashboard/workspaces)** e invita a las personas que necesitan verlo.
4. **[Vigila el uso y gestiona el plan](https://www.afterpack.dev/es/docs/dashboard/usage)**: los MB medidos, lo que queda y lo que cuesta un mes intenso.

## Siguiente

- [Espacios de trabajo y proyectos](https://www.afterpack.dev/es/docs/dashboard/workspaces): los objetos de los que depende todo lo demás.
- [Builds](https://www.afterpack.dev/es/docs/dashboard/builds): el registro de cada build y cómo leerlo.
- [Claves de API](https://www.afterpack.dev/es/docs/dashboard/api-keys): crearlas, limitar su alcance y revocarlas.
- [Uso y facturación](https://www.afterpack.dev/es/docs/dashboard/usage): el medidor, los fondos y el plan.
- [Cuentas](https://www.afterpack.dev/es/docs/accounts): para qué sirve una cuenta y la página de tu propia cuenta.
- [Niveles](https://www.afterpack.dev/es/docs/tiers): la asignación y el límite de proyectos de cada plan.