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}<imgsrc="../../../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}<imgsrc="../../../images/icons/edit.png?display=inline-block">{:/}.

1. Edit the settings as required.

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

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

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 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

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}<imgsrc="../../../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}<imgsrc="../../../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.

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.

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.

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 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