diff --git a/.run/Run Desktop.run.xml b/.run/Run Desktop.run.xml
index 0c41dd4..926e1eb 100644
--- a/.run/Run Desktop.run.xml	
+++ b/.run/Run Desktop.run.xml	
@@ -1,6 +1,11 @@
 <component name="ProjectRunConfigurationManager">
     <configuration default="false" name="Run Desktop" type="GradleRunConfiguration" factoryName="Gradle">
         <ExternalSystemSettings>
+            <option name="env">
+                <map>
+                    <entry key="DEBUG_MODE" value="1"/>
+                </map>
+            </option>
             <option name="executionName"/>
             <option name="externalProjectPath" value="$PROJECT_DIR$"/>
             <option name="externalSystemIdString" value="GRADLE"/>
diff --git a/.run/Run Web UI.run.xml b/.run/Run Web UI.run.xml
new file mode 100644
index 0000000..7d6e1a8
--- /dev/null
+++ b/.run/Run Web UI.run.xml	
@@ -0,0 +1,29 @@
+<component name="ProjectRunConfigurationManager">
+    <configuration default="false" name="Run Web UI" type="GradleRunConfiguration" factoryName="Gradle">
+        <ExternalSystemSettings>
+            <option name="env">
+                <map>
+                    <entry key="BIND" value="0.0.0.0"/>
+                </map>
+            </option>
+            <option name="executionName"/>
+            <option name="externalProjectPath" value="$PROJECT_DIR$"/>
+            <option name="externalSystemIdString" value="GRADLE"/>
+            <option name="scriptParameters" value=""/>
+            <option name="taskDescriptions">
+                <list/>
+            </option>
+            <option name="taskNames">
+                <list>
+                    <option value="runWebUI"/>
+                </list>
+            </option>
+            <option name="vmOptions"/>
+        </ExternalSystemSettings>
+        <ExternalSystemDebugServerProcess>true</ExternalSystemDebugServerProcess>
+        <ExternalSystemReattachDebugProcess>true</ExternalSystemReattachDebugProcess>
+        <DebugAllEnabled>false</DebugAllEnabled>
+        <RunAsTest>false</RunAsTest>
+        <method v="2"/>
+    </configuration>
+</component>
\ No newline at end of file
diff --git a/composeApp/src/commonMain/kotlin/Utils.kt b/composeApp/src/commonMain/kotlin/Utils.kt
index 1d8fded..ea53b50 100644
--- a/composeApp/src/commonMain/kotlin/Utils.kt
+++ b/composeApp/src/commonMain/kotlin/Utils.kt
@@ -1,3 +1,7 @@
-expect object Backend {
-    var host: String
-}
+expect fun getClientConfig(): ClientConfig
+
+interface ClientConfig {
+    fun isDebugEnabled(): Boolean
+
+    var backendHost: String
+}
\ No newline at end of file
diff --git a/composeApp/src/commonMain/kotlin/services/Koin.kt b/composeApp/src/commonMain/kotlin/services/Koin.kt
index c63821c..953f090 100644
--- a/composeApp/src/commonMain/kotlin/services/Koin.kt
+++ b/composeApp/src/commonMain/kotlin/services/Koin.kt
@@ -1,12 +1,15 @@
 package services
 
-import Backend
-import io.ktor.client.*
-import io.ktor.client.plugins.*
-import io.ktor.client.plugins.contentnegotiation.*
-import io.ktor.client.plugins.logging.*
-import io.ktor.client.plugins.resources.*
-import io.ktor.serialization.kotlinx.cbor.*
+import getClientConfig
+import io.ktor.client.HttpClient
+import io.ktor.client.plugins.contentnegotiation.ContentNegotiation
+import io.ktor.client.plugins.defaultRequest
+import io.ktor.client.plugins.logging.DEFAULT
+import io.ktor.client.plugins.logging.LogLevel
+import io.ktor.client.plugins.logging.Logger
+import io.ktor.client.plugins.logging.Logging
+import io.ktor.client.plugins.resources.Resources
+import io.ktor.serialization.kotlinx.cbor.cbor
 import kotlinx.serialization.ExperimentalSerializationApi
 import kotlinx.serialization.cbor.Cbor
 import org.koin.dsl.module
