> 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/novedades.md). # Novedades ## ![](https://2574462044-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRpUu5iMlzMFAudyBvMOl%2Fuploads%2FG5ZbxX918xOHwbAwAJ4n%2FSummary2-Small-Icon.svg?alt=media\&token=da26a67f-ff7f-47b3-8669-06be960dc2d7) Descripción general Flosum se enorgullece de presentar una interfaz de usuario (UI) bellamente rediseñada para Cloud DevOps, basada en una experiencia de usuario (UX) más rápida e intuitiva. La nueva UI tiene el aspecto y la sensación de una herramienta profesional de desarrollo, aprovechando mejor su pantalla para mostrar más detalles con menos clics y menos desplazamiento. Lo mejor de todo es que los flujos de trabajo que ya conoce apenas han cambiado; solo se han renovado o movido algunos botones, etiquetas y elementos de navegación. Este artículo le ofrece un recorrido rápido por todo lo nuevo, y los artículos complementarios a continuación proporcionan más detalles: * [Capturas de pantalla de la nueva interfaz](/devops/devops-es/transicion-a-la-nueva-ui-ux/capturas-de-pantalla-de-la-nueva-interfaz.md) * [¿Dónde quedó?](/devops/devops-es/transicion-a-la-nueva-ui-ux/donde-quedo.md) ## Implementación de la nueva UI La nueva UI de DevOps se implementará gradualmente, región por región, con días entre cada lanzamiento, por lo que es posible que no la vea de inmediato. Mientras tanto, puede revisar el artículo Transición a la nueva UI para familiarizarse con los próximos cambios, incluso mientras su tenant sigue en la UI antigua. {% hint style="info" %} #### Sin pérdida de datos La nueva UI es puramente cosmética. Todas sus organizaciones, ramas, solicitudes de extracción y pipelines existentes siguen estando totalmente disponibles y sin cambios. {% endhint %} ## Menú lateral El menú lateral tiene varios cambios que afectan a la forma en que navega por DevOps: 1. **Código** se ha cambiado el nombre a **Ramas**. El elemento del menú funciona igual que antes, por lo que puede seguir administrando sus ramas desde el mismo lugar usando la nueva etiqueta. 2. **Configuración** ahora está expandido para mostrar cada configuración como un elemento de menú. En lugar de abrir Configuración y seleccionar una página, puede ir directamente a la configuración que necesita desde la barra lateral, reduciendo el número de clics necesarios para llegar a ella. 3. **Ayuda** / **Tema** / **Cuenta de usuario** se ha movido a la parte inferior del menú lateral. Puede acceder a las opciones de Configuración de la cuenta, Tema (modo claro/oscuro) y Cerrar sesión desde el menú de Cuenta de usuario. ## Mejoras de la interfaz de ramas La interfaz de cada rama ahora presenta más información en lugares más lógicos, con menos desplazamiento y clics. Para ver una lista detallada de los elementos de la UI de ramas que se han movido, consulte el siguiente artículo: * [¿Dónde quedó?](/devops/devops-es/transicion-a-la-nueva-ui-ux/donde-quedo.md) ## Mejoras de la tabla de solicitudes de extracción La tabla de solicitudes de extracción ahora muestra más detalles sobre cada solicitud de extracción y mantiene **Cerradas** y **Fusionadas** las solicitudes de extracción visibles. En la UI antigua, una solicitud de extracción se eliminaba de la tabla una vez que se fusionaba o se cerraba; ahora puede seleccionar solicitudes de extracción fusionadas y cerradas para ver sus detalles. Los estados de las solicitudes de extracción también se han simplificado a solo tres. **Nuevos estados** * **Abierta**: Cubre todos los estados de la UI antigua (**Creada**, **Revisión solicitada**, **Cambios solicitados**, **Aprobada**) e indica una solicitud de extracción que requiere acción. * **Fusionadas**: Antes oculto en la tabla, este estado indica que una solicitud de extracción se completó fusionando la rama de origen con la rama de destino. * **Cerradas**: Antes oculto en la tabla, este estado indica que una solicitud de extracción se cerró sin fusionarse, dejando sin cambios la rama de origen y la rama de destino. ## Visor de código El Visor de código se ha actualizado para ofrecer una experiencia más fluida y potente. Ahora, dondequiera que aparezca código en DevOps, el Visor de código ofrece una experiencia unificada y coherente en todas las herramientas. Ofrece dos vistas, una vista de un solo componente y un visor de diferencias, que comparten el mismo diseño y flujo. El siguiente artículo analiza con más detalle el nuevo Visor de código. * [Visor de código mejorado](/devops/devops-es/transicion-a-la-nueva-ui-ux/visor-de-codigo-mejorado.md) ## Tablas Las tablas de todo DevOps son ahora más claras y con mayor densidad de información. Cada tabla incluye más columnas con etiquetas más claras, para que pueda examinarla y encontrar lo que necesita de un vistazo, con menos conjeturas. La mayor densidad también le permite ver más filas a la vez, reduciendo el desplazamiento mientras trabaja. En conjunto, estos cambios le ayudan a dedicar menos tiempo a buscar información y más tiempo a actuar sobre ella. La nueva vista de tabla de cronología presenta la información cuando el orden de los eventos importa, como los commits de ramas o la actividad de ramas. En lugar de una tabla estándar, estos elementos se organizan cronológicamente para que pueda seguir qué ocurrió y en qué secuencia. Esto facilita ver de un vistazo la progresión de los eventos. Verá la vista de cronología allí donde una perspectiva ordenada y basada en eventos sea más útil que una tabla convencional. #### Vista guardada La nueva **Vista guardada** función le permite guardar un filtro específico y un orden de clasificación para cada tabla. Una vez que haya configurado una vista que se adapte a su flujo de trabajo, puede volver a aplicarla en un solo paso en lugar de reconfigurar los mismos filtros y ordenación cada vez que regrese a la tabla. Una vista guardada captura todo lo necesario para reproducir la configuración de una tabla, y puede crear, editar, cambiar el nombre y alternar entre tantas vistas como requiera su flujo de trabajo. Cada vista guardada almacena: * **Selecciones de filtros:** Conserva los filtros que ha aplicado, por lo que la vista siempre se abre mostrando solo las filas que le interesan. * **Término de búsqueda:** Conserva cualquier búsqueda activa, reduciendo la tabla a los resultados coincidentes en el momento en que abre la vista. * **Orden de la tabla:** Recuerda cómo están ordenadas y dispuestas sus filas, manteniendo el diseño coherente cada vez. * **Vistas con nombre:** Asigne a cada vista su propio nombre, facilitando reconocerla y seleccionar la correcta. ## Elementos movidos Algunos elementos se han movido a nuevas ubicaciones para facilitar el uso de DevOps. Como parte del rediseño, las acciones y configuraciones relacionadas se agrupan de forma más lógica. Si no encuentra un elemento específico donde espera verlo, lo más probable es que se haya movido en lugar de eliminado. Para ver una lista completa de los elementos reubicados y sus nuevas ubicaciones, consulte el siguiente artículo: * [¿Dónde quedó?](/devops/devops-es/transicion-a-la-nueva-ui-ux/donde-quedo.md) ## Botones/Etiquetas/Diálogos DevOps incluye muchas pequeñas mejoras en botones, etiquetas y diálogos en toda la aplicación. Las etiquetas se han reformulado para describir sus acciones con mayor precisión, los botones están más cerca del contenido al que afectan y los diálogos presentan indicaciones y orientaciones más claras. Cada cambio es pequeño por sí solo, pero en conjunto están diseñados para reducir la confusión y darle más información en cada paso, para que pueda avanzar por sus tareas con mayor confianza. ## Documentación existente La documentación existente de DevOps sigue siendo aplicable a la nueva UI porque los pasos para completar una tarea se han mantenido en gran medida, aunque la interfaz circundante se vea diferente. Al seguir un artículo existente, es posible que note pequeñas diferencias en la redacción de los pasos, la ubicación de los botones y los nombres de algunas etiquetas. Sin embargo, las capturas de pantalla ahora están desactualizadas y se irán actualizando con el tiempo a medida que se revise cada artículo. Para ayudarle a identificar qué artículos aún no se han actualizado, cualquier artículo que siga conteniendo capturas de pantalla o instrucciones desactualizadas mostrará un banner como el que aparece a continuación. {% hint style="warning" %} #### Escrito para la antigua interfaz de usuario Este artículo fue escrito para la antigua interfaz de usuario. Las instrucciones todavía se pueden usar, pero las capturas de pantalla están desactualizadas. En algunos casos, los elementos mencionados en las instrucciones se han movido o cambiado. Si no puede encontrar un elemento, consulte el [¿Dónde quedó?](/devops/devops-es/transicion-a-la-nueva-ui-ux/donde-quedo.md) artículo. {% endhint %} --- # 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/novedades.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.