diff --git a/dist/index.html b/dist/index.html
index d97144f..1e16be3 100644
--- a/dist/index.html
+++ b/dist/index.html
@@ -32,7 +32,18 @@
             <input type="checkbox" id="checkbox-beta" name="beta" value="beta" checked>
             <label for="beta">Beta</label><br>
             <input type="checkbox" id="checkbox-stable" name="stable" value="stable" checked>
-            <label for="stable">Stable</label>
+            <label for="stable">Stable</label><br>
+            <hr color="#34495e">
+            <input type="checkbox" id="checkbox-api" name="api" value="api" checked>
+            <label for="api">API</label><br>
+            <input type="checkbox" id="checkbox-ws" name="ws" value="ws" checked>
+            <label for="ws">WS</label><br>
+            <input type="checkbox" id="checkbox-sse" name="sse" value="sse" checked>
+            <label for="sse">SSE</label><br>
+            <input type="checkbox" id="checkbox-mailer" name="mailer" value="mailer" checked>
+            <label for="mailer">Mailer</label><br>
+            <input type="checkbox" id="checkbox-storage" name="storage" value="storage" checked>
+            <label for="storage">Storage</label>
         </div>
     </div>
     
diff --git a/dist/script.js b/dist/script.js
index b89509d..3d29203 100644
--- a/dist/script.js
+++ b/dist/script.js
@@ -61,10 +61,15 @@ const wsAddress = "ws://192.168.178.93:50000/ws?auth=aksmdaksdmaskdm213askm"
  * Begin of code
  */
 const viewersCount = document.getElementById("viewers-count")
+const connectionStatus = document.getElementById("connection-status")
 const checkboxAlpha = document.getElementById("checkbox-alpha")
 const checkboxBeta = document.getElementById("checkbox-beta")
 const checkboxStable = document.getElementById("checkbox-stable")
-const connectionStatus = document.getElementById("connection-status")
+const checkboxApi = document.getElementById("checkbox-api")
+const checkboxWs = document.getElementById("checkbox-ws")
+const checkboxSse = document.getElementById("checkbox-sse")
+const checkboxMailer = document.getElementById("checkbox-mailer")
+const checkboxStorage = document.getElementById("checkbox-storage")
 
 const messages = document.getElementById("messages")
 let autoScroll = true;
@@ -125,10 +130,6 @@ function clampClosed() {
 }
 
 function formatServiceCode(code) {
-    if (code == "") {
-        code = "000" // default value
-    }
-
     return clampOn() +
     "<span style='color: "+serviceCodeColor+"'>" +
     code + "</span>" + clampClosed()
@@ -240,6 +241,12 @@ function connectWS() {
                 if (serviceType == 1 && !checkboxBeta.checked) return
                 if (serviceType == 2 && !checkboxStable.checked) return
 
+                if (serviceName == 0 && !checkboxApi.checked) return
+                if (serviceName == 1 && !checkboxMailer.checked) return
+                if (serviceName == 2 && !checkboxStorage.checked) return
+                if (serviceName == 3 && !checkboxSse.checked) return
+                if (serviceName == 4 && !checkboxWs.checked) return
+
                 addMessage(serviceCode, messageType, serviceType, serviceName, data.Msg, timestamp)
             }
         }
diff --git a/dist/style.css b/dist/style.css
index b679a97..cc05c50 100644
--- a/dist/style.css
+++ b/dist/style.css
@@ -56,7 +56,7 @@ button {
     border-radius: 6px;
 }
 
-.checkbox-container{
+.checkbox-container {
     position: absolute;
     top: 0;
     position: -webkit-sticky; /* Safari */