# In web browser - Web client

## About the web client

The Web Client is a single-page WebAssembly-based application. It is downloaded to the user's web browser before running, and processing primarily occurs on the user's hardware.

Updates to the Web Client are automatically deployed whenever the Web Client is active in the browser. If the Web Client is currently running in the user's browser when an update becomes available, the user will receive a prompt to update. If the Web Client is inactive in the user's web browser, the updated version will be automatically installed the next time the Web Client is accessed.

As the user progresses through the User Step, the cursor is automatically placed in the input field. If the field is located within a limited number of controls, both cursor focus and scroll position are set automatically. If the field is positioned further down the page, the cursor is set when the user scrolls to it.

## Sign in

1. Open the web client in a browser tab.
2. Click **Sign in.**
3. Depending on how your user is signed up click **Continue with Microsoft** or **Continue with email.** If using the latter, enter your email and password, then click **Sign in with email.**
4. Select the organization you wish to sign in to. Note that this step is only necessary if your user has access to more than one organization.
5. Select the environment you wish to sign in to. Note that this step is only necessary if your user has access to more than one environment.

{% tabs %}
{% tab title="Sign in" %}

<figure><img src="https://1716064794-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIIgl6sNaTky0iALxYWHH%2Fuploads%2FEFz4oKX5rAMk5JF5JaKk%2Fimage.png?alt=media&#x26;token=34471ef1-e0a5-4fb1-9431-009af32f3496" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Sign in with" %}

<figure><img src="https://1716064794-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIIgl6sNaTky0iALxYWHH%2Fuploads%2FpcBLPH8rWy40PD5yBy7y%2Fimage.png?alt=media&#x26;token=c1429cf8-5325-442b-bd7b-962d033c0156" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Select organization" %}

<figure><img src="https://1716064794-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIIgl6sNaTky0iALxYWHH%2Fuploads%2Fsdfbio6V8lIwGzjcZr05%2Fimage.png?alt=media&#x26;token=fb1ab3cf-49ca-4985-b1ac-c1b9d70d46b4" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Select environment" %}

<figure><img src="https://1716064794-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIIgl6sNaTky0iALxYWHH%2Fuploads%2FRBASZ5ulfrkcq9IJxTdB%2Fimage.png?alt=media&#x26;token=778eed6d-2ee6-4ce6-9dd9-aca79a5f92a7" alt=""><figcaption></figcaption></figure>
{% endtab %}
{% endtabs %}

## Run an application

1. To start an application, click on the Application package where the Application is located.
2. Click on the Application to execute it.

{% tabs %}
{% tab title="Application packages" %}

<figure><img src="https://1716064794-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIIgl6sNaTky0iALxYWHH%2Fuploads%2FoJ0Je4hWppnZHNa0LLXx%2Fimage.png?alt=media&#x26;token=bb95f6bc-058d-4dcf-ad5c-cf8695cd746e" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Applications" %}

<figure><img src="https://1716064794-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIIgl6sNaTky0iALxYWHH%2Fuploads%2FQlC6rPtjI51Qa49acb0X%2Fimage.png?alt=media&#x26;token=a776c430-dd86-4eca-a7e5-b198b3b3b4df" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Execution" %}

<figure><img src="https://1716064794-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIIgl6sNaTky0iALxYWHH%2Fuploads%2FbHm9vfKaGNqcIb9l9grr%2Fimage.png?alt=media&#x26;token=615e4286-2b76-4705-b6e1-71c45b169fc9" alt=""><figcaption></figcaption></figure>
{% endtab %}
{% endtabs %}

#### Additional authentication when running an app

See [additional authentication](https://docs.novacura.com/flow-connect/working-with-connect/on-mobile-devices#additional-authentication-when-running-an-app).&#x20;

## Other actions

### Add as favorite

1. Click on the heart icon to add an Application as a favorite.

Your favorites are shown above the Application packages. Click on the favorite to run the Application.

<figure><img src="https://1716064794-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIIgl6sNaTky0iALxYWHH%2Fuploads%2FrC4gkMcF74iQvjmFzB84%2Fimage.png?alt=media&#x26;token=000b98f3-5b77-4851-8cbf-4316fdb74734" alt=""><figcaption></figcaption></figure>

### Search&#x20;

Search is available in the upper right corner of the client. You can search for application packages, applications, and inbox items. Applications and inbox items can be run directly from the search result.

When you click in the search box, you will first be shown the five most recent applications you have used.

### Switch environment or organization

1. Click on **Profile** (the user icon in the upper right corner).
2. Select **Switch environment** or **Switch organization**.

### Sign out

1. Click on **Profile** (the user icon in the upper right corner).
2. Select **Sign out.**
3. Select **YES** to sign out or **NO** if you want to continue being signed in.

## Other functionality

### Information

1. Click on the **Information** icon.
2. In the Information section, you can find the Web Client version and the shortcut keys available for using the keyboard to navigate in the client. Please note that the shortcut keys mentioned in this documentation are not supported on Mac computers.

### Three-dot menu

The three-dot menu is available on Applications, both when the application is set as a favorite and within an Application package.

The three-dot menu opens a pop-up where you will find a button to run the Application. If your application is paused, you will also be able to quit or restart the Application.

The pop-up also contains information about the application version and, if you are opening it from a favorite, the package to which the application belongs.

### Image editor

Images fetched into Camera and File Gallery controls can be edited. See image editor in [Camera](https://docs.novacura.com/flow-connect/reference/reference/designer/controls/camera-input#image-editing) or [File Gallery](https://docs.novacura.com/flow-connect/reference/reference/designer/controls/file-gallery#image-editing) control.

### Settings

See [Settings](https://docs.novacura.com/flow-connect/reference/reference/clients/settings#web-client).