Add VS Code UI application (#729)

docs/webapp/applications/apps_overview.md

@@ -22,6 +22,7 @@ ClearML provides the following applications:
 * [**Project Dashboard**](apps_dashboard.md) - High-level project monitoring with Slack alerts
 * [**Task Scheduler**](apps_task_scheduler.md) - Schedule tasks for one-shot and/or periodic execution at specified times (available under ClearML Enterprise Plan)
 * [**Trigger Manager**](apps_trigger_manager.md) - Define tasks to be run when predefined events occur (available under ClearML Enterprise Plan)
+* [**VS Code**](apps_vscode.md) - Launch a VS Code session on a remote machine (available under ClearML Enterprise Plan)
 
 ## App Pages Layout
 Each application's page is split into two sections:

docs/webapp/applications/apps_vscode.md

@@ -0,0 +1,49 @@
+---
+title: VS Code
+---
+
+:::important Enterprise Feature
+The VS Code application is available under the ClearML Enterprise plan
+:::
+
+The VS Code UI application allows you to launch a remote VS Code session on a machine that better meets resource needs. 
+This feature provides a local link to access VS Code on a remote machine over a secure and encrypted SSH connection,
+letting you use the IDE as if you're running on the target machine itself.
+
+The VS Code session is set up using a [ClearML Agent](../../clearml_agent.md). When configuring an app instance, 
+select a queue, and the agent servicing that queue will download and launch the IDE on its machine. When the server 
+setup is complete, the dashboard displays a link to access the VS Code session.  
+
+Once you have launched an app instance, you can view the following information in its dashboard: 
+* App status indicator
+    * <img src="/docs/latest/icons/ico-vscode-loading.svg" alt="VS Code loading" className="icon size-md" /> - Remote IDE is setting up 
+    * <img src="/docs/latest/icons/ico-vscode-active.svg" alt="VS Code active" className="icon size-md" /> - Remote IDE is active
+    * <img src="/docs/latest/icons/ico-vscode-idle.svg" alt="VS Code idle" className="icon size-md" /> - Remote IDE is idle  
+    * <img src="/docs/latest/icons/ico-vscode-stopped.svg" alt="VS Code stopped" className="icon size-md" /> Remote IDE is stopped
+* Open IDE - link to the IDE session
+* Idle time
+* Server’s resources monitoring (CPU / GPU / vMem utilization)
+* Console - The console log shows the instance's activity, including server setup progress, server status changes
+
+![VS Code Dashboard](../../img/apps_vs_code.png)
+
+## VS Code App Instance Configuration
+
+* **Git** - To access a git repository remotely, add git information. 
+  * Repository
+  * Branch
+  * Commit
+* **Docker**
+  * Image - Docker image used to run the IDE in
+  * Docker arguments - `docker run` arguments, as a single string
+* **Queue** - The queue serviced by the ClearML Agent that will execute the VS Code session
+* **Maximum idle time** (hours) - Maximum time of inactivity, after which the session will shut down. Configure idleness 
+  definitions under `Advanced Options`.  
+* **Advanced Options**
+  * VSCode Version - VSCode code-server version to download
+  * VSCode additional extensions - Comma separated list of additional VSCode extensions to install (for example `ms-toolsai.jupyter,ms-python.python`)
+  * Idle Network Threshold (MB/s) - Throughput under which the session will be considered idle
+  * Idle CPU Threshold (%) - CPU utilization under which the session will be considered idle
+  * Idle GPU Threshold (%) - GPU utilization under which the session will be considered idle
+
+