@@ -34,7 +37,7 @@ object Koin {
         }
         install(Resources)
         defaultRequest {
-            url(Backend.host)
+            url(getClientConfig().backendHost)
         }
         if (enableNetworkLogs) {
             install(Logging) {
diff --git a/composeApp/src/commonMain/kotlin/ui/BackendDialog.kt b/composeApp/src/commonMain/kotlin/ui/BackendDialog.kt
index b9d2e16..ba21132 100644
--- a/composeApp/src/commonMain/kotlin/ui/BackendDialog.kt
+++ b/composeApp/src/commonMain/kotlin/ui/BackendDialog.kt
@@ -23,7 +23,7 @@ import androidx.compose.ui.unit.dp
 import androidx.compose.ui.window.Dialog
 
 @Composable
-fun BackendDialog(initialUrl: String, onDismiss: () -> Unit, onSave: (String) -> Unit) {
+fun ClientDialog(initialUrl: String, onDismiss: () -> Unit, onSave: (String) -> Unit) {
     Dialog(onDismissRequest = onDismiss) {
         BackendDialogContent(initialUrl, onSave, onDismiss)
     }
diff --git a/composeApp/src/commonMain/kotlin/ui/MainScreen.kt b/composeApp/src/commonMain/kotlin/ui/MainScreen.kt
index 7f5061e..e7c709d 100644
--- a/composeApp/src/commonMain/kotlin/ui/MainScreen.kt
+++ b/composeApp/src/commonMain/kotlin/ui/MainScreen.kt
@@ -1,6 +1,5 @@
 package ui
 
-import Backend
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.fillMaxSize
 import androidx.compose.material3.Icon
@@ -9,7 +8,6 @@ import androidx.compose.material3.adaptive.navigationsuite.NavigationSuiteScaffo
 import androidx.compose.runtime.Composable
 import androidx.compose.runtime.getValue
 import androidx.compose.runtime.mutableStateOf
-import androidx.compose.runtime.remember
 import androidx.compose.runtime.saveable.rememberSaveable
 import androidx.compose.runtime.setValue
 import androidx.compose.ui.Modifier
@@ -21,12 +19,8 @@ import ui.model.AppPages
 fun MainScreen() {
 
     Box(modifier = Modifier.fillMaxSize()) {
-        var showCloudDialog by remember { mutableStateOf(false) }
         var currentPage by rememberSaveable { mutableStateOf(AppPages.HOME) }
 
-        if (showCloudDialog) {
-            BackendDialog(Backend.host, { showCloudDialog = false }) { Backend.host = it }
-        }
 
         NavigationSuiteScaffold(
             navigationSuiteItems = {
@@ -47,8 +41,5 @@ fun MainScreen() {
                 AppPages.SETTINGS -> SettingsScreen()
             }
         }
-//        FloatingActionButton(onClick = { showCloudDialog = true }, modifier = Modifier.padding(8.dp)) {
-//            Icon(Icons.Filled.Cloud, contentDescription = "Backend")
-//        }
     }
 }
diff --git a/composeApp/src/commonMain/kotlin/ui/SettingsScreen.kt b/composeApp/src/commonMain/kotlin/ui/SettingsScreen.kt
index 7ed0ab2..23e2d13 100644
--- a/composeApp/src/commonMain/kotlin/ui/SettingsScreen.kt
+++ b/composeApp/src/commonMain/kotlin/ui/SettingsScreen.kt
@@ -12,7 +12,9 @@ import androidx.compose.foundation.rememberScrollState
 import androidx.compose.foundation.verticalScroll
 import androidx.compose.material.icons.Icons
 import androidx.compose.material.icons.filled.Add
+import androidx.compose.material.icons.rounded.Analytics
 import androidx.compose.material.icons.sharp.Delete
+import androidx.compose.material3.Button
 import androidx.compose.material3.Card
 import androidx.compose.material3.CircularProgressIndicator
 import androidx.compose.material3.ElevatedButton
@@ -36,6 +38,7 @@ import androidx.compose.ui.text.font.FontWeight
 import androidx.compose.ui.text.style.TextAlign
 import androidx.compose.ui.unit.dp
 import androidx.compose.ui.unit.sp
+import getClientConfig
 import io.github.jsixface.common.Settings
 import kotlinx.coroutines.launch
 import org.koin.compose.koinInject
@@ -68,6 +71,13 @@ fun SettingsScreen() {
             val locations = remember { mutableStateListOf<String>() }
             var refreshDuration by remember { mutableStateOf<Duration?>(null) }
 
+
+            var showCloudDialog by remember { mutableStateOf(false) }
+            if (showCloudDialog && getClientConfig().isDebugEnabled()) {
+                val clientConfig = getClientConfig()
+                ClientDialog(clientConfig.backendHost, { showCloudDialog = false }) { clientConfig.backendHost = it }
+            }
+
             LaunchedEffect(Unit) {
                 scope.launch {
                     settingsModel.state.collect { state ->
@@ -101,7 +111,7 @@ fun SettingsScreen() {
             }
 
             Column(modifier = padding) {
-                Row {
+                Row(horizontalArrangement = Arrangement.SpaceAround, modifier = Modifier.fillMaxWidth()) {
                     Text(
                         text = "Settings",
                         fontSize = 30.sp,
@@ -111,6 +121,9 @@ fun SettingsScreen() {
                     if (loading) {
                         CircularProgressIndicator(modifier = padding.width(30.dp))
                     }
+                    Button(onClick = { showCloudDialog = true }, modifier = Modifier.padding(8.dp)) {
+                        Icon(Icons.Rounded.Analytics, contentDescription = "Backend")
+                    }
                 }
                 Column {
                     ListEditor("Locations", locations, { locations.remove(it) }, { locations.add(it) })
diff --git a/composeApp/src/commonMain/kotlin/ui/home/HomeScreen.kt b/composeApp/src/commonMain/kotlin/ui/home/HomeScreen.kt
index b210705..856af0a 100644
--- a/composeApp/src/commonMain/kotlin/ui/home/HomeScreen.kt
+++ b/composeApp/src/commonMain/kotlin/ui/home/HomeScreen.kt
@@ -24,6 +24,7 @@ import androidx.compose.material3.MaterialTheme
 import androidx.compose.material3.OutlinedTextField
 import androidx.compose.material3.Text
 import androidx.compose.material3.adaptive.ExperimentalMaterial3AdaptiveApi
+import androidx.compose.material3.adaptive.currentWindowAdaptiveInfo
 import androidx.compose.material3.adaptive.layout.AnimatedPane
 import androidx.compose.material3.adaptive.layout.ListDetailPaneScaffold
 import androidx.compose.material3.adaptive.layout.ListDetailPaneScaffoldRole
@@ -36,8 +37,13 @@ import androidx.compose.runtime.remember
 import androidx.compose.runtime.rememberCoroutineScope
 import androidx.compose.runtime.setValue
 import androidx.compose.ui.Alignment
+import androidx.compose.ui.ExperimentalComposeUiApi
 import androidx.compose.ui.Modifier
+import androidx.compose.ui.platform.LocalDensity
+import androidx.compose.ui.platform.LocalWindowInfo
 import androidx.compose.ui.unit.dp
+import androidx.compose.ui.unit.toSize
+import getClientConfig
 import io.github.jsixface.common.VideoFile
 import kotlinx.coroutines.Job
 import kotlinx.coroutines.launch
@@ -147,6 +153,16 @@ fun PageContent(list: List<VideoFile>, videoSelected: (VideoFile) -> Unit, onRef
             val videoOptions = list.asSequence().flatMap { it.videos }.map { it.codec }.toSet().toList().sorted()
             val audioOptions = list.asSequence().flatMap { it.audios }.map { it.codec }.toSet().toList().sorted()
 
+            @OptIn(ExperimentalComposeUiApi::class)
+            if (getClientConfig().isDebugEnabled()) {
+                val windowInfo = currentWindowAdaptiveInfo()
+                val width = windowInfo.windowSizeClass.windowWidthSizeClass.toString().split(" ")[1]
+                val height = windowInfo.windowSizeClass.windowHeightSizeClass.toString().split(" ")[1]
+                Text("Window Width = $width")
+                Text("Window Height = $height")
+                Text("Window size = ${LocalWindowInfo.current.containerSize.toSize()}")
+                Text("density = ${LocalDensity.current.density}")
+            }
             OutlinedTextField(
                 value = filteredName,
                 modifier = filterMod,
diff --git a/composeApp/src/desktopMain/kotlin/Utils.desktop.kt b/composeApp/src/desktopMain/kotlin/Utils.desktop.kt
index d3ad3b8..3e57588 100644
--- a/composeApp/src/desktopMain/kotlin/Utils.desktop.kt
+++ b/composeApp/src/desktopMain/kotlin/Utils.desktop.kt
@@ -1,3 +1,7 @@
-actual object Backend {
-    actual var host: String = "http://localhost:8080"
-}
\ No newline at end of file
+private val desktopClientConfig = object : ClientConfig {
+    override fun isDebugEnabled() = System.getenv().containsKey("DEBUG_MODE")
+
+    override var backendHost: String = "http://localhost:8080"
+}
+
+actual fun getClientConfig() = desktopClientConfig
\ No newline at end of file
diff --git a/composeApp/src/wasmJsMain/kotlin/Utils.wasmJs.kt b/composeApp/src/wasmJsMain/kotlin/Utils.wasmJs.kt
index cf8e797..0226650 100644
--- a/composeApp/src/wasmJsMain/kotlin/Utils.wasmJs.kt
+++ b/composeApp/src/wasmJsMain/kotlin/Utils.wasmJs.kt
@@ -1,5 +1,11 @@
-actual object Backend {
-    actual var host: String
+import kotlinx.browser.window
+
+private val wasmClientConfig = object : ClientConfig {
+    override fun isDebugEnabled() = window.location.hash.lowercase().contains("debug")
+
+    override var backendHost: String
         get() = ""
         set(value) {}
-}
\ No newline at end of file
+}
+
+actual fun getClientConfig() = wasmClientConfig
\ No newline at end of file
diff --git a/server/build.gradle.kts b/server/build.gradle.kts
index ff3aabb..4135c67 100644
--- a/server/build.gradle.kts
+++ b/server/build.gradle.kts
@@ -51,7 +51,11 @@ val copyProdToStatic by tasks.registering {
     }
 }
 
-tasks.named("run") { dependsOn(copyDevToStatic) }
+tasks.register("runWebUI") { dependsOn(copyDevToStatic, "run") }
 tasks.named("runFatJar") { dependsOn(copyDevToStatic) }
 tasks.named("startScripts") { dependsOn(copyProdToStatic) }
 tasks.named("shadowJar") { dependsOn(copyProdToStatic) }
+
+tasks.named("clean") {
+    doLast { delete(staticDir) }
+}
\ No newline at end of file