> For the complete documentation index, see [llms.txt](https://docs.flosum.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.flosum.com/devops/devops-es/transicion-a-la-nueva-ui-ux/capturas-de-pantalla-de-la-nueva-interfaz.md).
# Capturas de pantalla de la nueva interfaz
##  Resumen
Este artículo muestra capturas de pantalla de las interfaces de usuario de Cloud DevOps antigua y nueva para cada sección del menú lateral, para que puedas familiarizarte rápidamente con la nueva interfaz. También incluye dos secciones expandibles que cubren la nueva interfaz para las de una rama:
* **Rama > Componentes** pestaña: [#branch-components-tab](#branch-components-tab "mention")
* **Rama > Actividades** pestaña: [#branch-activities-tab](#branch-activities-tab "mention")
El Visor de código incluye muchas mejoras en la experiencia de usuario, que se detallan en un artículo aparte; consulta el siguiente enlace.
* [Visor de código mejorado](/devops/devops-es/transicion-a-la-nueva-ui-ux/visor-de-codigo-mejorado.md)
{% hint style="info" %}
Cada captura de pantalla en esta comparación usa el mismo tamaño de ventana, para que puedas comparar las interfaces nueva y antigua en igualdad de condiciones. Vistas una al lado de la otra, la nueva interfaz aprovecha mejor el espacio de la pantalla, mostrando más información sin resultar abarrotada.
{% endhint %}
## Organizaciones
La **Organizaciones** La página en ambas interfaces, la nueva y la antigua, proporciona una tabla de organizaciones de Salesforce conectadas a tu inquilino de DevOps, pero la nueva interfaz mejora el diseño de la tabla.
Nueva interfaz
Interfaz antigua
## Panel
La **Panel** La página solo tiene cambios menores de estilo entre las interfaces nueva y antigua.
Nueva interfaz
Interfaz antigua
## Código → Ramas
La **Código** La página ahora se llama **Ramas**, un nombre que refleja mejor el propósito de la sección. En la nueva interfaz, la tabla de Ramas muestra más información con un diseño mejorado y etiquetas de columnas más claras, para que puedas ver de un vistazo los detalles más importantes de cada rama, sin abrirla.
Nueva interfaz
Interfaz antigua
Pestaña Componentes de la rama
La pestaña Componentes de la rama se ha rediseñado para mostrar más información de un vistazo y colocar los botones habituales en ubicaciones más lógicas. La **Componentes** pestaña ahora se organiza en dos vistas de tabla seleccionables: **Componentes** y **Cambios destructivos**. Una nueva **Resumen** sección en el lado derecho de la pestaña proporciona información clave de la rama y botones para acciones relacionadas.
Las siguientes capturas de pantalla de la nueva interfaz resaltan elementos que se han movido en la **Ramas > Rama > Componentes** pestaña. Cada elemento está numerado y la lista siguiente explica a qué se refiere cada número.
1. **Componentes**: La tabla de la rama **Componentes** se muestra seleccionando la **Componentes** vista de tabla.
2. **+ Añadir componente**: Este botón se ha movido a la **Resumen** sección.
3. **+ Crear solicitud de extracción**: Este botón se ha movido desde el **Tres puntos** menú desplegable a la **Resumen** sección.
4. **Cambios destructivos**: La tabla de la rama **Cambios destructivos** se muestra seleccionando la **Cambios destructivos** vista de tabla.
5. **+ Añadir cambio previo**: Este botón solo es visible cuando la **Cambios destructivos** vista de tabla está seleccionada.
6. **+ Añadir cambio posterior**: Este botón solo es visible cuando la **Cambios destructivos** vista de tabla está seleccionada.
Pestaña Actividades de la rama
La pestaña Actividades de la rama se ha rediseñado para simplificar la organización de la información de actividad de la rama. La **Actividades** pestaña ahora se organiza en tres vistas seleccionables: **Rama**, **Pipeline**, y **Diagrama de estado**. Cada vista aparece en las capturas de pantalla de abajo y se explica en la lista adjunta.
Las siguientes capturas de pantalla de la nueva interfaz resaltan distintas vistas en la **Ramas > Rama > Actividades** pestaña. Cada vista está numerada y la lista siguiente explica a qué se refiere cada número.
1. La **Rama** La vista muestra una cronología de las actividades de trabajo de la rama y antes era la **Trabajos** tabla en la interfaz antigua.
2. La **Pipeline** La vista muestra una cronología de las actividades de trabajo del pipeline de la rama y antes era la **Pipelines** tabla en la interfaz antigua.
3. La **Diagrama de estado** La vista muestra las fuentes que fluyen hacia la rama y los destinos que salen de ella. Antes era la **Diagrama de estado** pestaña en la interfaz antigua.
## Solicitudes de extracción
La **Solicitudes de extracción** La página tiene una tabla actualizada y estados simplificados. La tabla muestra más detalle sobre cada solicitud de extracción y ahora mantiene visibles las **Cerrado** y **Fusionado** solicitudes de extracción visibles. Los estados se han reducido a solo tres.
**Nuevos estados**
* **Abierto**: Cubre todos los estados de la interfaz antigua (**Creada**, **Revisión solicitada**, **Cambios solicitados**, **Aprobada**) y indica una solicitud de extracción que necesita atención.
* **Fusionado**: Anteriormente oculto de la tabla, este estado significa que una solicitud de extracción se completó fusionando la rama de origen en la rama de destino.
* **Cerrado**: Anteriormente oculto de la tabla, este estado significa que una solicitud de extracción se cerró sin fusionarse, dejando las ramas de origen y destino sin cambios.
Nueva interfaz
Interfaz antigua
## Pipelines
Tanto en la interfaz nueva como en la antigua, la **Pipelines** página proporciona una tabla de pipelines disponibles, pero la nueva interfaz muestra más detalles sobre cada uno.
Nueva interfaz
Interfaz antigua
## Configuración
En la nueva interfaz, las **Configuración** opciones se han movido de una sola página a elementos de menú individuales. Ahora puedes abrir cada página de configuración directamente desde el menú lateral. El menú lateral ahora incluye los siguientes ajustes:
* integración Git
* Configuración de IA
* Integración de historias de usuario
* Variables de entorno
* Configuración de solicitudes de extracción
{% tabs %}
{% tab title="Integración de Git" %}
Nueva interfaz
{% endtab %}
{% tab title="Configuración de IA" %}
Nueva interfaz
{% endtab %}
{% tab title="Integración de historias de usuario" %}
Nueva interfaz
{% endtab %}
{% tab title="Variables de entorno" %}
Nueva interfaz
{% endtab %}
{% tab title="Configuración de solicitudes de extracción" %}
Nueva interfaz
{% endtab %}
{% endtabs %}
Interfaz antigua
---
# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.
## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation by asking a question.
Perform an HTTP GET request on the following URL with the `ask` and `goal` query parameters:
```
GET https://docs.flosum.com/devops/devops-es/transicion-a-la-nueva-ui-ux/capturas-de-pantalla-de-la-nueva-interfaz.md?ask=&goal=
```
`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is what the user is ultimately trying to achieve, the reason they need the answer. Sharing it helps GitBook give you a better, more relevant answer. A goal is most helpful when it describes the outcome the user wants rather than restating the question. For example, with `ask=how do I create an API token`, a goal like `automate deployments from our CI pipeline` lets GitBook tailor the answer to that use case.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.
Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
