Jul 31, 2024 · Jul 28, 2024
diff --git a/_docs/dashboards/gitops-environments.md b/_docs/dashboards/gitops-environments.md
 Review [Key aspects when creating Environments](#key-aspects-when-creating-environments).


 1. In the Codefresh UI, from theOps in thesidebar, select **Environments**, and then click **Add Environment**.
 1. In the Codefresh UI, from the sidebar, select **Environments**, and then click **Add Environment**.
 1. Define the following:
    1. **Name**: A unique name for your GitOps Environment, which is meaningful in the context of your development and deployment cycle.
    1. **Kind**: The purpose of this GitOps Environment, and can be either **Production** where the live versions of the applications are deployed,  or **Non-production** where development, testing, staging versions are deployed.

 For example, if you have two non-production and one production Environment for your e-commerce application, you can order them to display first the non-production and then the production Environments to reflect the corresponding stages.

 1. In the Codefresh UI, from theOps in thesidebar, select [**Environments**](https://g.codefresh.io/2.0/environments?view=compact){:target="\_blank"}.
 1. In the Codefresh UI, from the sidebar, select [**Environments**](https://g.codefresh.io/2.0/environments?view=compact){:target="\_blank"}.
 1. Mouse over the column with the Environment to move.
 1. Click {::nomarkdown}<img src="../../../images/icons/move-environments.png?display=inline-block">{:/} and drag the column to the required location.


 You may need to edit an Environment when you add new infrastructure and deploy applications. In this case, you can add the new cluster and namespace or only the namespace to the Environment's definition.

 1. In the Codefresh UI, from theOps in thesidebar, select [**Environments**](https://g.codefresh.io/2.0/environments?view=compact){:target="\_blank"}.
 1. In the Codefresh UI, from the sidebar, select [**Environments**](https://g.codefresh.io/2.0/environments?view=compact){:target="\_blank"}.
 1. Mouse over the column with the Environment to edit, and click {::nomarkdown}<img src="../../../images/icons/edit.png?display=inline-block">{:/}.
 1. Edit the settings as required.

 ### Filter applications in Environments by health status
 Quickly filter applications within an Environment by health status. For health status descriptions, see [Health status for application resources]({{site.baseurl}}/docs/deployments/gitops/applications-dashboard/#health-status-for-application-resources).

 1. In the Codefresh UI, from theOps in thesidebar, select [**Environments**](https://g.codefresh.io/2.0/environments?view=compact){:target="\_blank"}.
 1. In the Codefresh UI, from the sidebar, select [**Environments**](https://g.codefresh.io/2.0/environments?view=compact){:target="\_blank"}.
 1. For any Environment, click the Health status or statuses by which to filter.
  The Environment displays those applications that match the selected status.

 Here too, see which applications are running on each Environment, the most recent commit to the application, and the user who made the commit.


 1. In the Codefresh UI, from theOps in thesidebar, select [**Environments**](https://g.codefresh.io/2.0/environments?view=compact){:target="\_blank"}.
 1. In the Codefresh UI, from the sidebar, select [**Environments**](https://g.codefresh.io/2.0/environments?view=compact){:target="\_blank"}.
 1. Switch to **Detailed** view.

 {% include


 ##### How to
 1. In the Codefresh UI, from theOps in thesidebar, select **Environments**.
 1. In the Codefresh UI, from the sidebar, select **Environments**.
 1. Click the version number of the application.

 {% include
 ### View deployment (Timeline) history for applications
 Review the deployments for a specific application in the Environments dashboard.

 1. In the Codefresh UI, from theOps in thesidebar, select Environments.
 1. In the Codefresh UI, from the sidebar, select Environments.
 1. In the Environment column with the application you require, click the application name to view deployment history.

 {% include
 image.html
 lightbox="true"
 file="/images/gitops-environments/app-timeline-view.png"
 url="/images/gitops-environments/app-timeline-view.png"
 alt="View deployment history for applicationfrom Environments dashboard"
 caption="View deployment history for applicationfrom Environments dashboard"
 alt="View deployment history for applicationin Environments dashboard"
 caption="View deployment history for applicationin Environments dashboard"
  max-width="60%"
 %}

 ### Manage applications from within Environments
 Manage applications from within Environments through each application's context menu, including manual sync, refresh, and other options.

 1. In the Codefresh UI, from theOps in thesidebar, select **Environments**.
 1. In the Codefresh UI, from the sidebar, select **Environments**.
 1. In the Environment with the application for which to take action, click the context menu to the right of the application, and select the option:
  * [Quick View]({{site.baseurl}}/docs/deployments/gitops/applications-dashboard/#view-deployment-configuration-info-for-selected-argo-cd-application): View deployment, definition, and event information for the selected application in the same location.
  * [Diff View]({{site.baseurl}}/docs/deployments/gitops/applications-dashboard/#analyze-out-of-sync-applications-with-diff-view): Analyze out of sync applications. This option is disabled when applications are synced.
  * [Synchronize]({{site.baseurl}}/docs/deployments/gitops/manage-application/#manually-synchronize-an-argo-cd-application): Manually synchronize the application to expedite Git-to-cluster sync.
  * [Refresh/Hard Refresh]({{site.baseurl}}/docs/deployments/gitops/manage-application/#refreshhard-refresh-argo-cd-applications): As an alternative to manually syncing an application, either sync the application with the desired state in Git (refresh), or sync the application with the desired state Git while removing the cache (hard refresh).
  * [Edit]({{site.baseurl}}/docs/deployments/gitops/manage-application/#edit-argo-cd-application-definitions): Update General or Advanced configuration settings for the application.
  * [Refresh/Hard Refresh]({{site.baseurl}}/docs/deployments/gitops/manage-application/#refreshhard-refresh-argo-cd-applications): As an alternative to manually syncing an application, either sync the application with the desired state in Git (refresh), or sync the application with the desired state Git while removing the cache (hard refresh).
  * [Delete]({{site.baseurl}}/docs/deployments/gitops/manage-application/#delete-argo-cd-applications): Delete the application from Codefresh.

 {% include
diff --git a/_docs/dashboards/gitops-products.md b/_docs/dashboards/gitops-products.md
 This is one of two methods for assigning applications to Products. The other method involves adding annotations to the application's manifest, as described in [Use annotations to connect applications to Products](#use-annotations-to-connect-applications-to-products).


 1. In the Codefresh UI, from theOps in thesidebar, select **Products**.
 1. In the Codefresh UI, from the sidebar, select **Products**.
 1. If needed, search for the application, or use the Application and Environment filters.
 1. Do one of the following:
  * Click the name of the Product for which to assign applications, and then click **Manage Applications**.
 This is one of two methods for assigning applications to Products. The other method is to manually assign them from the Products dashboard, as described in [Manually assigning applications to Prodcuts](#manually-assign-applications-to-products).

 1. Copy the Product's annotation:
  1. In the Codefresh UI, fromOps inthe sidebar, select **Products**.
  1. In the Codefresh UI, from the sidebar, select **Products**.
  1. Mouse over the row with the Product name, and then select **Edit** {::nomarkdown}<img src="../../../images/icons/edit.png?display=inline-block">{:/}.
  1. In the Edit Product form, copy the annotation to add to the application's manifest and close the form.


 {:start="2"}
 1. Add the annotation to the application's manifest:
  1. FromOps inthe sidebar, select **GitOps Apps**.
  1. From the sidebar, select **GitOps Apps**.
  1. Select the application to which to add the annotation.
  1. Click the **Configuration** tab and switch to **YAML** format.
  1. Add the annotation as in the example below.

 A disabled icon indicates that the application is connected through an annotation.

 1. In the Codefresh UI, from theOps in thesidebar, select **Products**.
 1. In the Codefresh UI, from the sidebar, select **Products**.
 1. Mouse over the row with the Product from which to unassign the application, and click **Manage Apps**.
 1. In the card with the application to unassign, click {::nomarkdown}<img src="../../../images/icons/unassign-app.png?display=inline-block">{:/}.
  You can see that the Unassign icon is dsiabled for the `guestbook-app-prod`.
 * **Delete**: Delete a Product from the Products dashboard. Deleting a Product unassigns all the applications manually assigned to it in the Products dashboard. If the application is connected through an annotation, the annotation is not deleted.

 ##### How to
 1. In the Codefresh UI, from theOps in thesidebar, select **Products**.
 1. In the Codefresh UI, from the sidebar, select **Products**.
 1. From the Products dashboard, select the Product to edit or delete.
 1. From the context menu on the right, select the required option.



 ##### How to
 1. In the Codefresh UI, from theOps in thesidebar, select **Products**.
 1. In the Codefresh UI, from the sidebar, select **Products**.
 1. Expand the Product with the applications you want to view/compare.
 1. Click the version number of the application.

 ### View deployment (Timeline) history for applications
 Review the deployments for a specific application in the Products dashboard.

 1. In the Codefresh UI, from theOps in thesidebar, select **Products**.
 1. In the Environment column with theapplication you require, click theapplication name to view deployment history.
 1. In the Codefresh UI, from the sidebar, select **Products**.
 1. In the Environment column with theproduct you require, click thecontext menu and then select **Application info > Timeline** to view deployment history.

 {% include
 image.html
 caption="View deployment history for application from Environments dashboard"
  max-width="60%"
 %}
 1. To view all the application’s tabs, including the Current State, Configuration, and others, click the link to **Full View** at the top of the deployment view.
 1. To view all the application’s tabs, including the Current State, Configuration, and others, click the link to **Full View** at the top.


 ### Manage applications in Products
 Manage applications grouped within a Product through each application's context menu, that includes manual sync, refresh, and other options.

 1. In the Codefresh UI, from theOps in thesidebar, select **Products**.
 1. In the Codefresh UI, from the sidebar, select **Products**.
 1. Select the Product with the application for which to take action.
 1. Click the context menu to the right of the application, and select the option:

  * [Quick View]({{site.baseurl}}/docs/deployments/gitops/applications-dashboard/#view-deployment-configuration-info-for-selected-argo-cd-application): View deployment, definition, and event information for the selected application in the same location.
  * [Diff View]({{site.baseurl}}/docs/deployments/gitops/applications-dashboard/#analyze-out-of-sync-applications-with-diff-view): Analyze out of sync applications. This option is disabled when applications are synced.
  * [Synchronize]({{site.baseurl}}/docs/deployments/gitops/manage-application/#manually-synchronize-an-argo-cd-application): Manually synchronize the application to expedite Git-to-cluster sync.
  * [Refresh/Hard Refresh]({{site.baseurl}}/docs/deployments/gitops/manage-application/#refreshhard-refresh-argo-cd-applications): As an alternative to manually syncing an application, either sync the application with the desired state in Git (refresh), or sync the application with the desired state Git while removing the cache (hard refresh).
  * [Edit]({{site.baseurl}}/docs/deployments/gitops/manage-application/#edit-argo-cd-application-definitions): Update General or Advanced configuration settings for the application.
  * [Refresh/Hard Refresh]({{site.baseurl}}/docs/deployments/gitops/manage-application/#refreshhard-refresh-argo-cd-applications): As an alternative to manually syncing an application, either sync the application with the desired state in Git (refresh), or sync the application with the desired state Git while removing the cache (hard refresh).
  * [Delete]({{site.baseurl}}/docs/deployments/gitops/manage-application/#delete-argo-cd-applications): Delete the application from Codefresh.

 {% include
Original file line number	Diff line number	Diff line change
Expand Up		@@ -72,7 +72,7 @@ Define the configuration of the Environment through a unique name, it's intended
		Review [Key aspects when creating Environments](#key-aspects-when-creating-environments).


		1. In the Codefresh UI, from theOps in thesidebar, select Environments, and then click Add Environment.
		1. In the Codefresh UI, from the sidebar, select Environments, and then click Add Environment.
		1. Define the following:
		1. Name: A unique name for your GitOps Environment, which is meaningful in the context of your development and deployment cycle.
		1. Kind: The purpose of this GitOps Environment, and can be either Production where the live versions of the applications are deployed, or Non-production where development, testing, staging versions are deployed.
Expand DownExpand Up		@@ -131,7 +131,7 @@ Change the order of the Environments displayed in the Environments dashboard to

		For example, if you have two non-production and one production Environment for your e-commerce application, you can order them to display first the non-production and then the production Environments to reflect the corresponding stages.

		1. In the Codefresh UI, from theOps in thesidebar, select [Environments](https://g.codefresh.io/2.0/environments?view=compact){:target="\_blank"}.
		1. In the Codefresh UI, from the sidebar, select [Environments](https://g.codefresh.io/2.0/environments?view=compact){:target="\_blank"}.
		1. Mouse over the column with the Environment to move.
		1. Click {::nomarkdown}<img src="../../../images/icons/move-environments.png?display=inline-block">{:/} and drag the column to the required location.

Expand All		@@ -150,7 +150,7 @@ Update the Environment's configuration settings when required. You can change al

		You may need to edit an Environment when you add new infrastructure and deploy applications. In this case, you can add the new cluster and namespace or only the namespace to the Environment's definition.

		1. In the Codefresh UI, from theOps in thesidebar, select [Environments](https://g.codefresh.io/2.0/environments?view=compact){:target="\_blank"}.
		1. In the Codefresh UI, from the sidebar, select [Environments](https://g.codefresh.io/2.0/environments?view=compact){:target="\_blank"}.
		1. Mouse over the column with the Environment to edit, and click {::nomarkdown}<img src="../../../images/icons/edit.png?display=inline-block">{:/}.
		1. Edit the settings as required.

Expand DownExpand Up		@@ -179,7 +179,7 @@ In the Environments dashboard, you get both visibility into applications running
		### Filter applications in Environments by health status
		Quickly filter applications within an Environment by health status. For health status descriptions, see [Health status for application resources]({{site.baseurl}}/docs/deployments/gitops/applications-dashboard/#health-status-for-application-resources).

		1. In the Codefresh UI, from theOps in thesidebar, select [Environments](https://g.codefresh.io/2.0/environments?view=compact){:target="\_blank"}.
		1. In the Codefresh UI, from the sidebar, select [Environments](https://g.codefresh.io/2.0/environments?view=compact){:target="\_blank"}.
		1. For any Environment, click the Health status or statuses by which to filter.
		The Environment displays those applications that match the selected status.

Expand All		@@ -201,7 +201,7 @@ Alternatively, track a set of applications deployed to multiple Environments of
		Here too, see which applications are running on each Environment, the most recent commit to the application, and the user who made the commit.


		1. In the Codefresh UI, from theOps in thesidebar, select [Environments](https://g.codefresh.io/2.0/environments?view=compact){:target="\_blank"}.
		1. In the Codefresh UI, from the sidebar, select [Environments](https://g.codefresh.io/2.0/environments?view=compact){:target="\_blank"}.
		1. Switch to Detailed view.

		{% include
Expand DownExpand Up		@@ -231,7 +231,7 @@ View the dependencies included with each application, and compare versions of th


		##### How to
		1. In the Codefresh UI, from theOps in thesidebar, select Environments.
		1. In the Codefresh UI, from the sidebar, select Environments.
		1. Click the version number of the application.

		{% include
Expand DownExpand Up		@@ -276,16 +276,16 @@ View the dependencies included with each application, and compare versions of th
		### View deployment (Timeline) history for applications
		Review the deployments for a specific application in the Environments dashboard.

		1. In the Codefresh UI, from theOps in thesidebar, select Environments.
		1. In the Codefresh UI, from the sidebar, select Environments.
		1. In the Environment column with the application you require, click the application name to view deployment history.

		{% include
		image.html
		lightbox="true"
		file="/images/gitops-environments/app-timeline-view.png"
		url="/images/gitops-environments/app-timeline-view.png"
		alt="View deployment history for applicationfrom Environments dashboard"
		caption="View deployment history for applicationfrom Environments dashboard"
		alt="View deployment history for applicationin Environments dashboard"
		caption="View deployment history for applicationin Environments dashboard"
		max-width="60%"
		%}

Expand All		@@ -295,12 +295,13 @@ Review the deployments for a specific application in the Environments dashboard.
		### Manage applications from within Environments
		Manage applications from within Environments through each application's context menu, including manual sync, refresh, and other options.

		1. In the Codefresh UI, from theOps in thesidebar, select Environments.
		1. In the Codefresh UI, from the sidebar, select Environments.
		1. In the Environment with the application for which to take action, click the context menu to the right of the application, and select the option:
		* [Quick View]({{site.baseurl}}/docs/deployments/gitops/applications-dashboard/#view-deployment-configuration-info-for-selected-argo-cd-application): View deployment, definition, and event information for the selected application in the same location.
		* [Diff View]({{site.baseurl}}/docs/deployments/gitops/applications-dashboard/#analyze-out-of-sync-applications-with-diff-view): Analyze out of sync applications. This option is disabled when applications are synced.
		* [Synchronize]({{site.baseurl}}/docs/deployments/gitops/manage-application/#manually-synchronize-an-argo-cd-application): Manually synchronize the application to expedite Git-to-cluster sync.
		* [Refresh/Hard Refresh]({{site.baseurl}}/docs/deployments/gitops/manage-application/#refreshhard-refresh-argo-cd-applications): As an alternative to manually syncing an application, either sync the application with the desired state in Git (refresh), or sync the application with the desired state Git while removing the cache (hard refresh).
		* [Edit]({{site.baseurl}}/docs/deployments/gitops/manage-application/#edit-argo-cd-application-definitions): Update General or Advanced configuration settings for the application.
		* [Refresh/Hard Refresh]({{site.baseurl}}/docs/deployments/gitops/manage-application/#refreshhard-refresh-argo-cd-applications): As an alternative to manually syncing an application, either sync the application with the desired state in Git (refresh), or sync the application with the desired state Git while removing the cache (hard refresh).
		* [Delete]({{site.baseurl}}/docs/deployments/gitops/manage-application/#delete-argo-cd-applications): Delete the application from Codefresh.

		{% include
Expand Down
Original file line number	Diff line number	Diff line change
Expand Up		@@ -197,7 +197,7 @@ Manually assign an application to a Product directly from the Products dashboard
		This is one of two methods for assigning applications to Products. The other method involves adding annotations to the application's manifest, as described in [Use annotations to connect applications to Products](#use-annotations-to-connect-applications-to-products).


		1. In the Codefresh UI, from theOps in thesidebar, select Products.
		1. In the Codefresh UI, from the sidebar, select Products.
		1. If needed, search for the application, or use the Application and Environment filters.
		1. Do one of the following:
		* Click the name of the Product for which to assign applications, and then click Manage Applications.
Expand DownExpand Up		@@ -249,7 +249,7 @@ The annotation is defined as part of the Product's settings.
		This is one of two methods for assigning applications to Products. The other method is to manually assign them from the Products dashboard, as described in [Manually assigning applications to Prodcuts](#manually-assign-applications-to-products).

		1. Copy the Product's annotation:
		1. In the Codefresh UI, fromOps inthe sidebar, select Products.
		1. In the Codefresh UI, from the sidebar, select Products.
		1. Mouse over the row with the Product name, and then select Edit {::nomarkdown}<img src="../../../images/icons/edit.png?display=inline-block">{:/}.
		1. In the Edit Product form, copy the annotation to add to the application's manifest and close the form.

Expand All		@@ -265,7 +265,7 @@ This is one of two methods for assigning applications to Products. The other met

		{:start="2"}
		1. Add the annotation to the application's manifest:
		1. FromOps inthe sidebar, select GitOps Apps.
		1. From the sidebar, select GitOps Apps.
		1. Select the application to which to add the annotation.
		1. Click the Configuration tab and switch to YAML format.
		1. Add the annotation as in the example below.
Expand DownExpand Up		@@ -304,7 +304,7 @@ Unassign an application manually assigned to a Product directly from the GitOps

		A disabled icon indicates that the application is connected through an annotation.

		1. In the Codefresh UI, from theOps in thesidebar, select Products.
		1. In the Codefresh UI, from the sidebar, select Products.
		1. Mouse over the row with the Product from which to unassign the application, and click Manage Apps.
		1. In the card with the application to unassign, click {::nomarkdown}<img src="../../../images/icons/unassign-app.png?display=inline-block">{:/}.
		You can see that the Unassign icon is dsiabled for the `guestbook-app-prod`.
Expand DownExpand Up		@@ -357,7 +357,7 @@ Edit settings for an existing Product or delete the Product from the Products da
		* Delete: Delete a Product from the Products dashboard. Deleting a Product unassigns all the applications manually assigned to it in the Products dashboard. If the application is connected through an annotation, the annotation is not deleted.

		##### How to
		1. In the Codefresh UI, from theOps in thesidebar, select Products.
		1. In the Codefresh UI, from the sidebar, select Products.
		1. From the Products dashboard, select the Product to edit or delete.
		1. From the context menu on the right, select the required option.

Expand DownExpand Up		@@ -390,7 +390,7 @@ You can:


		##### How to
		1. In the Codefresh UI, from theOps in thesidebar, select Products.
		1. In the Codefresh UI, from the sidebar, select Products.
		1. Expand the Product with the applications you want to view/compare.
		1. Click the version number of the application.

Expand DownExpand Up		@@ -487,8 +487,8 @@ Connect commits to the application repo to tickets in your issue-tracking tool o
		### View deployment (Timeline) history for applications
		Review the deployments for a specific application in the Products dashboard.

		1. In the Codefresh UI, from theOps in thesidebar, select Products.
		1. In the Environment column with theapplication you require, click theapplication name to view deployment history.
		1. In the Codefresh UI, from the sidebar, select Products.
		1. In the Environment column with theproduct you require, click thecontext menu and then select Application info > Timeline to view deployment history.

		{% include
		image.html
Expand All		@@ -499,19 +499,21 @@ Review the deployments for a specific application in the Products dashboard.
		caption="View deployment history for application from Environments dashboard"
		max-width="60%"
		%}
		1. To view all the application’s tabs, including the Current State, Configuration, and others, click the link to Full View at the top of the deployment view.
		1. To view all the application’s tabs, including the Current State, Configuration, and others, click the link to Full View at the top.


		### Manage applications in Products
		Manage applications grouped within a Product through each application's context menu, that includes manual sync, refresh, and other options.

		1. In the Codefresh UI, from theOps in thesidebar, select Products.
		1. In the Codefresh UI, from the sidebar, select Products.
		1. Select the Product with the application for which to take action.
		1. Click the context menu to the right of the application, and select the option:

		* [Quick View]({{site.baseurl}}/docs/deployments/gitops/applications-dashboard/#view-deployment-configuration-info-for-selected-argo-cd-application): View deployment, definition, and event information for the selected application in the same location.
		* [Diff View]({{site.baseurl}}/docs/deployments/gitops/applications-dashboard/#analyze-out-of-sync-applications-with-diff-view): Analyze out of sync applications. This option is disabled when applications are synced.
		* [Synchronize]({{site.baseurl}}/docs/deployments/gitops/manage-application/#manually-synchronize-an-argo-cd-application): Manually synchronize the application to expedite Git-to-cluster sync.
		* [Refresh/Hard Refresh]({{site.baseurl}}/docs/deployments/gitops/manage-application/#refreshhard-refresh-argo-cd-applications): As an alternative to manually syncing an application, either sync the application with the desired state in Git (refresh), or sync the application with the desired state Git while removing the cache (hard refresh).
		* [Edit]({{site.baseurl}}/docs/deployments/gitops/manage-application/#edit-argo-cd-application-definitions): Update General or Advanced configuration settings for the application.
		* [Refresh/Hard Refresh]({{site.baseurl}}/docs/deployments/gitops/manage-application/#refreshhard-refresh-argo-cd-applications): As an alternative to manually syncing an application, either sync the application with the desired state in Git (refresh), or sync the application with the desired state Git while removing the cache (hard refresh).
		* [Delete]({{site.baseurl}}/docs/deployments/gitops/manage-application/#delete-argo-cd-applications): Delete the application from Codefresh.

		{% include
Expand Down